Color conversion
Color conversion for #57AEFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 87 | 174 | 255 | |
|---|---|---|---|---|
| HSL | 208.93° | 100% | 67.06% | |
| HSV | 208.93° | 65.88% | 100% | |
| CMYK | 65.88% | 31.76% | 0% | 0% |
| XYZ | 37.1098 | 39.5145 | 100.2597 | |
| Yxy | 39.5145 | 0.2098 | 0.2234 | |
| Hunter Lab | 62.8606 | -4.6292 | -50.5254 | |
| CIE-Lab | 69.1223 | -1.4632 | -47.8116 | |
| CIE-LCH | 69.1223 | 47.834 | 268.2471 | |
| CIE-LUV | 69.1223 | -34.4446 | -77.4469 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010111 | 10101110 | 11111111 |
| Octal | 127 | 256 | 377 |
| Decimal | 87 | 174 | 255 |
| Hex | 57 | AE | FF |
RGB percentages
CMYK percentages
Shades #57AEFF
Tints #57AEFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#57AEFF color on black
#57AEFF color sample text
#57AEFF color on white
#57AEFF color sample text
#57AEFF CSS codes
.background { background-color: #57AEFF; }
.text { color: #57AEFF; }
.border { border: 3px solid #57AEFF; }
.shadow { box-shadow: 0 8px 28px rgba(87, 174, 255, 0.35); }
CSS preview
Accessibility
Contrast on white2.36:1Poor
Contrast on black8.9:1AAA
Web safe#6699FFNear
Luminance0.39520-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#57AEFF color
PortuguêsCor #57AEFF
EspañolColor #57AEFF
한국어#57AEFF 색상
日本語#57AEFF の色
中文#57AEFF 颜色
DeutschFarbe #57AEFF
FrançaisCouleur #57AEFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #57AEFF color.
Related shades
See Blues