Color conversion
Color conversion for #56B1EA
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 86 | 177 | 234 | |
|---|---|---|---|---|
| HSL | 203.11° | 77.89% | 62.75% | |
| HSV | 203.11° | 63.25% | 91.76% | |
| CMYK | 63.25% | 24.36% | 0% | 8.24% |
| XYZ | 34.4055 | 39.3597 | 83.6099 | |
| Yxy | 39.3597 | 0.2186 | 0.2501 | |
| Hunter Lab | 62.7373 | -11.9007 | -35.0686 | |
| CIE-Lab | 69.011 | -10.0853 | -36.5746 | |
| CIE-LCH | 69.011 | 37.9396 | 254.584 | |
| CIE-LUV | 69.011 | -36.4876 | -57.2245 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010110 | 10110001 | 11101010 |
| Octal | 126 | 261 | 352 |
| Decimal | 86 | 177 | 234 |
| Hex | 56 | B1 | EA |
RGB percentages
CMYK percentages
Shades #56B1EA
Tints #56B1EA
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#56B1EA color on black
#56B1EA color sample text
#56B1EA color on white
#56B1EA color sample text
#56B1EA CSS codes
.background { background-color: #56B1EA; }
.text { color: #56B1EA; }
.border { border: 3px solid #56B1EA; }
.shadow { box-shadow: 0 8px 28px rgba(86, 177, 234, 0.35); }
CSS preview
Accessibility
Contrast on white2.37:1Poor
Contrast on black8.87:1AAA
Web safe#6699FFNear
Luminance0.39360-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#56B1EA color
PortuguêsCor #56B1EA
EspañolColor #56B1EA
한국어#56B1EA 색상
日本語#56B1EA の色
中文#56B1EA 颜色
DeutschFarbe #56B1EA
FrançaisCouleur #56B1EA
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #56B1EA color.
Related shades
See Blues