#ccf5b2 hex color

In a RGB color space, hex #ccf5b2 is composed of 80% red, 96.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 27.3% yellow and 3.9% black. It has a hue angle of 96.7 degrees, a saturation of 77% and a lightness of 82.9%. #ccf5b2 color hex could be obtained by blending #ffffff with #99eb65. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 80
- G 96
- B 70
RGB color chart
- C 17
- M 0
- Y 27
- K 4
CMYK color chart

● #ccf5b2 color description : Very soft green.

The hexadecimal color #ccf5b2 has RGB values of R:204, G:245, B:178 and CMYK values of C:0.17, M:0, Y:0.27, K:0.04. Its decimal value is 13432242.

Hex triplet	ccf5b2	`#ccf5b2`
RGB Decimal	204, 245, 178	`rgb(204,245,178)`
RGB Percent	80, 96.1, 69.8	`rgb(80%,96.1%,69.8%)`
CMYK	17, 0, 27, 4
HSL	96.7°, 77, 82.9	`hsl(96.7,77%,82.9%)`
HSV (or HSB)	96.7°, 27.3, 96.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.29, -24.925, 28.041
XYZ	65.588, 81.355, 54.365
xyY	0.326, 0.404, 81.355
CIE-LCH	92.29, 37.517, 131.634
CIE-LUV	92.29, -20.137, 44.358
Hunter-Lab	90.197, -28.047, 27.402
Binary	11001100, 11110101, 10110010

#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#dbb2f5
```
#dbb2f5 rgb(219,178,245)
```

Complementary Color

#eef5b2
```
#eef5b2 rgb(238,245,178)
```
#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#b2f5ba
```
#b2f5ba rgb(178,245,186)
```

Analogous Color

#f5b2ee
```
#f5b2ee rgb(245,178,238)
```
#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#bab2f5
```
#bab2f5 rgb(186,178,245)
```

Split Complementary Color

#f5b2cc
```
#f5b2cc rgb(245,178,204)
```
#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#b2ccf5
```
#b2ccf5 rgb(178,204,245)
```

Triadic Color

#f5dbb2
```
#f5dbb2 rgb(245,219,178)
```
#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#b2ccf5
```
#b2ccf5 rgb(178,204,245)
```
#dbb2f5
```
#dbb2f5 rgb(219,178,245)
```

Tetradic Color

#9fec6e
```
#9fec6e rgb(159,236,110)
```
#aeef85
```
#aeef85 rgb(174,239,133)
```
#bdf29b
```
#bdf29b rgb(189,242,155)
```
#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#dbf8c9
```
#dbf8c9 rgb(219,248,201)
```
#eafbdf
```
#eafbdf rgb(234,251,223)
```
#f9fef6
```
#f9fef6 rgb(249,254,246)
```

Monochromatic Color

Below, you can see some colors close to #ccf5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ddf5b2
```
#ddf5b2 rgb(221,245,178)
```
#d7f5b2
```
#d7f5b2 rgb(215,245,178)
```
#d2f5b2
```
#d2f5b2 rgb(210,245,178)
```
#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#c6f5b2
```
#c6f5b2 rgb(198,245,178)
```
#c1f5b2
```
#c1f5b2 rgb(193,245,178)
```
#bbf5b2
```
#bbf5b2 rgb(187,245,178)
```

Similar Colors

Text with hexadecimal color #ccf5b2

This text has a font color of #ccf5b2.

<span style="color:#ccf5b2;">Text here</span>

#ccf5b2 background color

This paragraph has a background color of #ccf5b2.

<p style="background-color:#ccf5b2;">Content here</p>

#ccf5b2 border color

This element has a border color of #ccf5b2.

<div style="border:1px solid #ccf5b2;">Content here</div>

CSS codes

.text {color:#ccf5b2;}

.background {background-color:#ccf5b2;}

.border {border:1px solid #ccf5b2;}

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, #050a01 is the darkest color, while #fafef7 is the lightest one.

#050a01
```
#050a01 rgb(5,10,1)
```
#0d1b04
```
#0d1b04 rgb(13,27,4)
```
#152d06
```
#152d06 rgb(21,45,6)
```
#1d3e08
```
#1d3e08 rgb(29,62,8)
```
#254f0a
```
#254f0a rgb(37,79,10)
```
#2d610d
```
#2d610d rgb(45,97,13)
```
#35720f
```
#35720f rgb(53,114,15)
```
#3d8311
```
#3d8311 rgb(61,131,17)
```
#469513
```
#469513 rgb(70,149,19)
```
#4ea616
```
#4ea616 rgb(78,166,22)
```
#56b718
```
#56b718 rgb(86,183,24)
```
#5ec91a
```
#5ec91a rgb(94,201,26)
```
#66da1c
```
#66da1c rgb(102,218,28)
```

Shade Color Variation

#70e327
```
#70e327 rgb(112,227,39)
```
#7ce538
```
#7ce538 rgb(124,229,56)
```
#87e74a
```
#87e74a rgb(135,231,74)
```
#93ea5b
```
#93ea5b rgb(147,234,91)
```
#9eec6d
```
#9eec6d rgb(158,236,109)
```
#aaee7e
```
#aaee7e rgb(170,238,126)
```
#b5f08f
```
#b5f08f rgb(181,240,143)
```
#c1f3a1
```
#c1f3a1 rgb(193,243,161)
```
#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#d7f7c3
```
#d7f7c3 rgb(215,247,195)
```
#e3fad5
```
#e3fad5 rgb(227,250,213)
```
#eefce6
```
#eefce6 rgb(238,252,230)
```
#fafef7
```
#fafef7 rgb(250,254,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #d3d4d3 is the less saturated color, while #cbfcab is the most saturated one.

#d3d4d3
```
#d3d4d3 rgb(211,212,211)
```
#d3d7d0
```
#d3d7d0 rgb(211,215,208)
```
#d2dacd
```
#d2dacd rgb(210,218,205)
```
#d1dec9
```
#d1dec9 rgb(209,222,201)
```
#d0e1c6
```
#d0e1c6 rgb(208,225,198)
```
#d0e4c3
```
#d0e4c3 rgb(208,228,195)
```
#cfe8bf
```
#cfe8bf rgb(207,232,191)
```
#ceebbc
```
#ceebbc rgb(206,235,188)
```
#cdeeb9
```
#cdeeb9 rgb(205,238,185)
```
#cdf2b5
```
#cdf2b5 rgb(205,242,181)
```
#ccf5b2
```
#ccf5b2 rgb(204,245,178)
```
#cbf8af
```
#cbf8af rgb(203,248,175)
```
#cbfcab
```
#cbfcab rgb(203,252,171)
```

Tone Color Variation

Below, you can see how #ccf5b2 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.

Monochromacy

#e1e1e1 Achromatopsia 0.005% of the population
#dde5d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae9b1 Protanopia 1% of men
#ffe5d3 Deuteranopia 1% of men
#dbecfc Tritanopia 0.001% of the population

Trichromacy

#e9edb1 Protanomaly 1% of men, 0.01% of women
#ecebc7 Deuteranomaly 6% of men, 0.4% of women
#d5efe1 Tritanomaly 0.01% of the population

#ccf5b2 hex color

#ccf5b2 Color Information

#ccf5b2 Color Conversion

Color Schemes with #ccf5b2

Alternatives to #ccf5b2

#ccf5b2 Preview

Shades and Tints of #ccf5b2

Tones of #ccf5b2

Color Blindness Simulator