#ccd4bd hex color

In a RGB color space, hex #ccd4bd is composed of 80% red, 83.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 10.8% yellow and 16.9% black. It has a hue angle of 80.9 degrees, a saturation of 21.1% and a lightness of 78.6%. #ccd4bd color hex could be obtained by blending #ffffff with #99a97b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 83
- B 74
RGB color chart
- C 4
- M 0
- Y 11
- K 17
CMYK color chart

● #ccd4bd color description : Grayish green.

The hexadecimal color #ccd4bd has RGB values of R:204, G:212, B:189 and CMYK values of C:0.04, M:0, Y:0.11, K:0.17. Its decimal value is 13423805.

Hex triplet	ccd4bd	`#ccd4bd`
RGB Decimal	204, 212, 189	`rgb(204,212,189)`
RGB Percent	80, 83.1, 74.1	`rgb(80%,83.1%,74.1%)`
CMYK	4, 0, 11, 17
HSL	80.9°, 21.1, 78.6	`hsl(80.9,21.1%,78.6%)`
HSV (or HSB)	80.9°, 10.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.756, -6.792, 10.446
XYZ	57.629, 63.598, 57.381
xyY	0.323, 0.356, 63.598
CIE-LCH	83.756, 12.46, 123.031
CIE-LUV	83.756, -3.382, 16.551
Hunter-Lab	79.749, -10.57, 13.163
Binary	11001100, 11010100, 10111101

#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#c5bdd4
```
#c5bdd4 rgb(197,189,212)
```

Complementary Color

#d4d1bd
```
#d4d1bd rgb(212,209,189)
```
#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#c1d4bd
```
#c1d4bd rgb(193,212,189)
```

Analogous Color

#d1bdd4
```
#d1bdd4 rgb(209,189,212)
```
#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#bdc1d4
```
#bdc1d4 rgb(189,193,212)
```

Split Complementary Color

#d4bdcc
```
#d4bdcc rgb(212,189,204)
```
#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#bdccd4
```
#bdccd4 rgb(189,204,212)
```

Triadic Color

#d4c5bd
```
#d4c5bd rgb(212,197,189)
```
#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#bdccd4
```
#bdccd4 rgb(189,204,212)
```
#c5bdd4
```
#c5bdd4 rgb(197,189,212)
```

Tetradic Color

#a8b68f
```
#a8b68f rgb(168,182,143)
```
#b4c09e
```
#b4c09e rgb(180,192,158)
```
#c0caae
```
#c0caae rgb(192,202,174)
```
#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#d8decc
```
#d8decc rgb(216,222,204)
```
#e4e8dc
```
#e4e8dc rgb(228,232,220)
```
#f0f2eb
```
#f0f2eb rgb(240,242,235)
```

Monochromatic Color

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

#d2d4bd
```
#d2d4bd rgb(210,212,189)
```
#d0d4bd
```
#d0d4bd rgb(208,212,189)
```
#ced4bd
```
#ced4bd rgb(206,212,189)
```
#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#cad4bd
```
#cad4bd rgb(202,212,189)
```
#c8d4bd
```
#c8d4bd rgb(200,212,189)
```
#c6d4bd
```
#c6d4bd rgb(198,212,189)
```

Similar Colors

Text with hexadecimal color #ccd4bd

This text has a font color of #ccd4bd.

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

#ccd4bd background color

This paragraph has a background color of #ccd4bd.

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

#ccd4bd border color

This element has a border color of #ccd4bd.

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

CSS codes

.text {color:#ccd4bd;}

.background {background-color:#ccd4bd;}

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

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

#050503
```
#050503 rgb(5,5,3)
```
#0f110b
```
#0f110b rgb(15,17,11)
```
#1a1d13
```
#1a1d13 rgb(26,29,19)
```
#24291b
```
#24291b rgb(36,41,27)
```
#2e3522
```
#2e3522 rgb(46,53,34)
```
#39412a
```
#39412a rgb(57,65,42)
```
#434d32
```
#434d32 rgb(67,77,50)
```
#4e583a
```
#4e583a rgb(78,88,58)
```
#586441
```
#586441 rgb(88,100,65)
```
#637049
```
#637049 rgb(99,112,73)
```
#6d7c51
```
#6d7c51 rgb(109,124,81)
```
#778859
```
#778859 rgb(119,136,89)
```
#829460
```
#829460 rgb(130,148,96)
```

Shade Color Variation

#8c9e6a
```
#8c9e6a rgb(140,158,106)
```
#95a676
```
#95a676 rgb(149,166,118)
```
#9ead82
```
#9ead82 rgb(158,173,130)
```
#a7b58d
```
#a7b58d rgb(167,181,141)
```
#b0bd99
```
#b0bd99 rgb(176,189,153)
```
#bac5a5
```
#bac5a5 rgb(186,197,165)
```
#c3ccb1
```
#c3ccb1 rgb(195,204,177)
```
#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#d5dcc9
```
#d5dcc9 rgb(213,220,201)
```
#dee3d5
```
#dee3d5 rgb(222,227,213)
```
#e8ebe1
```
#e8ebe1 rgb(232,235,225)
```
#f1f3ed
```
#f1f3ed rgb(241,243,237)
```
#fafbf8
```
#fafbf8 rgb(250,251,248)
```

Tint Color Variation

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

#c9ccc5
```
#c9ccc5 rgb(201,204,197)
```
#cbd0c1
```
#cbd0c1 rgb(203,208,193)
```
#ccd4bd
```
#ccd4bd rgb(204,212,189)
```
#cdd8b9
```
#cdd8b9 rgb(205,216,185)
```
#cfdcb5
```
#cfdcb5 rgb(207,220,181)
```
#d0e1b0
```
#d0e1b0 rgb(208,225,176)
```
#d1e5ac
```
#d1e5ac rgb(209,229,172)
```
#d2e9a8
```
#d2e9a8 rgb(210,233,168)
```
#d4eda4
```
#d4eda4 rgb(212,237,164)
```
#d5f1a0
```
#d5f1a0 rgb(213,241,160)
```
#d6f69b
```
#d6f69b rgb(214,246,155)
```
#d7fa97
```
#d7fa97 rgb(215,250,151)
```
#d9fe93
```
#d9fe93 rgb(217,254,147)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ced0cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd2be Protanopia 1% of men
#ecccc3 Deuteranopia 1% of men
#d4d1e0 Tritanopia 0.001% of the population

Trichromacy

#d6d3be Protanomaly 1% of men, 0.01% of women
#e0cfc1 Deuteranomaly 6% of men, 0.4% of women
#d1d2d3 Tritanomaly 0.01% of the population

#ccd4bd hex color

#ccd4bd Color Information

#ccd4bd Color Conversion

Color Schemes with #ccd4bd

Alternatives to #ccd4bd

#ccd4bd Preview

Shades and Tints of #ccd4bd

Tones of #ccd4bd

Color Blindness Simulator