Color conversion
Color conversion for #52B2FF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 82 | 178 | 255 | |
|---|---|---|---|---|
| HSL | 206.71° | 100% | 66.08% | |
| HSV | 206.71° | 67.84% | 100% | |
| CMYK | 67.84% | 30.2% | 0% | 0% |
| XYZ | 37.4432 | 40.8506 | 100.5 | |
| Yxy | 40.8506 | 0.2094 | 0.2285 | |
| Hunter Lab | 63.9145 | -7.28 | -48.4518 | |
| CIE-Lab | 70.0711 | -4.4617 | -46.3311 | |
| CIE-LCH | 70.0711 | 46.5454 | 264.4994 | |
| CIE-LUV | 70.0711 | -36.8617 | -74.7166 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010010 | 10110010 | 11111111 |
| Octal | 122 | 262 | 377 |
| Decimal | 82 | 178 | 255 |
| Hex | 52 | B2 | FF |
RGB percentages
CMYK percentages
Shades #52B2FF
Tints #52B2FF
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#52B2FF color on black
#52B2FF color sample text
#52B2FF color on white
#52B2FF color sample text
#52B2FF CSS codes
.background { background-color: #52B2FF; }
.text { color: #52B2FF; }
.border { border: 3px solid #52B2FF; }
.shadow { box-shadow: 0 8px 28px rgba(82, 178, 255, 0.35); }
CSS preview
Accessibility
Contrast on white2.29:1Poor
Contrast on black9.17:1AAA
Web safe#6699FFNear
Luminance0.40850-1
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#52B2FF color
PortuguêsCor #52B2FF
EspañolColor #52B2FF
한국어#52B2FF 색상
日本語#52B2FF の色
中文#52B2FF 颜色
DeutschFarbe #52B2FF
FrançaisCouleur #52B2FF
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #52B2FF color.