Color conversion
Color conversion for #CCF3EC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 204 | 243 | 236 | |
|---|---|---|---|---|
| HSL | 169.23° | 61.9% | 87.65% | |
| HSV | 169.23° | 16.05% | 95.29% | |
| CMYK | 16.05% | 0% | 2.88% | 4.71% |
| XYZ | 72.0888 | 82.9927 | 91.5617 | |
| Yxy | 82.9927 | 0.2923 | 0.3365 | |
| Hunter Lab | 91.1003 | -18.1775 | 4.2033 | |
| CIE-Lab | 93.0112 | -13.8953 | -0.8261 | |
| CIE-LCH | 93.0112 | 13.9198 | 183.4023 | |
| CIE-LUV | 93.0112 | -20.1613 | 1.1396 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001100 | 11110011 | 11101100 |
| Octal | 314 | 363 | 354 |
| Decimal | 204 | 243 | 236 |
| Hex | CC | F3 | EC |
RGB percentages
CMYK percentages
Shades #CCF3EC
Tints #CCF3EC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#CCF3EC color on black
#CCF3EC color sample text
#CCF3EC color on white
#CCF3EC color sample text
#CCF3EC CSS codes
.background { background-color: #CCF3EC; }
.text { color: #CCF3EC; }
.border { border: 3px solid #CCF3EC; }
.shadow { box-shadow: 0 8px 28px rgba(204, 243, 236, 0.35); }
CSS preview
Accessibility
Contrast on white1.19:1Poor
Contrast on black17.6:1AAA
Web safe#CCFFFFNear
Luminance0.82990-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#CCF3EC color
PortuguêsCor #CCF3EC
EspañolColor #CCF3EC
한국어#CCF3EC 색상
日本語#CCF3EC の色
中文#CCF3EC 颜色
DeutschFarbe #CCF3EC
FrançaisCouleur #CCF3EC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #CCF3EC color.
Related shades
See Cyans