#ccf0af hex color

In a RGB color space, hex #ccf0af is composed of 80% red, 94.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 0% magenta, 27.1% yellow and 5.9% black. It has a hue angle of 93.2 degrees, a saturation of 68.4% and a lightness of 81.4%. #ccf0af color hex could be obtained by blending #ffffff with #99e15f. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 80
- G 94
- B 69
RGB color chart
- C 15
- M 0
- Y 27
- K 6
CMYK color chart

● #ccf0af color description : Very soft green.

The hexadecimal color #ccf0af has RGB values of R:204, G:240, B:175 and CMYK values of C:0.15, M:0, Y:0.27, K:0.06. Its decimal value is 13430959.

Hex triplet	ccf0af	`#ccf0af`
RGB Decimal	204, 240, 175	`rgb(204,240,175)`
RGB Percent	80, 94.1, 68.6	`rgb(80%,94.1%,68.6%)`
CMYK	15, 0, 27, 6
HSL	93.2°, 68.4, 81.4	`hsl(93.2,68.4%,81.4%)`
HSV (or HSB)	93.2°, 27.1, 94.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.895, -22.97, 27.672
XYZ	63.798, 78.252, 52.298
xyY	0.328, 0.403, 78.252
CIE-LCH	90.895, 35.963, 129.695
CIE-LUV	90.895, -17.532, 43.373
Hunter-Lab	88.46, -26.07, 26.869
Binary	11001100, 11110000, 10101111

#ccf0af
```
#ccf0af rgb(204,240,175)
```
#d3aff0
```
#d3aff0 rgb(211,175,240)
```

Complementary Color

#edf0af
```
#edf0af rgb(237,240,175)
```
#ccf0af
```
#ccf0af rgb(204,240,175)
```
#aff0b3
```
#aff0b3 rgb(175,240,179)
```

Analogous Color

#f0afed
```
#f0afed rgb(240,175,237)
```
#ccf0af
```
#ccf0af rgb(204,240,175)
```
#b3aff0
```
#b3aff0 rgb(179,175,240)
```

Split Complementary Color

#f0afcc
```
#f0afcc rgb(240,175,204)
```
#ccf0af
```
#ccf0af rgb(204,240,175)
```
#afccf0
```
#afccf0 rgb(175,204,240)
```

Triadic Color

#f0d3af
```
#f0d3af rgb(240,211,175)
```
#ccf0af
```
#ccf0af rgb(204,240,175)
```
#afccf0
```
#afccf0 rgb(175,204,240)
```
#d3aff0
```
#d3aff0 rgb(211,175,240)
```

Tetradic Color

#a3e46f
```
#a3e46f rgb(163,228,111)
```
#b1e884
```
#b1e884 rgb(177,232,132)
```
#beec9a
```
#beec9a rgb(190,236,154)
```
#ccf0af
```
#ccf0af rgb(204,240,175)
```
#daf4c4
```
#daf4c4 rgb(218,244,196)
```
#e7f8da
```
#e7f8da rgb(231,248,218)
```
#f5fcef
```
#f5fcef rgb(245,252,239)
```

Monochromatic Color

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

#dcf0af
```
#dcf0af rgb(220,240,175)
```
#d7f0af
```
#d7f0af rgb(215,240,175)
```
#d1f0af
```
#d1f0af rgb(209,240,175)
```
#ccf0af
```
#ccf0af rgb(204,240,175)
```
#c7f0af
```
#c7f0af rgb(199,240,175)
```
#c1f0af
```
#c1f0af rgb(193,240,175)
```
#bcf0af
```
#bcf0af rgb(188,240,175)
```

Similar Colors

Text with hexadecimal color #ccf0af

This text has a font color of #ccf0af.

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

#ccf0af background color

This paragraph has a background color of #ccf0af.

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

#ccf0af border color

This element has a border color of #ccf0af.

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

CSS codes

.text {color:#ccf0af;}

.background {background-color:#ccf0af;}

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

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 #f6fcf1 is the lightest one.

#010300
```
#010300 rgb(1,3,0)
```
#0b1304
```
#0b1304 rgb(11,19,4)
```
#142407
```
#142407 rgb(20,36,7)
```
#1d340a
```
#1d340a rgb(29,52,10)
```
#26450d
```
#26450d rgb(38,69,13)
```
#2f5510
```
#2f5510 rgb(47,85,16)
```
#386613
```
#386613 rgb(56,102,19)
```
#417616
```
#417616 rgb(65,118,22)
```
#4a8719
```
#4a8719 rgb(74,135,25)
```
#53971c
```
#53971c rgb(83,151,28)
```
#5ca81f
```
#5ca81f rgb(92,168,31)
```
#65b823
```
#65b823 rgb(101,184,35)
```
#6ec926
```
#6ec926 rgb(110,201,38)
```

Shade Color Variation

#78d72b
```
#78d72b rgb(120,215,43)
```
#82da3b
```
#82da3b rgb(130,218,59)
```
#8ddd4c
```
#8ddd4c rgb(141,221,76)
```
#97e15c
```
#97e15c rgb(151,225,92)
```
#a2e46d
```
#a2e46d rgb(162,228,109)
```
#ace77d
```
#ace77d rgb(172,231,125)
```
#b7ea8e
```
#b7ea8e rgb(183,234,142)
```
#c1ed9e
```
#c1ed9e rgb(193,237,158)
```
#ccf0af
```
#ccf0af rgb(204,240,175)
```
#d7f3c0
```
#d7f3c0 rgb(215,243,192)
```
#e1f6d0
```
#e1f6d0 rgb(225,246,208)
```
#ecf9e1
```
#ecf9e1 rgb(236,249,225)
```
#f6fcf1
```
#f6fcf1 rgb(246,252,241)
```

Tint Color Variation

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

#cfd3cc
```
#cfd3cc rgb(207,211,204)
```
#cfd6c9
```
#cfd6c9 rgb(207,214,201)
```
#cedac5
```
#cedac5 rgb(206,218,197)
```
#cedec1
```
#cedec1 rgb(206,222,193)
```
#cee1be
```
#cee1be rgb(206,225,190)
```
#cde5ba
```
#cde5ba rgb(205,229,186)
```
#cde9b6
```
#cde9b6 rgb(205,233,182)
```
#ccecb3
```
#ccecb3 rgb(204,236,179)
```
#ccf0af
```
#ccf0af rgb(204,240,175)
```
#ccf4ab
```
#ccf4ab rgb(204,244,171)
```
#cbf7a8
```
#cbf7a8 rgb(203,247,168)
```
#cbfba4
```
#cbfba4 rgb(203,251,164)
```
#caffa0
```
#caffa0 rgb(202,255,160)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#dae2d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6e5ae Protanopia 1% of men
#ffe0ca Deuteranopia 1% of men
#dae7f8 Tritanopia 0.001% of the population

Trichromacy

#e6e9ae Protanomaly 1% of men, 0.01% of women
#ece6c0 Deuteranomaly 6% of men, 0.4% of women
#d5eadd Tritanomaly 0.01% of the population

#ccf0af hex color

#ccf0af Color Information

#ccf0af Color Conversion

Color Schemes with #ccf0af

Alternatives to #ccf0af

#ccf0af Preview

Shades and Tints of #ccf0af

Tones of #ccf0af

Color Blindness Simulator