#ccf5aa hex color

In a RGB color space, hex #ccf5aa is composed of 80% red, 96.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 30.6% yellow and 3.9% black. It has a hue angle of 92.8 degrees, a saturation of 78.9% and a lightness of 81.4%. #ccf5aa color hex could be obtained by blending #ffffff with #99eb55. Closest websafe color is: #ccff99.

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

● #ccf5aa color description : Very soft green.

The hexadecimal color #ccf5aa has RGB values of R:204, G:245, B:170 and CMYK values of C:0.17, M:0, Y:0.31, K:0.04. Its decimal value is 13432234.

Hex triplet	ccf5aa	`#ccf5aa`
RGB Decimal	204, 245, 170	`rgb(204,245,170)`
RGB Percent	80, 96.1, 66.7	`rgb(80%,96.1%,66.7%)`
CMYK	17, 0, 31, 4
HSL	92.8°, 78.9, 81.4	`hsl(92.8,78.9%,81.4%)`
HSV (or HSB)	92.8°, 30.6, 96.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.151, -26.086, 31.904
XYZ	64.808, 81.043, 50.257
xyY	0.33, 0.413, 81.043
CIE-LCH	92.151, 41.211, 129.272
CIE-LUV	92.151, -20.023, 49.463
Hunter-Lab	90.024, -29.041, 29.918
Binary	11001100, 11110101, 10101010

#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#d3aaf5
```
#d3aaf5 rgb(211,170,245)
```

Complementary Color

#f2f5aa
```
#f2f5aa rgb(242,245,170)
```
#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#aaf5ae
```
#aaf5ae rgb(170,245,174)
```

Analogous Color

#f5aaf2
```
#f5aaf2 rgb(245,170,242)
```
#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#aeaaf5
```
#aeaaf5 rgb(174,170,245)
```

Split Complementary Color

#f5aacc
```
#f5aacc rgb(245,170,204)
```
#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#aaccf5
```
#aaccf5 rgb(170,204,245)
```

Triadic Color

#f5d3aa
```
#f5d3aa rgb(245,211,170)
```
#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#aaccf5
```
#aaccf5 rgb(170,204,245)
```
#d3aaf5
```
#d3aaf5 rgb(211,170,245)
```

Tetradic Color

#a3ed66
```
#a3ed66 rgb(163,237,102)
```
#b1f07c
```
#b1f07c rgb(177,240,124)
```
#bef293
```
#bef293 rgb(190,242,147)
```
#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#daf8c1
```
#daf8c1 rgb(218,248,193)
```
#e7fad8
```
#e7fad8 rgb(231,250,216)
```
#f5fdee
```
#f5fdee rgb(245,253,238)
```

Monochromatic Color

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

#dff5aa
```
#dff5aa rgb(223,245,170)
```
#d9f5aa
```
#d9f5aa rgb(217,245,170)
```
#d2f5aa
```
#d2f5aa rgb(210,245,170)
```
#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#c6f5aa
```
#c6f5aa rgb(198,245,170)
```
#c0f5aa
```
#c0f5aa rgb(192,245,170)
```
#b9f5aa
```
#b9f5aa rgb(185,245,170)
```

Similar Colors

Text with hexadecimal color #ccf5aa

This text has a font color of #ccf5aa.

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

#ccf5aa background color

This paragraph has a background color of #ccf5aa.

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

#ccf5aa border color

This element has a border color of #ccf5aa.

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

CSS codes

.text {color:#ccf5aa;}

.background {background-color:#ccf5aa;}

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

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, #010300 is the darkest color, while #f6fdf0 is the lightest one.

#010300
```
#010300 rgb(1,3,0)
```
#0b1402
```
#0b1402 rgb(11,20,2)
```
#142604
```
#142604 rgb(20,38,4)
```
#1d3707
```
#1d3707 rgb(29,55,7)
```
#264909
```
#264909 rgb(38,73,9)
```
#2f5b0b
```
#2f5b0b rgb(47,91,11)
```
#386c0d
```
#386c0d rgb(56,108,13)
```
#417e0f
```
#417e0f rgb(65,126,15)
```
#4a8f11
```
#4a8f11 rgb(74,143,17)
```
#53a113
```
#53a113 rgb(83,161,19)
```
#5cb215
```
#5cb215 rgb(92,178,21)
```
#65c417
```
#65c417 rgb(101,196,23)
```
#6ed519
```
#6ed519 rgb(110,213,25)
```

Shade Color Variation

#78e41e
```
#78e41e rgb(120,228,30)
```
#82e72f
```
#82e72f rgb(130,231,47)
```
#8de941
```
#8de941 rgb(141,233,65)
```
#97eb52
```
#97eb52 rgb(151,235,82)
```
#a2ed64
```
#a2ed64 rgb(162,237,100)
```
#acef75
```
#acef75 rgb(172,239,117)
```
#b7f187
```
#b7f187 rgb(183,241,135)
```
#c1f398
```
#c1f398 rgb(193,243,152)
```
#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#d7f7bc
```
#d7f7bc rgb(215,247,188)
```
#e1f9cd
```
#e1f9cd rgb(225,249,205)
```
#ecfbdf
```
#ecfbdf rgb(236,251,223)
```
#f6fdf0
```
#f6fdf0 rgb(246,253,240)
```

Tint Color Variation

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

#cfd0cf
```
#cfd0cf rgb(207,208,207)
```
#cfd4cb
```
#cfd4cb rgb(207,212,203)
```
#cfd8c7
```
#cfd8c7 rgb(207,216,199)
```
#cedbc4
```
#cedbc4 rgb(206,219,196)
```
#cedfc0
```
#cedfc0 rgb(206,223,192)
```
#cee3bc
```
#cee3bc rgb(206,227,188)
```
#cde6b9
```
#cde6b9 rgb(205,230,185)
```
#cdeab5
```
#cdeab5 rgb(205,234,181)
```
#cdeeb1
```
#cdeeb1 rgb(205,238,177)
```
#ccf1ae
```
#ccf1ae rgb(204,241,174)
```
#ccf5aa
```
#ccf5aa rgb(204,245,170)
```
#ccf9a6
```
#ccf9a6 rgb(204,249,166)
```
#cbfca3
```
#cbfca3 rgb(203,252,163)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#dce4d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe9a9 Protanopia 1% of men
#ffe5d0 Deuteranopia 1% of men
#dcebfc Tritanopia 0.001% of the population

Trichromacy

#eaeda9 Protanomaly 1% of men, 0.01% of women
#eceac2 Deuteranomaly 6% of men, 0.4% of women
#d6eede Tritanomaly 0.01% of the population

#ccf5aa hex color

#ccf5aa Color Information

#ccf5aa Color Conversion

Color Schemes with #ccf5aa

Alternatives to #ccf5aa

#ccf5aa Preview

Shades and Tints of #ccf5aa

Tones of #ccf5aa

Color Blindness Simulator