Color conversion
Color conversion for #304FBC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 79 | 188 | |
|---|---|---|---|---|
| HSL | 226.71° | 59.32% | 46.27% | |
| HSV | 226.71° | 74.47% | 73.73% | |
| CMYK | 74.47% | 57.98% | 0% | 26.27% |
| XYZ | 13.0888 | 9.8498 | 48.7786 | |
| Yxy | 9.8498 | 0.1825 | 0.1373 | |
| Hunter Lab | 31.3844 | 19.5198 | -70.1452 | |
| CIE-Lab | 37.5715 | 27.2889 | -60.6688 | |
| CIE-LCH | 37.5715 | 66.5236 | 294.2183 | |
| CIE-LUV | 37.5715 | -13.3815 | -87.7909 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001111 | 10111100 |
| Octal | 60 | 117 | 274 |
| Decimal | 48 | 79 | 188 |
| Hex | 30 | 4F | BC |
RGB percentages
CMYK percentages
Shades #304FBC
Tints #304FBC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304FBC color on black
#304FBC color sample text
#304FBC color on white
#304FBC color sample text
#304FBC CSS codes
.background { background-color: #304FBC; }
.text { color: #304FBC; }
.border { border: 3px solid #304FBC; }
.shadow { box-shadow: 0 8px 28px rgba(48, 79, 188, 0.35); }CSS preview
Accessibility
Contrast on white7.07:1AAA
Contrast on black2.97:1Poor
Web safe#3366CCNear
Luminance0.09850-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304FBC color
PortuguêsCor #304FBC
EspañolColor #304FBC
한국어#304FBC 색상
日本語#304FBC の色
中文#304FBC 颜色
DeutschFarbe #304FBC
FrançaisCouleur #304FBC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304FBC color.
Related shades
See Blues