#ccd2bd hex color

In a RGB color space, hex #ccd2bd is composed of 80% red, 82.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 10% yellow and 17.6% black. It has a hue angle of 77.1 degrees, a saturation of 18.9% and a lightness of 78.2%. #ccd2bd color hex could be obtained by blending #ffffff with #99a57b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 82
- B 74
RGB color chart
- C 3
- M 0
- Y 10
- K 18
CMYK color chart

● #ccd2bd color description : Grayish green.

The hexadecimal color #ccd2bd has RGB values of R:204, G:210, B:189 and CMYK values of C:0.03, M:0, Y:0.1, K:0.18. Its decimal value is 13423293.

Hex triplet	ccd2bd	`#ccd2bd`
RGB Decimal	204, 210, 189	`rgb(204,210,189)`
RGB Percent	80, 82.4, 74.1	`rgb(80%,82.4%,74.1%)`
CMYK	3, 0, 10, 18
HSL	77.1°, 18.9, 78.2	`hsl(77.1,18.9%,78.2%)`
HSV (or HSB)	77.1°, 10, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.234, -5.76, 9.701
XYZ	57.132, 62.605, 57.215
xyY	0.323, 0.354, 62.605
CIE-LCH	83.234, 11.283, 120.7
CIE-LUV	83.234, -2.334, 15.284
Hunter-Lab	79.123, -9.577, 12.512
Binary	11001100, 11010010, 10111101

#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#c3bdd2
```
#c3bdd2 rgb(195,189,210)
```

Complementary Color

#d2cebd
```
#d2cebd rgb(210,206,189)
```
#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#c2d2bd
```
#c2d2bd rgb(194,210,189)
```

Analogous Color

#cebdd2
```
#cebdd2 rgb(206,189,210)
```
#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#bdc2d2
```
#bdc2d2 rgb(189,194,210)
```

Split Complementary Color

#d2bdcc
```
#d2bdcc rgb(210,189,204)
```
#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#bdccd2
```
#bdccd2 rgb(189,204,210)
```

Triadic Color

#d2c3bd
```
#d2c3bd rgb(210,195,189)
```
#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#bdccd2
```
#bdccd2 rgb(189,204,210)
```
#c3bdd2
```
#c3bdd2 rgb(195,189,210)
```

Tetradic Color

#a9b390
```
#a9b390 rgb(169,179,144)
```
#b5bd9f
```
#b5bd9f rgb(181,189,159)
```
#c0c8ae
```
#c0c8ae rgb(192,200,174)
```
#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#d8dccc
```
#d8dccc rgb(216,220,204)
```
#e3e7db
```
#e3e7db rgb(227,231,219)
```
#eff1ea
```
#eff1ea rgb(239,241,234)
```

Monochromatic Color

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

#d1d2bd
```
#d1d2bd rgb(209,210,189)
```
#d0d2bd
```
#d0d2bd rgb(208,210,189)
```
#ced2bd
```
#ced2bd rgb(206,210,189)
```
#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#cad2bd
```
#cad2bd rgb(202,210,189)
```
#c9d2bd
```
#c9d2bd rgb(201,210,189)
```
#c7d2bd
```
#c7d2bd rgb(199,210,189)
```

Similar Colors

Text with hexadecimal color #ccd2bd

This text has a font color of #ccd2bd.

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

#ccd2bd background color

This paragraph has a background color of #ccd2bd.

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

#ccd2bd border color

This element has a border color of #ccd2bd.

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

CSS codes

.text {color:#ccd2bd;}

.background {background-color:#ccd2bd;}

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

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

#040403
```
#040403 rgb(4,4,3)
```
#0e100b
```
#0e100b rgb(14,16,11)
```
#191b13
```
#191b13 rgb(25,27,19)
```
#23271b
```
#23271b rgb(35,39,27)
```
#2e3323
```
#2e3323 rgb(46,51,35)
```
#393e2a
```
#393e2a rgb(57,62,42)
```
#434a32
```
#434a32 rgb(67,74,50)
```
#4e563a
```
#4e563a rgb(78,86,58)
```
#586142
```
#586142 rgb(88,97,66)
```
#636d4a
```
#636d4a rgb(99,109,74)
```
#6e7952
```
#6e7952 rgb(110,121,82)
```
#78845a
```
#78845a rgb(120,132,90)
```
#839062
```
#839062 rgb(131,144,98)
```

Shade Color Variation

#8d9a6b
```
#8d9a6b rgb(141,154,107)
```
#96a277
```
#96a277 rgb(150,162,119)
```
#9faa83
```
#9faa83 rgb(159,170,131)
```
#a8b28e
```
#a8b28e rgb(168,178,142)
```
#b1ba9a
```
#b1ba9a rgb(177,186,154)
```
#bac2a6
```
#bac2a6 rgb(186,194,166)
```
#c3cab1
```
#c3cab1 rgb(195,202,177)
```
#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#d5dac9
```
#d5dac9 rgb(213,218,201)
```
#dee2d4
```
#dee2d4 rgb(222,226,212)
```
#e7eae0
```
#e7eae0 rgb(231,234,224)
```
#f0f2ec
```
#f0f2ec rgb(240,242,236)
```
#f9faf7
```
#f9faf7 rgb(249,250,247)
```

Tint Color Variation

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

#c8c9c6
```
#c8c9c6 rgb(200,201,198)
```
#cacec1
```
#cacec1 rgb(202,206,193)
```
#ccd2bd
```
#ccd2bd rgb(204,210,189)
```
#ced6b9
```
#ced6b9 rgb(206,214,185)
```
#d0dbb4
```
#d0dbb4 rgb(208,219,180)
```
#d1dfb0
```
#d1dfb0 rgb(209,223,176)
```
#d3e3ac
```
#d3e3ac rgb(211,227,172)
```
#d5e7a8
```
#d5e7a8 rgb(213,231,168)
```
#d7eca3
```
#d7eca3 rgb(215,236,163)
```
#d9f09f
```
#d9f09f rgb(217,240,159)
```
#dbf49b
```
#dbf49b rgb(219,244,155)
```
#dcf897
```
#dcf897 rgb(220,248,151)
```
#defd92
```
#defd92 rgb(222,253,146)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cecfcb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d1be Protanopia 1% of men
#eacac3 Deuteranopia 1% of men
#d3cfde Tritanopia 0.001% of the population

Trichromacy

#d4d1be Protanomaly 1% of men, 0.01% of women
#dfcdc1 Deuteranomaly 6% of men, 0.4% of women
#d1d0d2 Tritanomaly 0.01% of the population

#ccd2bd hex color

#ccd2bd Color Information

#ccd2bd Color Conversion

Color Schemes with #ccd2bd

Alternatives to #ccd2bd

#ccd2bd Preview

Shades and Tints of #ccd2bd

Tones of #ccd2bd

Color Blindness Simulator