Color conversion
Color conversion for #557AEB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 85 | 122 | 235 | |
|---|---|---|---|---|
| HSL | 225.2° | 78.95% | 62.75% | |
| HSV | 225.2° | 63.83% | 92.16% | |
| CMYK | 63.83% | 48.09% | 0% | 7.84% |
| XYZ | 25.6961 | 21.8462 | 81.4437 | |
| Yxy | 21.8462 | 0.1992 | 0.1694 | |
| Hunter Lab | 46.7399 | 16.3379 | -70.5537 | |
| CIE-Lab | 53.8634 | 22.1699 | -61.0956 | |
| CIE-LCH | 53.8634 | 64.9937 | 289.9444 | |
| CIE-LUV | 53.8634 | -18.1212 | -97.6067 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010101 | 01111010 | 11101011 |
| Octal | 125 | 172 | 353 |
| Decimal | 85 | 122 | 235 |
| Hex | 55 | 7A | EB |
RGB percentages
CMYK percentages
Shades #557AEB
Tints #557AEB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#557AEB color on black
#557AEB color sample text
#557AEB color on white
#557AEB color sample text
#557AEB CSS codes
.background { background-color: #557AEB; }
.text { color: #557AEB; }
.border { border: 3px solid #557AEB; }
.shadow { box-shadow: 0 8px 28px rgba(85, 122, 235, 0.35); }CSS preview
Accessibility
Contrast on white3.91:1Large text
Contrast on black5.37:1AA
Web safe#6666FFNear
Luminance0.21850-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#557AEB color
PortuguêsCor #557AEB
EspañolColor #557AEB
한국어#557AEB 색상
日本語#557AEB の色
中文#557AEB 颜色
DeutschFarbe #557AEB
FrançaisCouleur #557AEB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #557AEB color.
Related shades
See Blues