Color conversion
Color conversion for #CCF3FF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 204 | 243 | 255 | |
|---|---|---|---|---|
| HSL | 194.12° | 100% | 90% | |
| HSV | 194.12° | 20% | 100% | |
| CMYK | 20% | 4.71% | 0% | 0% |
| XYZ | 74.9974 | 84.1562 | 106.8807 | |
| Yxy | 84.1562 | 0.2819 | 0.3163 | |
| Hunter Lab | 91.7367 | -14.6115 | -4.8349 | |
| CIE-Lab | 93.5183 | -10.0291 | -9.9418 | |
| CIE-LCH | 93.5183 | 14.1217 | 224.7495 | |
| CIE-LUV | 93.5183 | -20.55 | -13.9962 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001100 | 11110011 | 11111111 |
| Octal | 314 | 363 | 377 |
| Decimal | 204 | 243 | 255 |
| Hex | CC | F3 | FF |
RGB percentages
CMYK percentages
Shades #CCF3FF
Tints #CCF3FF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#CCF3FF color on black
#CCF3FF color sample text
#CCF3FF color on white
#CCF3FF color sample text
#CCF3FF CSS codes
.background { background-color: #CCF3FF; }
.text { color: #CCF3FF; }
.border { border: 3px solid #CCF3FF; }
.shadow { box-shadow: 0 8px 28px rgba(204, 243, 255, 0.35); }CSS preview
Accessibility
Contrast on white1.18:1Poor
Contrast on black17.83:1AAA
Web safe#CCFFFFNear
Luminance0.84160-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#CCF3FF color
PortuguêsCor #CCF3FF
EspañolColor #CCF3FF
한국어#CCF3FF 색상
日本語#CCF3FF の色
中文#CCF3FF 颜色
DeutschFarbe #CCF3FF
FrançaisCouleur #CCF3FF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #CCF3FF color.
Related shades
See Cyans