#ccf2a0 hex color

In a RGB color space, hex #ccf2a0 is composed of 80% red, 94.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 33.9% yellow and 5.1% black. It has a hue angle of 87.8 degrees, a saturation of 75.9% and a lightness of 78.8%. #ccf2a0 color hex could be obtained by blending #ffffff with #99e541. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 80
- G 95
- B 63
RGB color chart
- C 16
- M 0
- Y 34
- K 5
CMYK color chart

● #ccf2a0 color description : Very soft green.

The hexadecimal color #ccf2a0 has RGB values of R:204, G:242, B:160 and CMYK values of C:0.16, M:0, Y:0.34, K:0.05. Its decimal value is 13431456.

Hex triplet	ccf2a0	`#ccf2a0`
RGB Decimal	204, 242, 160	`rgb(204,242,160)`
RGB Percent	80, 94.9, 62.7	`rgb(80%,94.9%,62.7%)`
CMYK	16, 0, 34, 5
HSL	87.8°, 75.9, 78.8	`hsl(87.8,75.9%,78.8%)`
HSV (or HSB)	87.8°, 33.9, 94.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.179, -26.036, 35.638
XYZ	62.997, 78.879, 45.162
xyY	0.337, 0.422, 78.879
CIE-LCH	91.179, 44.135, 126.15
CIE-LUV	91.179, -18.324, 53.898
Hunter-Lab	88.814, -28.81, 32.021
Binary	11001100, 11110010, 10100000

#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#c6a0f2
```
#c6a0f2 rgb(198,160,242)
```

Complementary Color

#f2efa0
```
#f2efa0 rgb(242,239,160)
```
#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#a3f2a0
```
#a3f2a0 rgb(163,242,160)
```

Analogous Color

#efa0f2
```
#efa0f2 rgb(239,160,242)
```
#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#a0a3f2
```
#a0a3f2 rgb(160,163,242)
```

Split Complementary Color

#f2a0cc
```
#f2a0cc rgb(242,160,204)
```
#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#a0ccf2
```
#a0ccf2 rgb(160,204,242)
```

Triadic Color

#f2c6a0
```
#f2c6a0 rgb(242,198,160)
```
#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#a0ccf2
```
#a0ccf2 rgb(160,204,242)
```
#c6a0f2
```
#c6a0f2 rgb(198,160,242)
```

Tetradic Color

#a8e95d
```
#a8e95d rgb(168,233,93)
```
#b4ec73
```
#b4ec73 rgb(180,236,115)
```
#c0ef8a
```
#c0ef8a rgb(192,239,138)
```
#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#d8f5b6
```
#d8f5b6 rgb(216,245,182)
```
#e4f8cd
```
#e4f8cd rgb(228,248,205)
```
#f0fbe3
```
#f0fbe3 rgb(240,251,227)
```

Monochromatic Color

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

#e1f2a0
```
#e1f2a0 rgb(225,242,160)
```
#daf2a0
```
#daf2a0 rgb(218,242,160)
```
#d3f2a0
```
#d3f2a0 rgb(211,242,160)
```
#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#c5f2a0
```
#c5f2a0 rgb(197,242,160)
```
#bef2a0
```
#bef2a0 rgb(190,242,160)
```
#b8f2a0
```
#b8f2a0 rgb(184,242,160)
```

Similar Colors

Text with hexadecimal color #ccf2a0

This text has a font color of #ccf2a0.

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

#ccf2a0 background color

This paragraph has a background color of #ccf2a0.

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

#ccf2a0 border color

This element has a border color of #ccf2a0.

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

CSS codes

.text {color:#ccf2a0;}

.background {background-color:#ccf2a0;}

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

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

#050901
```
#050901 rgb(5,9,1)
```
#0f1a04
```
#0f1a04 rgb(15,26,4)
```
#1a2b06
```
#1a2b06 rgb(26,43,6)
```
#243c08
```
#243c08 rgb(36,60,8)
```
#2f4e0b
```
#2f4e0b rgb(47,78,11)
```
#395f0d
```
#395f0d rgb(57,95,13)
```
#43700f
```
#43700f rgb(67,112,15)
```
#4e8112
```
#4e8112 rgb(78,129,18)
```
#589314
```
#589314 rgb(88,147,20)
```
#62a416
```
#62a416 rgb(98,164,22)
```
#6db519
```
#6db519 rgb(109,181,25)
```
#77c61b
```
#77c61b rgb(119,198,27)
```
#81d81e
```
#81d81e rgb(129,216,30)
```

Shade Color Variation

#8be127
```
#8be127 rgb(139,225,39)
```
#94e438
```
#94e438 rgb(148,228,56)
```
#9ee64a
```
#9ee64a rgb(158,230,74)
```
#a7e95b
```
#a7e95b rgb(167,233,91)
```
#b0eb6c
```
#b0eb6c rgb(176,235,108)
```
#b9ed7d
```
#b9ed7d rgb(185,237,125)
```
#c3f08f
```
#c3f08f rgb(195,240,143)
```
#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#d5f4b1
```
#d5f4b1 rgb(213,244,177)
```
#dff7c3
```
#dff7c3 rgb(223,247,195)
```
#e8f9d4
```
#e8f9d4 rgb(232,249,212)
```
#f1fbe5
```
#f1fbe5 rgb(241,251,229)
```
#fafef6
```
#fafef6 rgb(250,254,246)
```

Tint Color Variation

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

#c9cdc5
```
#c9cdc5 rgb(201,205,197)
```
#cad1c1
```
#cad1c1 rgb(202,209,193)
```
#cad5bd
```
#cad5bd rgb(202,213,189)
```
#cad9b9
```
#cad9b9 rgb(202,217,185)
```
#caddb5
```
#caddb5 rgb(202,221,181)
```
#cbe1b1
```
#cbe1b1 rgb(203,225,177)
```
#cbe6ac
```
#cbe6ac rgb(203,230,172)
```
#cbeaa8
```
#cbeaa8 rgb(203,234,168)
```
#cceea4
```
#cceea4 rgb(204,238,164)
```
#ccf2a0
```
#ccf2a0 rgb(204,242,160)
```
#ccf69c
```
#ccf69c rgb(204,246,156)
```
#cdfa98
```
#cdfa98 rgb(205,250,152)
```
#cdfe94
```
#cdfe94 rgb(205,254,148)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#dae1d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9e6a0 Protanopia 1% of men
#ffe2c8 Deuteranopia 1% of men
#dce8f8 Tritanopia 0.001% of the population

Trichromacy

#e8eaa0 Protanomaly 1% of men, 0.01% of women
#ece7ba Deuteranomaly 6% of men, 0.4% of women
#d6ebd8 Tritanomaly 0.01% of the population

#ccf2a0 hex color

#ccf2a0 Color Information

#ccf2a0 Color Conversion

Color Schemes with #ccf2a0

Alternatives to #ccf2a0

#ccf2a0 Preview

Shades and Tints of #ccf2a0

Tones of #ccf2a0

Color Blindness Simulator