#ccefda color information
In a RGB color space, hex #ccefda is composed of 80% red, 93.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 0% magenta, 8.8% yellow and 6.3% black. It has a hue angle of 144 degrees, a saturation of 52.2% and a lightness of 86.9%. #ccefda color hex could be obtained by blending #ffffff with #99dfb5. Closest websafe color is: #ccffcc.
#ccefda color conversion
The hexadecimal color #ccefda has RGB values of R:204, G:239, B:218 and CMYK values of C:0.15, M:0, Y:0.09, K:0.06. Its decimal value is 13430746.
- Hex triplet ccefda
#ccefda - RGB Decimal 204, 239, 218
rgb(204,239,218) - RGB Percent 80, 93.7, 85.5
rgb(80%,93.7%,85.5%) - CMYK 15, 0, 9, 6
- HSL 144°, 52.2, 86.9
hsl(144,52%,87%) - HSV (or HSB) 144°, 14.6, 93.7
- Web Safe ccffcc
#ccffcc
- CIE-LAB 91.519, -15.333, 6.354
- XYZ 68.42, 79.631, 78.091
- xyY 0.303, 0.352, 79.631
- CIE-LCH 91.519, 16.598, 157.492
- CIE-LUV 91.519, -17.893, 12.321
- Hunter-Lab 89.236, -19.302, 10.58
- Binary 11001100, 11101111, 11011010
Color Schemes with #ccefda
#ccefda in action
This text has a font color of #ccefda.
<span style="color:#ccefda;">Text here</span>
This paragraph has a background color of #ccefda.
<p style="background-color:#ccefda;">Content here</p>
This element has a border color of #ccefda.
<div style="border:1px solid #ccefda;">Content here</div>
.text {color:#ccefda;}
.background {background-color:#ccefda;}
.border {border:1px solid #ccefda;}
Shades of #ccefda
- #030905 #030905
rgb(3,9,5) - #0c2717 #0c2717
rgb(12,39,23) - #154428 #154428
rgb(21,68,40) - #1f623a #1f623a
rgb(31,98,58) - #28804b #28804b
rgb(40,128,75) - #329e5d #329e5d
rgb(50,158,93) - #3bbc6f #3bbc6f
rgb(59,188,111) - #55ca83 #55ca83
rgb(85,202,131) - #72d399 #72d399
rgb(114,211,153) - #90dcaf #90dcaf
rgb(144,220,175) - #aee6c4 #aee6c4
rgb(174,230,196) - #ccefda #ccefda
rgb(204,239,218) - #eaf8f0 #eaf8f0
rgb(234,248,240)
Color Blindness Simulator
Below, you can see how #ccefda 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.
