#ccf5a0 hex color

In a RGB color space, hex #ccf5a0 is composed of 80% red, 96.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 34.7% yellow and 3.9% black. It has a hue angle of 88.9 degrees, a saturation of 81% and a lightness of 79.4%. #ccf5a0 color hex could be obtained by blending #ffffff with #99eb41. Closest websafe color is: #ccff99.

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

● #ccf5a0 color description : Very soft green.

The hexadecimal color #ccf5a0 has RGB values of R:204, G:245, B:160 and CMYK values of C:0.17, M:0, Y:0.35, K:0.04. Its decimal value is 13432224.

Hex triplet	ccf5a0	`#ccf5a0`
RGB Decimal	204, 245, 160	`rgb(204,245,160)`
RGB Percent	80, 96.1, 62.7	`rgb(80%,96.1%,62.7%)`
CMYK	17, 0, 35, 4
HSL	88.9°, 81, 79.4	`hsl(88.9,81%,79.4%)`
HSV (or HSB)	88.9°, 34.7, 96.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.989, -27.457, 36.704
XYZ	63.898, 80.679, 45.462
xyY	0.336, 0.425, 80.679
CIE-LCH	91.989, 45.838, 126.799
CIE-LUV	91.989, -19.888, 55.566
Hunter-Lab	89.822, -30.206, 32.866
Binary	11001100, 11110101, 10100000

#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#c9a0f5
```
#c9a0f5 rgb(201,160,245)
```

Complementary Color

#f5f4a0
```
#f5f4a0 rgb(245,244,160)
```
#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#a2f5a0
```
#a2f5a0 rgb(162,245,160)
```

Analogous Color

#f4a0f5
```
#f4a0f5 rgb(244,160,245)
```
#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#a0a2f5
```
#a0a2f5 rgb(160,162,245)
```

Split Complementary Color

#f5a0cc
```
#f5a0cc rgb(245,160,204)
```
#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#a0ccf5
```
#a0ccf5 rgb(160,204,245)
```

Triadic Color

#f5c9a0
```
#f5c9a0 rgb(245,201,160)
```
#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#a0ccf5
```
#a0ccf5 rgb(160,204,245)
```
#c9a0f5
```
#c9a0f5 rgb(201,160,245)
```

Tetradic Color

#a7ee5b
```
#a7ee5b rgb(167,238,91)
```
#b3f072
```
#b3f072 rgb(179,240,114)
```
#c0f389
```
#c0f389 rgb(192,243,137)
```
#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#d8f7b7
```
#d8f7b7 rgb(216,247,183)
```
#e5face
```
#e5face rgb(229,250,206)
```
#f1fce5
```
#f1fce5 rgb(241,252,229)
```

Monochromatic Color

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

#e1f5a0
```
#e1f5a0 rgb(225,245,160)
```
#daf5a0
```
#daf5a0 rgb(218,245,160)
```
#d3f5a0
```
#d3f5a0 rgb(211,245,160)
```
#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#c5f5a0
```
#c5f5a0 rgb(197,245,160)
```
#bef5a0
```
#bef5a0 rgb(190,245,160)
```
#b7f5a0
```
#b7f5a0 rgb(183,245,160)
```

Similar Colors

Text with hexadecimal color #ccf5a0

This text has a font color of #ccf5a0.

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

#ccf5a0 background color

This paragraph has a background color of #ccf5a0.

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

#ccf5a0 border color

This element has a border color of #ccf5a0.

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

CSS codes

.text {color:#ccf5a0;}

.background {background-color:#ccf5a0;}

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

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, #070b01 is the darkest color, while #fcfef9 is the lightest one.

#070b01
```
#070b01 rgb(7,11,1)
```
#111d03
```
#111d03 rgb(17,29,3)
```
#1b2f05
```
#1b2f05 rgb(27,47,5)
```
#254107
```
#254107 rgb(37,65,7)
```
#2f5209
```
#2f5209 rgb(47,82,9)
```
#39640b
```
#39640b rgb(57,100,11)
```
#43760c
```
#43760c rgb(67,118,12)
```
#4d880e
```
#4d880e rgb(77,136,14)
```
#579910
```
#579910 rgb(87,153,16)
```
#61ab12
```
#61ab12 rgb(97,171,18)
```
#6bbd14
```
#6bbd14 rgb(107,189,20)
```
#75cf16
```
#75cf16 rgb(117,207,22)
```
#80e018
```
#80e018 rgb(128,224,24)
```

Shade Color Variation

#89e824
```
#89e824 rgb(137,232,36)
```
#93ea36
```
#93ea36 rgb(147,234,54)
```
#9cec47
```
#9cec47 rgb(156,236,71)
```
#a6ee59
```
#a6ee59 rgb(166,238,89)
```
#afef6b
```
#afef6b rgb(175,239,107)
```
#b9f17d
```
#b9f17d rgb(185,241,125)
```
#c2f38e
```
#c2f38e rgb(194,243,142)
```
#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#d6f7b2
```
#d6f7b2 rgb(214,247,178)
```
#dff9c3
```
#dff9c3 rgb(223,249,195)
```
#e9fbd5
```
#e9fbd5 rgb(233,251,213)
```
#f2fce7
```
#f2fce7 rgb(242,252,231)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#cbcdc8
```
#cbcdc8 rgb(203,205,200)
```
#cbd1c4
```
#cbd1c4 rgb(203,209,196)
```
#cbd5c0
```
#cbd5c0 rgb(203,213,192)
```
#cbd9bc
```
#cbd9bc rgb(203,217,188)
```
#cbddb8
```
#cbddb8 rgb(203,221,184)
```
#cbe1b4
```
#cbe1b4 rgb(203,225,180)
```
#cbe5b0
```
#cbe5b0 rgb(203,229,176)
```
#cce9ac
```
#cce9ac rgb(204,233,172)
```
#cceda8
```
#cceda8 rgb(204,237,168)
```
#ccf1a4
```
#ccf1a4 rgb(204,241,164)
```
#ccf5a0
```
#ccf5a0 rgb(204,245,160)
```
#ccf99c
```
#ccf99c rgb(204,249,156)
```
#ccfd98
```
#ccfd98 rgb(204,253,152)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#dbe3d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce9a0 Protanopia 1% of men
#ffe4ce Deuteranopia 1% of men
#ddeafb Tritanopia 0.001% of the population

Trichromacy

#eaeda0 Protanomaly 1% of men, 0.01% of women
#eceabd Deuteranomaly 6% of men, 0.4% of women
#d7eeda Tritanomaly 0.01% of the population

#ccf5a0 hex color

#ccf5a0 Color Information

#ccf5a0 Color Conversion

Color Schemes with #ccf5a0

Alternatives to #ccf5a0

#ccf5a0 Preview

Shades and Tints of #ccf5a0

Tones of #ccf5a0

Color Blindness Simulator