#ccf2e3 color information
In a RGB color space, hex #ccf2e3 is composed of 80% red, 94.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 6.2% yellow and 5.1% black. It has a hue angle of 156.3 degrees, a saturation of 59.4% and a lightness of 87.5%. #ccf2e3 color hex could be obtained by blending #ffffff with #99e5c7. Closest websafe color is: #ccffcc.
#ccf2e3 color conversion
The hexadecimal color #ccf2e3 has RGB values of R:204, G:242, B:227 and CMYK values of C:0.16, M:0, Y:0.06, K:0.05. Its decimal value is 13431523.
- Hex triplet ccf2e3
#ccf2e3 - RGB Decimal 204, 242, 227
rgb(204,242,227) - RGB Percent 80, 94.9, 89
rgb(80%,94.9%,89%) - CMYK 16, 0, 6, 5
- HSL 156.3°, 59.4, 87.5
hsl(156,59%,87%) - HSV (or HSB) 156.3°, 15.7, 94.9
- Web Safe ccffcc
#ccffcc
- CIE-LAB 92.525, -15.139, 3.131
- XYZ 70.516, 81.886, 84.759
- xyY 0.297, 0.345, 81.886
- CIE-LCH 92.525, 15.459, 168.316
- CIE-LUV 92.525, -19.516, 7.442
- Hunter-Lab 90.491, -19.262, 7.809
- Binary 11001100, 11110010, 11100011
Color Schemes with #ccf2e3
#ccf2e3 in action
This text has a font color of #ccf2e3.
<span style="color:#ccf2e3;">Text here</span>
This paragraph has a background color of #ccf2e3.
<p style="background-color:#ccf2e3;">Content here</p>
This element has a border color of #ccf2e3.
<div style="border:1px solid #ccf2e3;">Content here</div>
.text {color:#ccf2e3;}
.background {background-color:#ccf2e3;}
.border {border:1px solid #ccf2e3;}
Shades of #ccf2e3
- #030c08 #030c08
rgb(3,12,8) - #0b2b1e #0b2b1e
rgb(11,43,30) - #134a34 #134a34
rgb(19,74,52) - #1b694a #1b694a
rgb(27,105,74) - #238960 #238960
rgb(35,137,96) - #2ba876 #2ba876
rgb(43,168,118) - #33c78d #33c78d
rgb(51,199,141) - #4fd29e #4fd29e
rgb(79,210,158) - #6edab0 #6edab0
rgb(110,218,176) - #8de2c1 #8de2c1
rgb(141,226,193) - #adead2 #adead2
rgb(173,234,210) - #ccf2e3 #ccf2e3
rgb(204,242,227) - #ebfaf4 #ebfaf4
rgb(235,250,244)
Color Blindness Simulator
Below, you can see how #ccf2e3 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.
