Color conversion
Color conversion for #5677CB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 119 | 203 | |
|---|---|---|---|---|
| HSL | 223.08° | 52.94% | 56.67% | |
| HSV | 223.08° | 57.64% | 79.61% | |
| CMYK | 57.64% | 41.38% | 0% | 20.39% |
| XYZ | 21.2104 | 19.4822 | 59.131 | |
| Yxy | 19.4822 | 0.2125 | 0.1952 | |
| Hunter Lab | 44.1386 | 8.5331 | -48.5006 | |
| CIE-Lab | 51.2467 | 13.4212 | -47.2305 | |
| CIE-LCH | 51.2467 | 49.1004 | 285.8632 | |
| CIE-LUV | 51.2467 | -16.6477 | -74.022 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 01110111 | 11001011 |
| Octal | 126 | 167 | 313 |
| Decimal | 86 | 119 | 203 |
| Hex | 56 | 77 | CB |
RGB percentages
CMYK percentages
Shades #5677CB
Tints #5677CB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5677CB color on black
#5677CB color sample text
#5677CB color on white
#5677CB color sample text
#5677CB CSS codes
.background { background-color: #5677CB; }
.text { color: #5677CB; }
.border { border: 3px solid #5677CB; }
.shadow { box-shadow: 0 8px 28px rgba(86, 119, 203, 0.35); }
CSS preview
Accessibility
Contrast on white4.29:1Large text
Contrast on black4.9:1AA
Web safe#6666CCNear
Luminance0.19480-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5677CB color
PortuguêsCor #5677CB
EspañolColor #5677CB
한국어#5677CB 색상
日本語#5677CB の色
中文#5677CB 颜色
DeutschFarbe #5677CB
FrançaisCouleur #5677CB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5677CB color.
Related shades
See Blues