#ccd6bd hex color

In a RGB color space, hex #ccd6bd is composed of 80% red, 83.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 0% magenta, 11.7% yellow and 16.1% black. It has a hue angle of 84 degrees, a saturation of 23.4% and a lightness of 79%. #ccd6bd color hex could be obtained by blending #ffffff with #99ad7b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 84
- B 74
RGB color chart
- C 5
- M 0
- Y 12
- K 16
CMYK color chart

● #ccd6bd color description : Grayish green.

The hexadecimal color #ccd6bd has RGB values of R:204, G:214, B:189 and CMYK values of C:0.05, M:0, Y:0.12, K:0.16. Its decimal value is 13424317.

Hex triplet	ccd6bd	`#ccd6bd`
RGB Decimal	204, 214, 189	`rgb(204,214,189)`
RGB Percent	80, 83.9, 74.1	`rgb(80%,83.9%,74.1%)`
CMYK	5, 0, 12, 16
HSL	84°, 23.4, 79	`hsl(84,23.4%,79%)`
HSV (or HSB)	84°, 11.7, 83.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.279, -7.82, 11.191
XYZ	58.132, 64.604, 57.549
xyY	0.322, 0.358, 64.604
CIE-LCH	84.279, 13.653, 124.943
CIE-LUV	84.279, -4.428, 17.815
Hunter-Lab	80.377, -11.561, 13.813
Binary	11001100, 11010110, 10111101

#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#c7bdd6
```
#c7bdd6 rgb(199,189,214)
```

Complementary Color

#d6d4bd
```
#d6d4bd rgb(214,212,189)
```
#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#c0d6bd
```
#c0d6bd rgb(192,214,189)
```

Analogous Color

#d4bdd6
```
#d4bdd6 rgb(212,189,214)
```
#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#bdc0d6
```
#bdc0d6 rgb(189,192,214)
```

Split Complementary Color

#d6bdcc
```
#d6bdcc rgb(214,189,204)
```
#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#bdccd6
```
#bdccd6 rgb(189,204,214)
```

Triadic Color

#d6c7bd
```
#d6c7bd rgb(214,199,189)
```
#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#bdccd6
```
#bdccd6 rgb(189,204,214)
```
#c7bdd6
```
#c7bdd6 rgb(199,189,214)
```

Tetradic Color

#a8b98e
```
#a8b98e rgb(168,185,142)
```
#b4c29e
```
#b4c29e rgb(180,194,158)
```
#c0ccad
```
#c0ccad rgb(192,204,173)
```
#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#d8e0cd
```
#d8e0cd rgb(216,224,205)
```
#e4eadc
```
#e4eadc rgb(228,234,220)
```
#f0f3ec
```
#f0f3ec rgb(240,243,236)
```

Monochromatic Color

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

#d2d6bd
```
#d2d6bd rgb(210,214,189)
```
#d0d6bd
```
#d0d6bd rgb(208,214,189)
```
#ced6bd
```
#ced6bd rgb(206,214,189)
```
#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#cad6bd
```
#cad6bd rgb(202,214,189)
```
#c8d6bd
```
#c8d6bd rgb(200,214,189)
```
#c6d6bd
```
#c6d6bd rgb(198,214,189)
```

Similar Colors

Text with hexadecimal color #ccd6bd

This text has a font color of #ccd6bd.

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

#ccd6bd background color

This paragraph has a background color of #ccd6bd.

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

#ccd6bd border color

This element has a border color of #ccd6bd.

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

CSS codes

.text {color:#ccd6bd;}

.background {background-color:#ccd6bd;}

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

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

#060704
```
#060704 rgb(6,7,4)
```
#10130c
```
#10130c rgb(16,19,12)
```
#1a1f13
```
#1a1f13 rgb(26,31,19)
```
#242b1b
```
#242b1b rgb(36,43,27)
```
#2f3722
```
#2f3722 rgb(47,55,34)
```
#39432a
```
#39432a rgb(57,67,42)
```
#434f31
```
#434f31 rgb(67,79,49)
```
#4d5b39
```
#4d5b39 rgb(77,91,57)
```
#586740
```
#586740 rgb(88,103,64)
```
#627348
```
#627348 rgb(98,115,72)
```
#6c804f
```
#6c804f rgb(108,128,79)
```
#778c57
```
#778c57 rgb(119,140,87)
```
#81985e
```
#81985e rgb(129,152,94)
```

Shade Color Variation

#8ba168
```
#8ba168 rgb(139,161,104)
```
#94a974
```
#94a974 rgb(148,169,116)
```
#9db081
```
#9db081 rgb(157,176,129)
```
#a7b88d
```
#a7b88d rgb(167,184,141)
```
#b0bf99
```
#b0bf99 rgb(176,191,153)
```
#b9c7a5
```
#b9c7a5 rgb(185,199,165)
```
#c3ceb1
```
#c3ceb1 rgb(195,206,177)
```
#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#d5dec9
```
#d5dec9 rgb(213,222,201)
```
#dfe5d5
```
#dfe5d5 rgb(223,229,213)
```
#e8ede1
```
#e8ede1 rgb(232,237,225)
```
#f1f4ed
```
#f1f4ed rgb(241,244,237)
```
#fbfcf9
```
#fbfcf9 rgb(251,252,249)
```

Tint Color Variation

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

#cacac9
```
#cacac9 rgb(202,202,201)
```
#cacec5
```
#cacec5 rgb(202,206,197)
```
#cbd2c1
```
#cbd2c1 rgb(203,210,193)
```
#ccd6bd
```
#ccd6bd rgb(204,214,189)
```
#cddab9
```
#cddab9 rgb(205,218,185)
```
#cedeb5
```
#cedeb5 rgb(206,222,181)
```
#cee2b1
```
#cee2b1 rgb(206,226,177)
```
#cfe6ad
```
#cfe6ad rgb(207,230,173)
```
#d0eba8
```
#d0eba8 rgb(208,235,168)
```
#d1efa4
```
#d1efa4 rgb(209,239,164)
```
#d2f3a0
```
#d2f3a0 rgb(210,243,160)
```
#d3f79c
```
#d3f79c rgb(211,247,156)
```
#d3fb98
```
#d3fb98 rgb(211,251,152)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfd1cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd3be Protanopia 1% of men
#eecdc3 Deuteranopia 1% of men
#d4d3e2 Tritanopia 0.001% of the population

Trichromacy

#d7d4bd Protanomaly 1% of men, 0.01% of women
#e2d0c1 Deuteranomaly 6% of men, 0.4% of women
#d1d4d4 Tritanomaly 0.01% of the population

#ccd6bd hex color

#ccd6bd Color Information

#ccd6bd Color Conversion

Color Schemes with #ccd6bd

Alternatives to #ccd6bd

#ccd6bd Preview

Shades and Tints of #ccd6bd

Tones of #ccd6bd

Color Blindness Simulator