Color conversion
Color conversion for #304FB1
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 48 | 79 | 177 | |
|---|---|---|---|---|
| HSL | 225.58° | 57.33% | 44.12% | |
| HSV | 225.58° | 72.88% | 69.41% | |
| CMYK | 72.88% | 55.37% | 0% | 30.59% |
| XYZ | 11.948 | 9.3934 | 42.7699 | |
| Yxy | 9.3934 | 0.1864 | 0.1465 | |
| Hunter Lab | 30.6487 | 15.9503 | -61.2522 | |
| CIE-Lab | 36.7309 | 23.1814 | -55.5571 | |
| CIE-LCH | 36.7309 | 60.1994 | 292.6485 | |
| CIE-LUV | 36.7309 | -13.302 | -80.0532 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110000 | 01001111 | 10110001 |
| Octal | 60 | 117 | 261 |
| Decimal | 48 | 79 | 177 |
| Hex | 30 | 4F | B1 |
RGB percentages
CMYK percentages
Shades #304FB1
Tints #304FB1
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#304FB1 color on black
#304FB1 color sample text
#304FB1 color on white
#304FB1 color sample text
#304FB1 CSS codes
.background { background-color: #304FB1; }
.text { color: #304FB1; }
.border { border: 3px solid #304FB1; }
.shadow { box-shadow: 0 8px 28px rgba(48, 79, 177, 0.35); }CSS preview
Accessibility
Contrast on white7.3:1AAA
Contrast on black2.88:1Poor
Web safe#336699Near
Luminance0.09390-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#304FB1 color
PortuguêsCor #304FB1
EspañolColor #304FB1
한국어#304FB1 색상
日本語#304FB1 の色
中文#304FB1 颜色
DeutschFarbe #304FB1
FrançaisCouleur #304FB1
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #304FB1 color.
Related shades
See Blues