Color conversion
Color conversion for #56AAEC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 170 | 236 | |
|---|---|---|---|---|
| HSL | 206.4° | 79.79% | 63.14% | |
| HSV | 206.4° | 63.56% | 92.55% | |
| CMYK | 63.56% | 27.97% | 0% | 7.45% |
| XYZ | 33.3471 | 36.7807 | 84.6826 | |
| Yxy | 36.7807 | 0.2154 | 0.2376 | |
| Hunter Lab | 60.6471 | -7.9841 | -40.3023 | |
| CIE-Lab | 67.1122 | -5.5927 | -40.6284 | |
| CIE-LCH | 67.1122 | 41.0115 | 262.1622 | |
| CIE-LUV | 67.1122 | -33.9167 | -64.4199 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 10101010 | 11101100 |
| Octal | 126 | 252 | 354 |
| Decimal | 86 | 170 | 236 |
| Hex | 56 | AA | EC |
RGB percentages
CMYK percentages
Shades #56AAEC
Tints #56AAEC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#56AAEC color on black
#56AAEC color sample text
#56AAEC color on white
#56AAEC color sample text
#56AAEC CSS codes
.background { background-color: #56AAEC; }
.text { color: #56AAEC; }
.border { border: 3px solid #56AAEC; }
.shadow { box-shadow: 0 8px 28px rgba(86, 170, 236, 0.35); }
CSS preview
Accessibility
Contrast on white2.51:1Poor
Contrast on black8.36:1AAA
Web safe#6699FFNear
Luminance0.36780-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#56AAEC color
PortuguêsCor #56AAEC
EspañolColor #56AAEC
한국어#56AAEC 색상
日本語#56AAEC の色
中文#56AAEC 颜色
DeutschFarbe #56AAEC
FrançaisCouleur #56AAEC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #56AAEC color.
Related shades
See Blues