Color conversion
Color conversion for #56AAED
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 170 | 237 | |
|---|---|---|---|---|
| HSL | 206.62° | 80.75% | 63.33% | |
| HSV | 206.62° | 63.71% | 92.94% | |
| CMYK | 63.71% | 28.27% | 0% | 7.06% |
| XYZ | 33.4928 | 36.8389 | 85.4499 | |
| Yxy | 36.8389 | 0.215 | 0.2365 | |
| Hunter Lab | 60.6951 | -7.7171 | -40.9526 | |
| CIE-Lab | 67.156 | -5.2687 | -41.1067 | |
| CIE-LCH | 67.156 | 41.443 | 262.6961 | |
| CIE-LUV | 67.156 | -33.8819 | -65.2767 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 10101010 | 11101101 |
| Octal | 126 | 252 | 355 |
| Decimal | 86 | 170 | 237 |
| Hex | 56 | AA | ED |
RGB percentages
CMYK percentages
Shades #56AAED
Tints #56AAED
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#56AAED color on black
#56AAED color sample text
#56AAED color on white
#56AAED color sample text
#56AAED CSS codes
.background { background-color: #56AAED; }
.text { color: #56AAED; }
.border { border: 3px solid #56AAED; }
.shadow { box-shadow: 0 8px 28px rgba(86, 170, 237, 0.35); }CSS preview
Accessibility
Contrast on white2.51:1Poor
Contrast on black8.37:1AAA
Web safe#6699FFNear
Luminance0.36840-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#56AAED color
PortuguêsCor #56AAED
EspañolColor #56AAED
한국어#56AAED 색상
日本語#56AAED の色
中文#56AAED 颜色
DeutschFarbe #56AAED
FrançaisCouleur #56AAED
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #56AAED color.
Related shades
See Blues