Color conversion
Color conversion for #304FAE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 79 | 174 | |
|---|---|---|---|---|
| HSL | 225.24° | 56.76% | 43.53% | |
| HSV | 225.24° | 72.41% | 68.24% | |
| CMYK | 72.41% | 54.6% | 0% | 31.76% |
| XYZ | 11.6522 | 9.2751 | 41.2124 | |
| Yxy | 9.2751 | 0.1875 | 0.1493 | |
| Hunter Lab | 30.455 | 14.9978 | -58.8825 | |
| CIE-Lab | 36.5087 | 22.0553 | -54.1403 | |
| CIE-LCH | 36.5087 | 58.4603 | 292.1647 | |
| CIE-LUV | 36.5087 | -13.2856 | -77.9036 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001111 | 10101110 |
| Octal | 60 | 117 | 256 |
| Decimal | 48 | 79 | 174 |
| Hex | 30 | 4F | AE |
RGB percentages
CMYK percentages
Shades #304FAE
Tints #304FAE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304FAE color on black
#304FAE color sample text
#304FAE color on white
#304FAE color sample text
#304FAE CSS codes
.background { background-color: #304FAE; }
.text { color: #304FAE; }
.border { border: 3px solid #304FAE; }
.shadow { box-shadow: 0 8px 28px rgba(48, 79, 174, 0.35); }CSS preview
Accessibility
Contrast on white7.35:1AAA
Contrast on black2.86:1Poor
Web safe#336699Near
Luminance0.09280-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304FAE color
PortuguêsCor #304FAE
EspañolColor #304FAE
한국어#304FAE 색상
日本語#304FAE の色
中文#304FAE 颜色
DeutschFarbe #304FAE
FrançaisCouleur #304FAE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304FAE color.
Related shades
See Blues