Color conversion
Color conversion for #4CC3FF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 76 | 195 | 255 | |
|---|---|---|---|---|
| HSL | 200.11° | 100% | 64.9% | |
| HSV | 200.11° | 70.2% | 100% | |
| CMYK | 70.2% | 23.53% | 0% | 0% |
| XYZ | 40.5385 | 47.7821 | 101.6747 | |
| Yxy | 47.7821 | 0.2134 | 0.2515 | |
| Hunter Lab | 69.1246 | -16.2866 | -38.7877 | |
| CIE-Lab | 74.6873 | -14.5251 | -39.128 | |
| CIE-LCH | 74.6873 | 41.737 | 249.6341 | |
| CIE-LUV | 74.6873 | -43.8811 | -61.6693 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01001100 | 11000011 | 11111111 |
| Octal | 114 | 303 | 377 |
| Decimal | 76 | 195 | 255 |
| Hex | 4C | C3 | FF |
RGB percentages
CMYK percentages
Shades #4CC3FF
Tints #4CC3FF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#4CC3FF color on black
#4CC3FF color sample text
#4CC3FF color on white
#4CC3FF color sample text
#4CC3FF CSS codes
.background { background-color: #4CC3FF; }
.text { color: #4CC3FF; }
.border { border: 3px solid #4CC3FF; }
.shadow { box-shadow: 0 8px 28px rgba(76, 195, 255, 0.35); }CSS preview
Accessibility
Contrast on white1.99:1Poor
Contrast on black10.56:1AAA
Web safe#33CCFFNear
Luminance0.47790-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#4CC3FF color
PortuguêsCor #4CC3FF
EspañolColor #4CC3FF
한국어#4CC3FF 색상
日本語#4CC3FF の色
中文#4CC3FF 颜色
DeutschFarbe #4CC3FF
FrançaisCouleur #4CC3FF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #4CC3FF color.
Related shades
See Blues