Color conversion
Color conversion for #80AFE2
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 128 | 175 | 226 | |
|---|---|---|---|---|
| HSL | 211.22° | 62.82% | 69.41% | |
| HSV | 211.22° | 43.36% | 88.63% | |
| CMYK | 43.36% | 22.57% | 0% | 11.37% |
| XYZ | 37.955 | 40.7377 | 77.7999 | |
| Yxy | 40.7377 | 0.2425 | 0.2603 | |
| Hunter Lab | 63.8261 | -5.5492 | -27.5641 | |
| CIE-Lab | 69.9918 | -2.4572 | -30.5392 | |
| CIE-LCH | 69.9918 | 30.6379 | 265.3999 | |
| CIE-LUV | 69.9918 | -23.4664 | -48.0819 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10000000 | 10101111 | 11100010 |
| Octal | 200 | 257 | 342 |
| Decimal | 128 | 175 | 226 |
| Hex | 80 | AF | E2 |
RGB percentages
CMYK percentages
Shades #80AFE2
Tints #80AFE2
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#80AFE2 color on black
#80AFE2 color sample text
#80AFE2 color on white
#80AFE2 color sample text
#80AFE2 CSS codes
.background { background-color: #80AFE2; }
.text { color: #80AFE2; }
.border { border: 3px solid #80AFE2; }
.shadow { box-shadow: 0 8px 28px rgba(128, 175, 226, 0.35); }
CSS preview
Accessibility
Contrast on white2.3:1Poor
Contrast on black9.15:1AAA
Web safe#9999CCNear
Luminance0.40740-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#80AFE2 color
PortuguêsCor #80AFE2
EspañolColor #80AFE2
한국어#80AFE2 색상
日本語#80AFE2 の色
中文#80AFE2 颜色
DeutschFarbe #80AFE2
FrançaisCouleur #80AFE2
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #80AFE2 color.
Related shades
See Blues