Color conversion
Color conversion for #304CD9
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 76 | 217 | |
|---|---|---|---|---|
| HSL | 230.06° | 68.98% | 51.96% | |
| HSV | 230.06° | 77.88% | 85.1% | |
| CMYK | 77.88% | 64.98% | 0% | 14.9% |
| XYZ | 16.3234 | 10.8052 | 66.8575 | |
| Yxy | 10.8052 | 0.1737 | 0.115 | |
| Hunter Lab | 32.8713 | 31.1151 | -97.534 | |
| CIE-Lab | 39.2504 | 39.7765 | -74.7319 | |
| CIE-LCH | 39.2504 | 84.6583 | 298.0244 | |
| CIE-LUV | 39.2504 | -13.0367 | -108.0368 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001100 | 11011001 |
| Octal | 60 | 114 | 331 |
| Decimal | 48 | 76 | 217 |
| Hex | 30 | 4C | D9 |
RGB percentages
CMYK percentages
Shades #304CD9
Tints #304CD9
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304CD9 color on black
#304CD9 color sample text
#304CD9 color on white
#304CD9 color sample text
#304CD9 CSS codes
.background { background-color: #304CD9; }
.text { color: #304CD9; }
.border { border: 3px solid #304CD9; }
.shadow { box-shadow: 0 8px 28px rgba(48, 76, 217, 0.35); }
CSS preview
Accessibility
Contrast on white6.64:1AA
Contrast on black3.16:1Large text
Web safe#3333CCNear
Luminance0.10810-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304CD9 color
PortuguêsCor #304CD9
EspañolColor #304CD9
한국어#304CD9 색상
日本語#304CD9 の色
中文#304CD9 颜色
DeutschFarbe #304CD9
FrançaisCouleur #304CD9
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304CD9 color.
Related shades
See Blues