Color conversion
Color conversion for #556CA3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 85 | 108 | 163 | |
|---|---|---|---|---|
| HSL | 222.31° | 31.45% | 48.63% | |
| HSV | 222.31° | 47.85% | 63.92% | |
| CMYK | 47.85% | 33.74% | 0% | 36.08% |
| XYZ | 15.7176 | 15.2998 | 36.7682 | |
| Yxy | 15.2998 | 0.2319 | 0.2257 | |
| Hunter Lab | 39.115 | 3.2751 | -28.3305 | |
| CIE-Lab | 46.0421 | 7.0204 | -32.304 | |
| CIE-LCH | 46.0421 | 33.058 | 282.261 | |
| CIE-LUV | 46.0421 | -12.5687 | -48.4946 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010101 | 01101100 | 10100011 |
| Octal | 125 | 154 | 243 |
| Decimal | 85 | 108 | 163 |
| Hex | 55 | 6C | A3 |
RGB percentages
CMYK percentages
Shades #556CA3
Tints #556CA3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#556CA3 color on black
#556CA3 color sample text
#556CA3 color on white
#556CA3 color sample text
#556CA3 CSS codes
.background { background-color: #556CA3; }
.text { color: #556CA3; }
.border { border: 3px solid #556CA3; }
.shadow { box-shadow: 0 8px 28px rgba(85, 108, 163, 0.35); }
CSS preview
Accessibility
Contrast on white5.17:1AA
Contrast on black4.06:1Large text
Web safe#666699Near
Luminance0.1530-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#556CA3 color
PortuguêsCor #556CA3
EspañolColor #556CA3
한국어#556CA3 색상
日本語#556CA3 の色
中文#556CA3 颜色
DeutschFarbe #556CA3
FrançaisCouleur #556CA3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #556CA3 color.
Related shades
See Blues