Color conversion
Color conversion for #5678C3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 120 | 195 | |
|---|---|---|---|---|
| HSL | 221.28° | 47.6% | 55.1% | |
| HSV | 221.28° | 55.9% | 76.47% | |
| CMYK | 55.9% | 38.46% | 0% | 23.53% |
| XYZ | 20.4012 | 19.3499 | 54.279 | |
| Yxy | 19.3499 | 0.217 | 0.2058 | |
| Hunter Lab | 43.9885 | 5.805 | -42.3394 | |
| CIE-Lab | 51.0941 | 10.1719 | -42.9026 | |
| CIE-LCH | 51.0941 | 44.092 | 283.3381 | |
| CIE-LUV | 51.0941 | -16.9318 | -66.7776 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 01111000 | 11000011 |
| Octal | 126 | 170 | 303 |
| Decimal | 86 | 120 | 195 |
| Hex | 56 | 78 | C3 |
RGB percentages
CMYK percentages
Shades #5678C3
Tints #5678C3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5678C3 color on black
#5678C3 color sample text
#5678C3 color on white
#5678C3 color sample text
#5678C3 CSS codes
.background { background-color: #5678C3; }
.text { color: #5678C3; }
.border { border: 3px solid #5678C3; }
.shadow { box-shadow: 0 8px 28px rgba(86, 120, 195, 0.35); }CSS preview
Accessibility
Contrast on white4.31:1Large text
Contrast on black4.87:1AA
Web safe#6666CCNear
Luminance0.19350-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5678C3 color
PortuguêsCor #5678C3
EspañolColor #5678C3
한국어#5678C3 색상
日本語#5678C3 の色
中文#5678C3 颜色
DeutschFarbe #5678C3
FrançaisCouleur #5678C3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5678C3 color.
Related shades
See Blues