Color conversion
Color conversion for #314FBB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 49 | 79 | 187 | |
|---|---|---|---|---|
| HSL | 226.96° | 58.47% | 46.27% | |
| HSV | 226.96° | 73.8% | 73.33% | |
| CMYK | 73.8% | 57.75% | 0% | 26.67% |
| XYZ | 13.0291 | 9.8314 | 48.2151 | |
| Yxy | 9.8314 | 0.1833 | 0.1383 | |
| Hunter Lab | 31.3551 | 19.3009 | -69.1868 | |
| CIE-Lab | 37.5381 | 27.0396 | -60.1348 | |
| CIE-LCH | 37.5381 | 65.9343 | 294.2111 | |
| CIE-LUV | 37.5381 | -13.1992 | -87.0426 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110001 | 01001111 | 10111011 |
| Octal | 61 | 117 | 273 |
| Decimal | 49 | 79 | 187 |
| Hex | 31 | 4F | BB |
RGB percentages
CMYK percentages
Shades #314FBB
Tints #314FBB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#314FBB color on black
#314FBB color sample text
#314FBB color on white
#314FBB color sample text
#314FBB CSS codes
.background { background-color: #314FBB; }
.text { color: #314FBB; }
.border { border: 3px solid #314FBB; }
.shadow { box-shadow: 0 8px 28px rgba(49, 79, 187, 0.35); }
CSS preview
Accessibility
Contrast on white7.08:1AAA
Contrast on black2.97:1Poor
Web safe#3366CCNear
Luminance0.09830-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#314FBB color
PortuguêsCor #314FBB
EspañolColor #314FBB
한국어#314FBB 색상
日本語#314FBB の色
中文#314FBB 颜色
DeutschFarbe #314FBB
FrançaisCouleur #314FBB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #314FBB color.
Related shades
See Blues