Color conversion
Color conversion for #56A4E6
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 164 | 230 | |
|---|---|---|---|---|
| HSL | 207.5° | 74.23% | 61.96% | |
| HSV | 207.5° | 62.61% | 90.2% | |
| CMYK | 62.61% | 28.7% | 0% | 9.8% |
| XYZ | 31.3908 | 34.2394 | 79.8021 | |
| Yxy | 34.2394 | 0.2158 | 0.2354 | |
| Hunter Lab | 58.5144 | -6.6425 | -39.868 | |
| CIE-Lab | 65.1522 | -4.1798 | -40.4042 | |
| CIE-LCH | 65.1522 | 40.6198 | 264.0938 | |
| CIE-LUV | 65.1522 | -31.9835 | -63.9269 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 10100100 | 11100110 |
| Octal | 126 | 244 | 346 |
| Decimal | 86 | 164 | 230 |
| Hex | 56 | A4 | E6 |
RGB percentages
CMYK percentages
Shades #56A4E6
Tints #56A4E6
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#56A4E6 color on black
#56A4E6 color sample text
#56A4E6 color on white
#56A4E6 color sample text
#56A4E6 CSS codes
.background { background-color: #56A4E6; }
.text { color: #56A4E6; }
.border { border: 3px solid #56A4E6; }
.shadow { box-shadow: 0 8px 28px rgba(86, 164, 230, 0.35); }CSS preview
Accessibility
Contrast on white2.68:1Poor
Contrast on black7.85:1AAA
Web safe#6699FFNear
Luminance0.34240-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#56A4E6 color
PortuguêsCor #56A4E6
EspañolColor #56A4E6
한국어#56A4E6 색상
日本語#56A4E6 の色
中文#56A4E6 颜色
DeutschFarbe #56A4E6
FrançaisCouleur #56A4E6
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #56A4E6 color.
Related shades
See Blues