Color conversion
Color conversion for #577BE1
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 87 | 123 | 225 | |
|---|---|---|---|---|
| HSL | 224.35° | 69.7% | 61.18% | |
| HSV | 224.35° | 61.33% | 88.24% | |
| CMYK | 61.33% | 45.33% | 0% | 11.76% |
| XYZ | 24.5994 | 21.6263 | 74.0975 | |
| Yxy | 21.6263 | 0.2044 | 0.1797 | |
| Hunter Lab | 46.5041 | 13.0388 | -61.8801 | |
| CIE-Lab | 53.6282 | 18.5171 | -55.8697 | |
| CIE-LCH | 53.6282 | 58.8584 | 288.3369 | |
| CIE-LUV | 53.6282 | -17.8483 | -88.9845 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010111 | 01111011 | 11100001 |
| Octal | 127 | 173 | 341 |
| Decimal | 87 | 123 | 225 |
| Hex | 57 | 7B | E1 |
RGB percentages
CMYK percentages
Shades #577BE1
Tints #577BE1
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#577BE1 color on black
#577BE1 color sample text
#577BE1 color on white
#577BE1 color sample text
#577BE1 CSS codes
.background { background-color: #577BE1; }
.text { color: #577BE1; }
.border { border: 3px solid #577BE1; }
.shadow { box-shadow: 0 8px 28px rgba(87, 123, 225, 0.35); }
CSS preview
Accessibility
Contrast on white3.94:1Large text
Contrast on black5.33:1AA
Web safe#6666CCNear
Luminance0.21630-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#577BE1 color
PortuguêsCor #577BE1
EspañolColor #577BE1
한국어#577BE1 색상
日本語#577BE1 の色
中文#577BE1 颜色
DeutschFarbe #577BE1
FrançaisCouleur #577BE1
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #577BE1 color.
Related shades
See Blues