Color conversion
Color conversion for #304EE5
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 78 | 229 | |
|---|---|---|---|---|
| HSL | 230.06° | 77.68% | 54.31% | |
| HSV | 230.06° | 79.04% | 89.8% | |
| CMYK | 79.04% | 65.94% | 0% | 10.2% |
| XYZ | 18.0813 | 11.7322 | 75.4251 | |
| Yxy | 11.7322 | 0.1718 | 0.1115 | |
| Hunter Lab | 34.2523 | 34.2853 | -106.5315 | |
| CIE-Lab | 40.7873 | 42.7907 | -79.0537 | |
| CIE-LCH | 40.7873 | 89.8918 | 298.4261 | |
| CIE-LUV | 40.7873 | -13.6674 | -115.1326 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001110 | 11100101 |
| Octal | 60 | 116 | 345 |
| Decimal | 48 | 78 | 229 |
| Hex | 30 | 4E | E5 |
RGB percentages
CMYK percentages
Shades #304EE5
Tints #304EE5
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304EE5 color on black
#304EE5 color sample text
#304EE5 color on white
#304EE5 color sample text
#304EE5 CSS codes
.background { background-color: #304EE5; }
.text { color: #304EE5; }
.border { border: 3px solid #304EE5; }
.shadow { box-shadow: 0 8px 28px rgba(48, 78, 229, 0.35); }CSS preview
Accessibility
Contrast on white6.28:1AA
Contrast on black3.35:1Large text
Web safe#3366CCNear
Luminance0.11730-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304EE5 color
PortuguêsCor #304EE5
EspañolColor #304EE5
한국어#304EE5 색상
日本語#304EE5 の色
中文#304EE5 颜色
DeutschFarbe #304EE5
FrançaisCouleur #304EE5
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304EE5 color.
Related shades
See Blues