Color conversion
Color conversion for #42CCFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 66 | 204 | 255 | |
|---|---|---|---|---|
| HSL | 196.19° | 100% | 62.94% | |
| HSV | 196.19° | 74.12% | 100% | |
| CMYK | 74.12% | 20% | 0% | 0% |
| XYZ | 41.8822 | 51.559 | 102.3329 | |
| Yxy | 51.559 | 0.2139 | 0.2634 | |
| Hunter Lab | 71.8046 | -21.5434 | -34.2013 | |
| CIE-Lab | 77.0164 | -20.4511 | -35.5332 | |
| CIE-LCH | 77.0164 | 40.9982 | 240.0775 | |
| CIE-LUV | 77.0164 | -48.6215 | -54.926 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01000010 | 11001100 | 11111111 |
| Octal | 102 | 314 | 377 |
| Decimal | 66 | 204 | 255 |
| Hex | 42 | CC | FF |
RGB percentages
CMYK percentages
Shades #42CCFF
Tints #42CCFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#42CCFF color on black
#42CCFF color sample text
#42CCFF color on white
#42CCFF color sample text
#42CCFF CSS codes
.background { background-color: #42CCFF; }
.text { color: #42CCFF; }
.border { border: 3px solid #42CCFF; }
.shadow { box-shadow: 0 8px 28px rgba(66, 204, 255, 0.35); }
CSS preview
Accessibility
Contrast on white1.86:1Poor
Contrast on black11.31:1AAA
Web safe#33CCFFNear
Luminance0.51560-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#42CCFF color
PortuguêsCor #42CCFF
EspañolColor #42CCFF
한국어#42CCFF 색상
日本語#42CCFF の色
中文#42CCFF 颜色
DeutschFarbe #42CCFF
FrançaisCouleur #42CCFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #42CCFF color.
Related shades
See Blues