Color conversion
Color conversion for #577CBB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 87 | 124 | 187 | |
|---|---|---|---|---|
| HSL | 217.8° | 42.37% | 53.73% | |
| HSV | 217.8° | 53.48% | 73.33% | |
| CMYK | 53.48% | 33.69% | 0% | 26.67% |
| XYZ | 20.1047 | 20.0279 | 49.8104 | |
| Yxy | 20.0279 | 0.2235 | 0.2227 | |
| Hunter Lab | 44.7525 | 1.872 | -34.6382 | |
| CIE-Lab | 51.8687 | 5.3755 | -37.0899 | |
| CIE-LCH | 51.8687 | 37.4774 | 278.2466 | |
| CIE-LUV | 51.8687 | -18.0167 | -57.1707 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010111 | 01111100 | 10111011 |
| Octal | 127 | 174 | 273 |
| Decimal | 87 | 124 | 187 |
| Hex | 57 | 7C | BB |
RGB percentages
CMYK percentages
Shades #577CBB
Tints #577CBB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#577CBB color on black
#577CBB color sample text
#577CBB color on white
#577CBB color sample text
#577CBB CSS codes
.background { background-color: #577CBB; }
.text { color: #577CBB; }
.border { border: 3px solid #577CBB; }
.shadow { box-shadow: 0 8px 28px rgba(87, 124, 187, 0.35); }CSS preview
Accessibility
Contrast on white4.19:1Large text
Contrast on black5.01:1AA
Web safe#6666CCNear
Luminance0.20030-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#577CBB color
PortuguêsCor #577CBB
EspañolColor #577CBB
한국어#577CBB 색상
日本語#577CBB の色
中文#577CBB 颜色
DeutschFarbe #577CBB
FrançaisCouleur #577CBB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #577CBB color.
Related shades
See Blues