#ccddbd hex color

In a RGB color space, hex #ccddbd is composed of 80% red, 86.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 14.5% yellow and 13.3% black. It has a hue angle of 91.9 degrees, a saturation of 32% and a lightness of 80.4%. #ccddbd color hex could be obtained by blending #ffffff with #99bb7b. Closest websafe color is: #cccccc.

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

● #ccddbd color description : Light grayish green.

The hexadecimal color #ccddbd has RGB values of R:204, G:221, B:189 and CMYK values of C:0.08, M:0, Y:0.14, K:0.13. Its decimal value is 13426109.

Hex triplet	ccddbd	`#ccddbd`
RGB Decimal	204, 221, 189	`rgb(204,221,189)`
RGB Percent	80, 86.7, 74.1	`rgb(80%,86.7%,74.1%)`
CMYK	8, 0, 14, 13
HSL	91.9°, 32, 80.4	`hsl(91.9,32%,80.4%)`
HSV (or HSB)	91.9°, 14.5, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.118, -11.386, 13.799
XYZ	59.942, 68.224, 58.152
xyY	0.322, 0.366, 68.224
CIE-LCH	86.118, 17.89, 129.528
CIE-LUV	86.118, -8.071, 22.219
Hunter-Lab	82.598, -15.008, 16.076
Binary	11001100, 11011101, 10111101

#ccddbd
```
#ccddbd rgb(204,221,189)
```
#cebddd
```
#cebddd rgb(206,189,221)
```

Complementary Color

#dcddbd
```
#dcddbd rgb(220,221,189)
```
#ccddbd
```
#ccddbd rgb(204,221,189)
```
#bdddbe
```
#bdddbe rgb(189,221,190)
```

Analogous Color

#ddbddc
```
#ddbddc rgb(221,189,220)
```
#ccddbd
```
#ccddbd rgb(204,221,189)
```
#bebddd
```
#bebddd rgb(190,189,221)
```

Split Complementary Color

#ddbdcc
```
#ddbdcc rgb(221,189,204)
```
#ccddbd
```
#ccddbd rgb(204,221,189)
```
#bdccdd
```
#bdccdd rgb(189,204,221)
```

Triadic Color

#ddcebd
```
#ddcebd rgb(221,206,189)
```
#ccddbd
```
#ccddbd rgb(204,221,189)
```
#bdccdd
```
#bdccdd rgb(189,204,221)
```
#cebddd
```
#cebddd rgb(206,189,221)
```

Tetradic Color

#a5c38b
```
#a5c38b rgb(165,195,139)
```
#b2cc9b
```
#b2cc9b rgb(178,204,155)
```
#bfd4ac
```
#bfd4ac rgb(191,212,172)
```
#ccddbd
```
#ccddbd rgb(204,221,189)
```
#d9e6ce
```
#d9e6ce rgb(217,230,206)
```
#e6eedf
```
#e6eedf rgb(230,238,223)
```
#f3f7ef
```
#f3f7ef rgb(243,247,239)
```

Monochromatic Color

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

#d4ddbd
```
#d4ddbd rgb(212,221,189)
```
#d1ddbd
```
#d1ddbd rgb(209,221,189)
```
#cfddbd
```
#cfddbd rgb(207,221,189)
```
#ccddbd
```
#ccddbd rgb(204,221,189)
```
#c9ddbd
```
#c9ddbd rgb(201,221,189)
```
#c7ddbd
```
#c7ddbd rgb(199,221,189)
```
#c4ddbd
```
#c4ddbd rgb(196,221,189)
```

Similar Colors

Text with hexadecimal color #ccddbd

This text has a font color of #ccddbd.

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

#ccddbd background color

This paragraph has a background color of #ccddbd.

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

#ccddbd border color

This element has a border color of #ccddbd.

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

CSS codes

.text {color:#ccddbd;}

.background {background-color:#ccddbd;}

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

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, #090c06 is the darkest color, while #fefefe is the lightest one.

#090c06
```
#090c06 rgb(9,12,6)
```
#12190d
```
#12190d rgb(18,25,13)
```
#1c2613
```
#1c2613 rgb(28,38,19)
```
#26331a
```
#26331a rgb(38,51,26)
```
#2f3f21
```
#2f3f21 rgb(47,63,33)
```
#394c27
```
#394c27 rgb(57,76,39)
```
#42592e
```
#42592e rgb(66,89,46)
```
#4c6635
```
#4c6635 rgb(76,102,53)
```
#56733b
```
#56733b rgb(86,115,59)
```
#5f8042
```
#5f8042 rgb(95,128,66)
```
#698d49
```
#698d49 rgb(105,141,73)
```
#729a4f
```
#729a4f rgb(114,154,79)
```
#7ca756
```
#7ca756 rgb(124,167,86)
```

Shade Color Variation

#86ae62
```
#86ae62 rgb(134,174,98)
```
#90b56f
```
#90b56f rgb(144,181,111)
```
#9abc7c
```
#9abc7c rgb(154,188,124)
```
#a4c289
```
#a4c289 rgb(164,194,137)
```
#aec996
```
#aec996 rgb(174,201,150)
```
#b8d0a3
```
#b8d0a3 rgb(184,208,163)
```
#c2d6b0
```
#c2d6b0 rgb(194,214,176)
```
#ccddbd
```
#ccddbd rgb(204,221,189)
```
#d6e4ca
```
#d6e4ca rgb(214,228,202)
```
#e0ead7
```
#e0ead7 rgb(224,234,215)
```
#eaf1e4
```
#eaf1e4 rgb(234,241,228)
```
#f4f8f1
```
#f4f8f1 rgb(244,248,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cdcecc
```
#cdcecc rgb(205,206,204)
```
#cdd1c9
```
#cdd1c9 rgb(205,209,201)
```
#ccd5c5
```
#ccd5c5 rgb(204,213,197)
```
#ccd9c1
```
#ccd9c1 rgb(204,217,193)
```
#ccddbd
```
#ccddbd rgb(204,221,189)
```
#cce1b9
```
#cce1b9 rgb(204,225,185)
```
#cce5b5
```
#cce5b5 rgb(204,229,181)
```
#cbe9b1
```
#cbe9b1 rgb(203,233,177)
```
#cbecae
```
#cbecae rgb(203,236,174)
```
#cbf0aa
```
#cbf0aa rgb(203,240,170)
```
#cbf4a6
```
#cbf4a6 rgb(203,244,166)
```
#caf8a2
```
#caf8a2 rgb(202,248,162)
```
#cafc9e
```
#cafc9e rgb(202,252,158)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2d6cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d8bd Protanopia 1% of men
#f5d2c4 Deuteranopia 1% of men
#d5d8e8 Tritanopia 0.001% of the population

Trichromacy

#dbdabd Protanomaly 1% of men, 0.01% of women
#e6d6c1 Deuteranomaly 6% of men, 0.4% of women
#d2dad8 Tritanomaly 0.01% of the population

#ccddbd hex color

#ccddbd Color Information

#ccddbd Color Conversion

Color Schemes with #ccddbd

Alternatives to #ccddbd

#ccddbd Preview

Shades and Tints of #ccddbd

Tones of #ccddbd

Color Blindness Simulator