#ccf4bc Color Information
In a RGB color space, hex #ccf4bc is composed of 80% red, 95.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 0% magenta, 23% yellow and 4.3% black. It has a hue angle of 102.9 degrees, a saturation of 71.8% and a lightness of 84.7%. #ccf4bc color hex could be obtained by blending #ffffff with #99e979. Closest websafe color is: #ccffcc.
-
- R 80
- G 96
- B 74
-
- C 16
- M 0
- Y 23
- K 4
● #ccf4bc color description : Very soft green.
#ccf4bc Color Conversion
The hexadecimal color #ccf4bc has RGB values of R:204, G:244, B:188 and CMYK values of C:0.16, M:0, Y:0.23, K:0.04. Its decimal value is 13431996.
Hex triplet | ccf4bc | #ccf4bc |
---|---|---|
RGB Decimal | 204, 244, 188 | rgb(204,244,188) |
RGB Percent | 80, 95.7, 73.7 | rgb(80%,95.7%,73.7%) |
CMYK | 16, 0, 23, 4 | |
HSL | 102.9°, 71.8, 84.7 | hsl(102.9,71.8%,84.7%) |
HSV (or HSB) | 102.9°, 23, 95.7 | |
Web Safe | ccffcc | #ccffcc |
CIE-LAB | 92.207, -22.913, 22.826 |
---|---|
XYZ | 66.327, 81.168, 59.747 |
xyY | 0.32, 0.392, 81.168 |
CIE-LCH | 92.207, 32.342, 135.11 |
CIE-LUV | 92.207, -19.785, 37.11 |
Hunter-Lab | 90.094, -26.251, 23.746 |
Binary | 11001100, 11110100, 10111100 |
Color Schemes with #ccf4bc
Alternatives to #ccf4bc
Below, you can see some colors close to #ccf4bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf4bc Preview
This text has a font color of #ccf4bc.
<span style="color:#ccf4bc;">Text here</span>
This paragraph has a background color of #ccf4bc.
<p style="background-color:#ccf4bc;">Content here</p>
This element has a border color of #ccf4bc.
<div style="border:1px solid #ccf4bc;">Content here</div>
.text {color:#ccf4bc;}
.background {background-color:#ccf4bc;}
.border {border:1px solid #ccf4bc;}
Shades and Tints of #ccf4bc
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #f2fcef is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#071103
#071103
rgb(7,17,3)
-
#0e2206
#0e2206
rgb(14,34,6)
-
#153308
#153308
rgb(21,51,8)
-
#1b440b
#1b440b
rgb(27,68,11)
-
#22550e
#22550e
rgb(34,85,14)
-
#296511
#296511
rgb(41,101,17)
-
#307613
#307613
rgb(48,118,19)
-
#368716
#368716
rgb(54,135,22)
-
#3d9819
#3d9819
rgb(61,152,25)
-
#44a91c
#44a91c
rgb(68,169,28)
-
#4bba1e
#4bba1e
rgb(75,186,30)
-
#52cb21
#52cb21
rgb(82,203,33)
-
#59db24
#59db24
rgb(89,219,36)
-
#65de35
#65de35
rgb(101,222,53)
-
#72e146
#72e146
rgb(114,225,70)
-
#7fe357
#7fe357
rgb(127,227,87)
-
#8ce668
#8ce668
rgb(140,230,104)
-
#99e979
#99e979
rgb(153,233,121)
-
#a6ec89
#a6ec89
rgb(166,236,137)
-
#b2ee9a
#b2ee9a
rgb(178,238,154)
-
#bff1ab
#bff1ab
rgb(191,241,171)
-
#ccf4bc
#ccf4bc
rgb(204,244,188)
-
#d9f7cd
#d9f7cd
rgb(217,247,205)
-
#e6fade
#e6fade
rgb(230,250,222)
-
#f2fcef
#f2fcef
rgb(242,252,239)
Tones of #ccf4bc
A tone is produced by adding gray to any pure hue. In this case, #d8d9d7 is the less saturated color, while #c8fdb3 is the most saturated one.
-
#d8d9d7
#d8d9d7
rgb(216,217,215)
-
#d6dcd4
#d6dcd4
rgb(214,220,212)
-
#d5dfd1
#d5dfd1
rgb(213,223,209)
-
#d4e2ce
#d4e2ce
rgb(212,226,206)
-
#d2e5cb
#d2e5cb
rgb(210,229,203)
-
#d1e8c8
#d1e8c8
rgb(209,232,200)
-
#d0ebc5
#d0ebc5
rgb(208,235,197)
-
#cfeec2
#cfeec2
rgb(207,238,194)
-
#cdf1bf
#cdf1bf
rgb(205,241,191)
-
#ccf4bc
#ccf4bc
rgb(204,244,188)
-
#cbf7b9
#cbf7b9
rgb(203,247,185)
-
#c9fab6
#c9fab6
rgb(201,250,182)
-
#c8fdb3
#c8fdb3
rgb(200,253,179)
Color Blindness Simulator
Below, you can see how #ccf4bc 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.