Color conversion
Color conversion for #576AAE
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 87 | 106 | 174 | |
|---|---|---|---|---|
| HSL | 226.9° | 34.94% | 51.18% | |
| HSV | 226.9° | 50% | 68.24% | |
| CMYK | 50% | 39.08% | 0% | 31.76% |
| XYZ | 16.722 | 15.3892 | 42.1255 | |
| Yxy | 15.3892 | 0.2253 | 0.2073 | |
| Hunter Lab | 39.2291 | 7.4369 | -36.1823 | |
| CIE-Lab | 46.1627 | 12.2262 | -38.556 | |
| CIE-LCH | 46.1627 | 40.4481 | 287.5939 | |
| CIE-LUV | 46.1627 | -11.3809 | -58.7783 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010111 | 01101010 | 10101110 |
| Octal | 127 | 152 | 256 |
| Decimal | 87 | 106 | 174 |
| Hex | 57 | 6A | AE |
RGB percentages
CMYK percentages
Shades #576AAE
Tints #576AAE
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#576AAE color on black
#576AAE color sample text
#576AAE color on white
#576AAE color sample text
#576AAE CSS codes
.background { background-color: #576AAE; }
.text { color: #576AAE; }
.border { border: 3px solid #576AAE; }
.shadow { box-shadow: 0 8px 28px rgba(87, 106, 174, 0.35); }CSS preview
Accessibility
Contrast on white5.15:1AA
Contrast on black4.08:1Large text
Web safe#666699Near
Luminance0.15390-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#576AAE color
PortuguêsCor #576AAE
EspañolColor #576AAE
한국어#576AAE 색상
日本語#576AAE の色
中文#576AAE 颜色
DeutschFarbe #576AAE
FrançaisCouleur #576AAE
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #576AAE color.
Related shades
See Blues