Color conversion
Color conversion for #56A4E7
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 164 | 231 | |
|---|---|---|---|---|
| HSL | 207.72° | 75.13% | 62.16% | |
| HSV | 207.72° | 62.77% | 90.59% | |
| CMYK | 62.77% | 29% | 0% | 9.41% |
| XYZ | 31.5317 | 34.2958 | 80.5438 | |
| Yxy | 34.2958 | 0.2154 | 0.2343 | |
| Hunter Lab | 58.5626 | -6.3761 | -40.5184 | |
| CIE-Lab | 65.1967 | -3.8554 | -40.8844 | |
| CIE-LCH | 65.1967 | 41.0658 | 264.6129 | |
| CIE-LUV | 65.1967 | -31.9522 | -64.7823 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 10100100 | 11100111 |
| Octal | 126 | 244 | 347 |
| Decimal | 86 | 164 | 231 |
| Hex | 56 | A4 | E7 |
RGB percentages
CMYK percentages
Shades #56A4E7
Tints #56A4E7
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#56A4E7 color on black
#56A4E7 color sample text
#56A4E7 color on white
#56A4E7 color sample text
#56A4E7 CSS codes
.background { background-color: #56A4E7; }
.text { color: #56A4E7; }
.border { border: 3px solid #56A4E7; }
.shadow { box-shadow: 0 8px 28px rgba(86, 164, 231, 0.35); }CSS preview
Accessibility
Contrast on white2.67:1Poor
Contrast on black7.86:1AAA
Web safe#6699FFNear
Luminance0.3430-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#56A4E7 color
PortuguêsCor #56A4E7
EspañolColor #56A4E7
한국어#56A4E7 색상
日本語#56A4E7 の色
中文#56A4E7 颜色
DeutschFarbe #56A4E7
FrançaisCouleur #56A4E7
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #56A4E7 color.
Related shades
See Blues