Color conversion
Color conversion for #57BDFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 87 | 189 | 255 | |
|---|---|---|---|---|
| HSL | 203.57° | 100% | 67.06% | |
| HSV | 203.57° | 65.88% | 100% | |
| CMYK | 65.88% | 25.88% | 0% | 0% |
| XYZ | 40.1711 | 45.6372 | 101.2801 | |
| Yxy | 45.6372 | 0.2147 | 0.2439 | |
| Hunter Lab | 67.5553 | -12.0794 | -41.5651 | |
| CIE-Lab | 73.3095 | -9.7268 | -41.2503 | |
| CIE-LCH | 73.3095 | 42.3816 | 256.732 | |
| CIE-LUV | 73.3095 | -39.6635 | -65.7682 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010111 | 10111101 | 11111111 |
| Octal | 127 | 275 | 377 |
| Decimal | 87 | 189 | 255 |
| Hex | 57 | BD | FF |
RGB percentages
CMYK percentages
Shades #57BDFF
Tints #57BDFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#57BDFF color on black
#57BDFF color sample text
#57BDFF color on white
#57BDFF color sample text
#57BDFF CSS codes
.background { background-color: #57BDFF; }
.text { color: #57BDFF; }
.border { border: 3px solid #57BDFF; }
.shadow { box-shadow: 0 8px 28px rgba(87, 189, 255, 0.35); }CSS preview
Accessibility
Contrast on white2.07:1Poor
Contrast on black10.13:1AAA
Web safe#66CCFFNear
Luminance0.45640-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#57BDFF color
PortuguêsCor #57BDFF
EspañolColor #57BDFF
한국어#57BDFF 색상
日本語#57BDFF の色
中文#57BDFF 颜色
DeutschFarbe #57BDFF
FrançaisCouleur #57BDFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #57BDFF color.
Related shades
See Blues