Color conversion
Color conversion for #557BF1
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 85 | 123 | 241 | |
|---|---|---|---|---|
| HSL | 225.38° | 84.78% | 63.92% | |
| HSV | 225.38° | 64.73% | 94.51% | |
| CMYK | 64.73% | 48.96% | 0% | 5.49% |
| XYZ | 26.701 | 22.4456 | 86.1273 | |
| Yxy | 22.4456 | 0.1974 | 0.1659 | |
| Hunter Lab | 47.3768 | 17.6903 | -74.5786 | |
| CIE-Lab | 54.4966 | 23.6013 | -63.4194 | |
| CIE-LCH | 54.4966 | 67.6686 | 290.4126 | |
| CIE-LUV | 54.4966 | -18.4658 | -101.6202 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010101 | 01111011 | 11110001 |
| Octal | 125 | 173 | 361 |
| Decimal | 85 | 123 | 241 |
| Hex | 55 | 7B | F1 |
RGB percentages
CMYK percentages
Shades #557BF1
Tints #557BF1
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#557BF1 color on black
#557BF1 color sample text
#557BF1 color on white
#557BF1 color sample text
#557BF1 CSS codes
.background { background-color: #557BF1; }
.text { color: #557BF1; }
.border { border: 3px solid #557BF1; }
.shadow { box-shadow: 0 8px 28px rgba(85, 123, 241, 0.35); }
CSS preview
Accessibility
Contrast on white3.83:1Large text
Contrast on black5.49:1AA
Web safe#6666FFNear
Luminance0.22450-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#557BF1 color
PortuguêsCor #557BF1
EspañolColor #557BF1
한국어#557BF1 색상
日本語#557BF1 の色
中文#557BF1 颜色
DeutschFarbe #557BF1
FrançaisCouleur #557BF1
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #557BF1 color.
Related shades
See Blues