#ccddc2 hex color

In a RGB color space, hex #ccddc2 is composed of 80% red, 86.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 12.2% yellow and 13.3% black. It has a hue angle of 97.8 degrees, a saturation of 28.4% and a lightness of 81.4%. #ccddc2 color hex could be obtained by blending #ffffff with #99bb85. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 87
- B 76
RGB color chart
- C 8
- M 0
- Y 12
- K 13
CMYK color chart

● #ccddc2 color description : Light grayish green.

The hexadecimal color #ccddc2 has RGB values of R:204, G:221, B:194 and CMYK values of C:0.08, M:0, Y:0.12, K:0.13. Its decimal value is 13426114.

Hex triplet	ccddc2	`#ccddc2`
RGB Decimal	204, 221, 194	`rgb(204,221,194)`
RGB Percent	80, 86.7, 76.1	`rgb(80%,86.7%,76.1%)`
CMYK	8, 0, 12, 13
HSL	97.8°, 28.4, 81.4	`hsl(97.8,28.4%,81.4%)`
HSV (or HSB)	97.8°, 12.2, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.228, -10.548, 11.327
XYZ	60.494, 68.445, 61.06
xyY	0.318, 0.36, 68.445
CIE-LCH	86.228, 15.478, 132.96
CIE-LUV	86.228, -8.25, 18.578
Hunter-Lab	82.731, -14.259, 14.153
Binary	11001100, 11011101, 11000010

#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#d3c2dd
```
#d3c2dd rgb(211,194,221)
```

Complementary Color

#daddc2
```
#daddc2 rgb(218,221,194)
```
#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#c2ddc6
```
#c2ddc6 rgb(194,221,198)
```

Analogous Color

#ddc2da
```
#ddc2da rgb(221,194,218)
```
#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#c6c2dd
```
#c6c2dd rgb(198,194,221)
```

Split Complementary Color

#ddc2cc
```
#ddc2cc rgb(221,194,204)
```
#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```

Triadic Color

#ddd3c2
```
#ddd3c2 rgb(221,211,194)
```
#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#c2ccdd
```
#c2ccdd rgb(194,204,221)
```
#d3c2dd
```
#d3c2dd rgb(211,194,221)
```

Tetradic Color

#a3c291
```
#a3c291 rgb(163,194,145)
```
#b1cba1
```
#b1cba1 rgb(177,203,161)
```
#bed4b2
```
#bed4b2 rgb(190,212,178)
```
#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#dae6d2
```
#dae6d2 rgb(218,230,210)
```
#e7efe3
```
#e7efe3 rgb(231,239,227)
```
#f5f8f3
```
#f5f8f3 rgb(245,248,243)
```

Monochromatic Color

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

#d3ddc2
```
#d3ddc2 rgb(211,221,194)
```
#d1ddc2
```
#d1ddc2 rgb(209,221,194)
```
#ceddc2
```
#ceddc2 rgb(206,221,194)
```
#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#caddc2
```
#caddc2 rgb(202,221,194)
```
#c8ddc2
```
#c8ddc2 rgb(200,221,194)
```
#c5ddc2
```
#c5ddc2 rgb(197,221,194)
```

Similar Colors

Text with hexadecimal color #ccddc2

This text has a font color of #ccddc2.

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

#ccddc2 background color

This paragraph has a background color of #ccddc2.

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

#ccddc2 border color

This element has a border color of #ccddc2.

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

CSS codes

.text {color:#ccddc2;}

.background {background-color:#ccddc2;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0b0f08
```
#0b0f08 rgb(11,15,8)
```
#141b0f
```
#141b0f rgb(20,27,15)
```
#1d2816
```
#1d2816 rgb(29,40,22)
```
#26341d
```
#26341d rgb(38,52,29)
```
#2f4124
```
#2f4124 rgb(47,65,36)
```
#384e2b
```
#384e2b rgb(56,78,43)
```
#415a32
```
#415a32 rgb(65,90,50)
```
#4a6739
```
#4a6739 rgb(74,103,57)
```
#537340
```
#537340 rgb(83,115,64)
```
#5c8047
```
#5c8047 rgb(92,128,71)
```
#658d4e
```
#658d4e rgb(101,141,78)
```
#6e9955
```
#6e9955 rgb(110,153,85)
```

Shade Color Variation

#78a55d
```
#78a55d rgb(120,165,93)
```
#82ac6a
```
#82ac6a rgb(130,172,106)
```
#8db376
```
#8db376 rgb(141,179,118)
```
#97ba83
```
#97ba83 rgb(151,186,131)
```
#a2c190
```
#a2c190 rgb(162,193,144)
```
#acc89c
```
#acc89c rgb(172,200,156)
```
#b7cfa9
```
#b7cfa9 rgb(183,207,169)
```
#c1d6b5
```
#c1d6b5 rgb(193,214,181)
```
#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#d7e4cf
```
#d7e4cf rgb(215,228,207)
```
#e1ebdb
```
#e1ebdb rgb(225,235,219)
```
#ecf2e8
```
#ecf2e8 rgb(236,242,232)
```
#f6f9f4
```
#f6f9f4 rgb(246,249,244)
```

Tint Color Variation

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

#cfd2cd
```
#cfd2cd rgb(207,210,205)
```
#ced6c9
```
#ced6c9 rgb(206,214,201)
```
#cdd9c6
```
#cdd9c6 rgb(205,217,198)
```
#ccddc2
```
#ccddc2 rgb(204,221,194)
```
#cbe1be
```
#cbe1be rgb(203,225,190)
```
#cae4bb
```
#cae4bb rgb(202,228,187)
```
#c9e8b7
```
#c9e8b7 rgb(201,232,183)
```
#c8ecb3
```
#c8ecb3 rgb(200,236,179)
```
#c7efb0
```
#c7efb0 rgb(199,239,176)
```
#c6f3ac
```
#c6f3ac rgb(198,243,172)
```
#c5f7a8
```
#c5f7a8 rgb(197,247,168)
```
#c4faa5
```
#c4faa5 rgb(196,250,165)
```
#c3fea1
```
#c3fea1 rgb(195,254,161)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d3d7d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d9c2 Protanopia 1% of men
#f4d2c9 Deuteranopia 1% of men
#d5d9e9 Tritanopia 0.001% of the population

Trichromacy

#dadac2 Protanomaly 1% of men, 0.01% of women
#e5d6c6 Deuteranomaly 6% of men, 0.4% of women
#d1dada Tritanomaly 0.01% of the population

#ccddc2 hex color

#ccddc2 Color Information

#ccddc2 Color Conversion

Color Schemes with #ccddc2

Alternatives to #ccddc2

#ccddc2 Preview

Shades and Tints of #ccddc2

Tones of #ccddc2

Color Blindness Simulator