Color conversion
Color conversion for #02A2CF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 2 | 162 | 207 | |
|---|---|---|---|---|
| HSL | 193.17° | 98.09% | 40.98% | |
| HSV | 193.17° | 99.03% | 81.18% | |
| CMYK | 99.03% | 21.74% | 0% | 18.82% |
| XYZ | 24.2031 | 30.3553 | 63.6029 | |
| Yxy | 30.3553 | 0.2048 | 0.2569 | |
| Hunter Lab | 55.0956 | -18.0043 | -29.8512 | |
| CIE-Lab | 61.9596 | -19.1142 | -32.7738 | |
| CIE-LCH | 61.9596 | 37.9404 | 239.7486 | |
| CIE-LUV | 61.9596 | -43.0263 | -48.9617 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00000010 | 10100010 | 11001111 |
| Octal | 2 | 242 | 317 |
| Decimal | 2 | 162 | 207 |
| Hex | 02 | A2 | CF |
RGB percentages
CMYK percentages
Shades #02A2CF
Tints #02A2CF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#02A2CF color on black
#02A2CF color sample text
#02A2CF color on white
#02A2CF color sample text
#02A2CF CSS codes
.background { background-color: #02A2CF; }
.text { color: #02A2CF; }
.border { border: 3px solid #02A2CF; }
.shadow { box-shadow: 0 8px 28px rgba(2, 162, 207, 0.35); }
CSS preview
Accessibility
Contrast on white2.97:1Poor
Contrast on black7.07:1AAA
Web safe#0099CCNear
Luminance0.30360-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#02A2CF color
PortuguêsCor #02A2CF
EspañolColor #02A2CF
한국어#02A2CF 색상
日本語#02A2CF の色
中文#02A2CF 颜色
DeutschFarbe #02A2CF
FrançaisCouleur #02A2CF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #02A2CF color.
Related shades
See Cyans