#ccd8bd hex color

In a RGB color space, hex #ccd8bd is composed of 80% red, 84.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 0% magenta, 12.5% yellow and 15.3% black. It has a hue angle of 86.7 degrees, a saturation of 25.7% and a lightness of 79.4%. #ccd8bd color hex could be obtained by blending #ffffff with #99b17b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 85
- B 74
RGB color chart
- C 6
- M 0
- Y 13
- K 15
CMYK color chart

● #ccd8bd color description : Grayish green.

The hexadecimal color #ccd8bd has RGB values of R:204, G:216, B:189 and CMYK values of C:0.06, M:0, Y:0.13, K:0.15. Its decimal value is 13424829.

Hex triplet	ccd8bd	`#ccd8bd`
RGB Decimal	204, 216, 189	`rgb(204,216,189)`
RGB Percent	80, 84.7, 74.1	`rgb(80%,84.7%,74.1%)`
CMYK	6, 0, 13, 15
HSL	86.7°, 25.7, 79.4	`hsl(86.7,25.7%,79.4%)`
HSV (or HSB)	86.7°, 12.5, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.804, -8.844, 11.936
XYZ	58.641, 65.623, 57.718
xyY	0.322, 0.361, 65.623
CIE-LCH	84.804, 14.855, 126.534
CIE-LUV	84.804, -5.472, 19.076
Hunter-Lab	81.008, -12.549, 14.461
Binary	11001100, 11011000, 10111101

#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#c9bdd8
```
#c9bdd8 rgb(201,189,216)
```

Complementary Color

#d8d7bd
```
#d8d7bd rgb(216,215,189)
```
#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#bfd8bd
```
#bfd8bd rgb(191,216,189)
```

Analogous Color

#d7bdd8
```
#d7bdd8 rgb(215,189,216)
```
#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#bdbfd8
```
#bdbfd8 rgb(189,191,216)
```

Split Complementary Color

#d8bdcc
```
#d8bdcc rgb(216,189,204)
```
#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#bdccd8
```
#bdccd8 rgb(189,204,216)
```

Triadic Color

#d8c9bd
```
#d8c9bd rgb(216,201,189)
```
#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#bdccd8
```
#bdccd8 rgb(189,204,216)
```
#c9bdd8
```
#c9bdd8 rgb(201,189,216)
```

Tetradic Color

#a7bc8d
```
#a7bc8d rgb(167,188,141)
```
#b3c59d
```
#b3c59d rgb(179,197,157)
```
#c0cfad
```
#c0cfad rgb(192,207,173)
```
#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#d8e1cd
```
#d8e1cd rgb(216,225,205)
```
#e5ebdd
```
#e5ebdd rgb(229,235,221)
```
#f1f4ed
```
#f1f4ed rgb(241,244,237)
```

Monochromatic Color

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

#d3d8bd
```
#d3d8bd rgb(211,216,189)
```
#d1d8bd
```
#d1d8bd rgb(209,216,189)
```
#ced8bd
```
#ced8bd rgb(206,216,189)
```
#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#cad8bd
```
#cad8bd rgb(202,216,189)
```
#c8d8bd
```
#c8d8bd rgb(200,216,189)
```
#c5d8bd
```
#c5d8bd rgb(197,216,189)
```

Similar Colors

Text with hexadecimal color #ccd8bd

This text has a font color of #ccd8bd.

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

#ccd8bd background color

This paragraph has a background color of #ccd8bd.

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

#ccd8bd border color

This element has a border color of #ccd8bd.

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

CSS codes

.text {color:#ccd8bd;}

.background {background-color:#ccd8bd;}

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

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

#070805
```
#070805 rgb(7,8,5)
```
#11140c
```
#11140c rgb(17,20,12)
```
#1b2113
```
#1b2113 rgb(27,33,19)
```
#252d1b
```
#252d1b rgb(37,45,27)
```
#2f3922
```
#2f3922 rgb(47,57,34)
```
#394629
```
#394629 rgb(57,70,41)
```
#435230
```
#435230 rgb(67,82,48)
```
#4d5e38
```
#4d5e38 rgb(77,94,56)
```
#576b3f
```
#576b3f rgb(87,107,63)
```
#617746
```
#617746 rgb(97,119,70)
```
#6b834e
```
#6b834e rgb(107,131,78)
```
#759055
```
#759055 rgb(117,144,85)
```
#809c5c
```
#809c5c rgb(128,156,92)
```

Shade Color Variation

#89a567
```
#89a567 rgb(137,165,103)
```
#93ac73
```
#93ac73 rgb(147,172,115)
```
#9cb47f
```
#9cb47f rgb(156,180,127)
```
#a6bb8c
```
#a6bb8c rgb(166,187,140)
```
#afc298
```
#afc298 rgb(175,194,152)
```
#b9c9a4
```
#b9c9a4 rgb(185,201,164)
```
#c2d1b1
```
#c2d1b1 rgb(194,209,177)
```
#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#d6dfc9
```
#d6dfc9 rgb(214,223,201)
```
#dfe7d6
```
#dfe7d6 rgb(223,231,214)
```
#e9eee2
```
#e9eee2 rgb(233,238,226)
```
#f2f5ee
```
#f2f5ee rgb(242,245,238)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#cbccc9
```
#cbccc9 rgb(203,204,201)
```
#cbd0c5
```
#cbd0c5 rgb(203,208,197)
```
#ccd4c1
```
#ccd4c1 rgb(204,212,193)
```
#ccd8bd
```
#ccd8bd rgb(204,216,189)
```
#ccdcb9
```
#ccdcb9 rgb(204,220,185)
```
#cde0b5
```
#cde0b5 rgb(205,224,181)
```
#cde4b1
```
#cde4b1 rgb(205,228,177)
```
#cee8ad
```
#cee8ad rgb(206,232,173)
```
#ceeca9
```
#ceeca9 rgb(206,236,169)
```
#cff0a5
```
#cff0a5 rgb(207,240,165)
```
#cff4a1
```
#cff4a1 rgb(207,244,161)
```
#d0f89d
```
#d0f89d rgb(208,248,157)
```
#d0fc99
```
#d0fc99 rgb(208,252,153)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0d2cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd5be Protanopia 1% of men
#f0cec3 Deuteranopia 1% of men
#d4d4e3 Tritanopia 0.001% of the population

Trichromacy

#d8d6bd Protanomaly 1% of men, 0.01% of women
#e3d2c1 Deuteranomaly 6% of men, 0.4% of women
#d1d5d5 Tritanomaly 0.01% of the population

#ccd8bd hex color

#ccd8bd Color Information

#ccd8bd Color Conversion

Color Schemes with #ccd8bd

Alternatives to #ccd8bd

#ccd8bd Preview

Shades and Tints of #ccd8bd

Tones of #ccd8bd

Color Blindness Simulator