Color conversion
Color conversion for #304FBB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 79 | 187 | |
|---|---|---|---|---|
| HSL | 226.62° | 59.15% | 46.08% | |
| HSV | 226.62° | 74.33% | 73.33% | |
| CMYK | 74.33% | 57.75% | 0% | 26.67% |
| XYZ | 12.9814 | 9.8068 | 48.2128 | |
| Yxy | 9.8068 | 0.1828 | 0.1381 | |
| Hunter Lab | 31.3158 | 19.1907 | -69.3241 | |
| CIE-Lab | 37.4934 | 26.9173 | -60.2094 | |
| CIE-LCH | 37.4934 | 65.9524 | 294.0876 | |
| CIE-LUV | 37.4934 | -13.373 | -87.0967 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001111 | 10111011 |
| Octal | 60 | 117 | 273 |
| Decimal | 48 | 79 | 187 |
| Hex | 30 | 4F | BB |
RGB percentages
CMYK percentages
Shades #304FBB
Tints #304FBB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304FBB color on black
#304FBB color sample text
#304FBB color on white
#304FBB color sample text
#304FBB CSS codes
.background { background-color: #304FBB; }
.text { color: #304FBB; }
.border { border: 3px solid #304FBB; }
.shadow { box-shadow: 0 8px 28px rgba(48, 79, 187, 0.35); }CSS preview
Accessibility
Contrast on white7.09:1AAA
Contrast on black2.96:1Poor
Web safe#3366CCNear
Luminance0.09810-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304FBB color
PortuguêsCor #304FBB
EspañolColor #304FBB
한국어#304FBB 색상
日本語#304FBB の色
中文#304FBB 颜色
DeutschFarbe #304FBB
FrançaisCouleur #304FBB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304FBB color.
Related shades
See Blues