Color conversion
Color conversion for #5676C0
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 118 | 192 | |
|---|---|---|---|---|
| HSL | 221.89° | 45.69% | 54.51% | |
| HSV | 221.89° | 55.21% | 75.29% | |
| CMYK | 55.21% | 38.54% | 0% | 24.71% |
| XYZ | 19.8274 | 18.7396 | 52.4312 | |
| Yxy | 18.7396 | 0.2179 | 0.2059 | |
| Hunter Lab | 43.2893 | 5.9999 | -41.4804 | |
| CIE-Lab | 50.3811 | 10.4115 | -42.3114 | |
| CIE-LCH | 50.3811 | 43.5735 | 283.824 | |
| CIE-LUV | 50.3811 | -16.2141 | -65.6682 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 01110110 | 11000000 |
| Octal | 126 | 166 | 300 |
| Decimal | 86 | 118 | 192 |
| Hex | 56 | 76 | C0 |
RGB percentages
CMYK percentages
Shades #5676C0
Tints #5676C0
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5676C0 color on black
#5676C0 color sample text
#5676C0 color on white
#5676C0 color sample text
#5676C0 CSS codes
.background { background-color: #5676C0; }
.text { color: #5676C0; }
.border { border: 3px solid #5676C0; }
.shadow { box-shadow: 0 8px 28px rgba(86, 118, 192, 0.35); }
CSS preview
Accessibility
Contrast on white4.42:1Large text
Contrast on black4.75:1AA
Web safe#6666CCNear
Luminance0.18740-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5676C0 color
PortuguêsCor #5676C0
EspañolColor #5676C0
한국어#5676C0 색상
日本語#5676C0 の色
中文#5676C0 颜色
DeutschFarbe #5676C0
FrançaisCouleur #5676C0
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5676C0 color.
Related shades
See Blues