Color conversion
Color conversion for #556A77
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 85 | 106 | 119 | |
|---|---|---|---|---|
| HSL | 202.94° | 16.67% | 40% | |
| HSV | 202.94° | 28.57% | 46.67% | |
| CMYK | 28.57% | 10.92% | 0% | 53.33% |
| XYZ | 12.2291 | 13.5708 | 19.4243 | |
| Yxy | 13.5708 | 0.2704 | 0.3001 | |
| Hunter Lab | 36.8386 | -5.2123 | -5.4633 | |
| CIE-Lab | 43.611 | -4.525 | -9.8103 | |
| CIE-LCH | 43.611 | 10.8036 | 245.2385 | |
| CIE-LUV | 43.611 | -10.9729 | -12.8606 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010101 | 01101010 | 01110111 |
| Octal | 125 | 152 | 167 |
| Decimal | 85 | 106 | 119 |
| Hex | 55 | 6A | 77 |
RGB percentages
CMYK percentages
Shades #556A77
Tints #556A77
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#556A77 color on black
#556A77 color sample text
#556A77 color on white
#556A77 color sample text
#556A77 CSS codes
.background { background-color: #556A77; }
.text { color: #556A77; }
.border { border: 3px solid #556A77; }
.shadow { box-shadow: 0 8px 28px rgba(85, 106, 119, 0.35); }
CSS preview
Accessibility
Contrast on white5.65:1AA
Contrast on black3.71:1Large text
Web safe#666666Near
Luminance0.13570-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#556A77 color
PortuguêsCor #556A77
EspañolColor #556A77
한국어#556A77 색상
日本語#556A77 の色
中文#556A77 颜色
DeutschFarbe #556A77
FrançaisCouleur #556A77
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #556A77 color.
Related shades
See Blues