Color conversion
Color conversion for #4CCEFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 76 | 206 | 255 | |
|---|---|---|---|---|
| HSL | 196.42° | 100% | 64.9% | |
| HSV | 196.42° | 70.2% | 100% | |
| CMYK | 70.2% | 19.22% | 0% | 0% |
| XYZ | 43.0945 | 52.8942 | 102.5267 | |
| Yxy | 52.8942 | 0.2171 | 0.2664 | |
| Hunter Lab | 72.7284 | -21.5071 | -32.6397 | |
| CIE-Lab | 77.8125 | -20.2463 | -34.2842 | |
| CIE-LCH | 77.8125 | 39.8161 | 239.4363 | |
| CIE-LUV | 77.8125 | -47.7167 | -52.8465 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001100 | 11001110 | 11111111 |
| Octal | 114 | 316 | 377 |
| Decimal | 76 | 206 | 255 |
| Hex | 4C | CE | FF |
RGB percentages
CMYK percentages
Shades #4CCEFF
Tints #4CCEFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#4CCEFF color on black
#4CCEFF color sample text
#4CCEFF color on white
#4CCEFF color sample text
#4CCEFF CSS codes
.background { background-color: #4CCEFF; }
.text { color: #4CCEFF; }
.border { border: 3px solid #4CCEFF; }
.shadow { box-shadow: 0 8px 28px rgba(76, 206, 255, 0.35); }
CSS preview
Accessibility
Contrast on white1.81:1Poor
Contrast on black11.58:1AAA
Web safe#33CCFFNear
Luminance0.5290-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#4CCEFF color
PortuguêsCor #4CCEFF
EspañolColor #4CCEFF
한국어#4CCEFF 색상
日本語#4CCEFF の色
中文#4CCEFF 颜色
DeutschFarbe #4CCEFF
FrançaisCouleur #4CCEFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #4CCEFF color.
Related shades
See Blues