Color conversion
Color conversion for #304EA7
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 78 | 167 | |
|---|---|---|---|---|
| HSL | 224.87° | 55.35% | 42.16% | |
| HSV | 224.87° | 71.26% | 65.49% | |
| CMYK | 71.26% | 53.29% | 0% | 34.51% |
| XYZ | 10.9159 | 8.8661 | 37.6878 | |
| Yxy | 8.8661 | 0.1899 | 0.1543 | |
| Hunter Lab | 29.776 | 13.3297 | -54.1714 | |
| CIE-Lab | 35.7252 | 20.0861 | -51.2433 | |
| CIE-LCH | 35.7252 | 55.0393 | 291.4039 | |
| CIE-LUV | 35.7252 | -12.9683 | -73.2937 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001110 | 10100111 |
| Octal | 60 | 116 | 247 |
| Decimal | 48 | 78 | 167 |
| Hex | 30 | 4E | A7 |
RGB percentages
CMYK percentages
Shades #304EA7
Tints #304EA7
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304EA7 color on black
#304EA7 color sample text
#304EA7 color on white
#304EA7 color sample text
#304EA7 CSS codes
.background { background-color: #304EA7; }
.text { color: #304EA7; }
.border { border: 3px solid #304EA7; }
.shadow { box-shadow: 0 8px 28px rgba(48, 78, 167, 0.35); }CSS preview
Accessibility
Contrast on white7.57:1AAA
Contrast on black2.77:1Poor
Web safe#336699Near
Luminance0.08870-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304EA7 color
PortuguêsCor #304EA7
EspañolColor #304EA7
한국어#304EA7 색상
日本語#304EA7 の色
中文#304EA7 颜色
DeutschFarbe #304EA7
FrançaisCouleur #304EA7
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304EA7 color.
Related shades
See Blues