#ccd4bc hex color

In a RGB color space, hex #ccd4bc is composed of 80% red, 83.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 11.3% yellow and 16.9% black. It has a hue angle of 80 degrees, a saturation of 21.8% and a lightness of 78.4%. #ccd4bc color hex could be obtained by blending #ffffff with #99a979. 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

● #ccd4bc color description : Grayish green.

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

Hex triplet	ccd4bc	`#ccd4bc`
RGB Decimal	204, 212, 188	`rgb(204,212,188)`
RGB Percent	80, 83.1, 73.7	`rgb(80%,83.1%,73.7%)`
CMYK	4, 0, 11, 17
HSL	80°, 21.8, 78.4	`hsl(80,21.8%,78.4%)`
HSV (or HSB)	80°, 11.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.734, -6.959, 10.944
XYZ	57.521, 63.555, 56.811
xyY	0.323, 0.357, 63.555
CIE-LCH	83.734, 12.969, 122.453
CIE-LUV	83.734, -3.337, 17.286
Hunter-Lab	79.721, -10.721, 13.554
Binary	11001100, 11010100, 10111100

#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#c4bcd4
```
#c4bcd4 rgb(196,188,212)
```

Complementary Color

#d4d0bc
```
#d4d0bc rgb(212,208,188)
```
#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#c0d4bc
```
#c0d4bc rgb(192,212,188)
```

Analogous Color

#d0bcd4
```
#d0bcd4 rgb(208,188,212)
```
#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#bcc0d4
```
#bcc0d4 rgb(188,192,212)
```

Split Complementary Color

#d4bccc
```
#d4bccc rgb(212,188,204)
```
#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#bcccd4
```
#bcccd4 rgb(188,204,212)
```

Triadic Color

#d4c4bc
```
#d4c4bc rgb(212,196,188)
```
#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#bcccd4
```
#bcccd4 rgb(188,204,212)
```
#c4bcd4
```
#c4bcd4 rgb(196,188,212)
```

Tetradic Color

#a9b68d
```
#a9b68d rgb(169,182,141)
```
#b4c09d
```
#b4c09d rgb(180,192,157)
```
#c0caac
```
#c0caac rgb(192,202,172)
```
#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#d8decc
```
#d8decc rgb(216,222,204)
```
#e4e8db
```
#e4e8db rgb(228,232,219)
```
#eff2eb
```
#eff2eb rgb(239,242,235)
```

Monochromatic Color

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

#d2d4bc
```
#d2d4bc rgb(210,212,188)
```
#d0d4bc
```
#d0d4bc rgb(208,212,188)
```
#ced4bc
```
#ced4bc rgb(206,212,188)
```
#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#cad4bc
```
#cad4bc rgb(202,212,188)
```
#c8d4bc
```
#c8d4bc rgb(200,212,188)
```
#c6d4bc
```
#c6d4bc rgb(198,212,188)
```

Similar Colors

Text with hexadecimal color #ccd4bc

This text has a font color of #ccd4bc.

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

#ccd4bc background color

This paragraph has a background color of #ccd4bc.

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

#ccd4bc border color

This element has a border color of #ccd4bc.

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

CSS codes

.text {color:#ccd4bc;}

.background {background-color:#ccd4bc;}

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

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

#040503
```
#040503 rgb(4,5,3)
```
#0f110b
```
#0f110b rgb(15,17,11)
```
#191d12
```
#191d12 rgb(25,29,18)
```
#24291a
```
#24291a rgb(36,41,26)
```
#2e3422
```
#2e3422 rgb(46,52,34)
```
#394029
```
#394029 rgb(57,64,41)
```
#434c31
```
#434c31 rgb(67,76,49)
```
#4e5839
```
#4e5839 rgb(78,88,57)
```
#586440
```
#586440 rgb(88,100,64)
```
#637048
```
#637048 rgb(99,112,72)
```
#6d7c50
```
#6d7c50 rgb(109,124,80)
```
#788857
```
#788857 rgb(120,136,87)
```
#82945f
```
#82945f rgb(130,148,95)
```

Shade Color Variation

#8c9e68
```
#8c9e68 rgb(140,158,104)
```
#95a674
```
#95a674 rgb(149,166,116)
```
#9fae80
```
#9fae80 rgb(159,174,128)
```
#a8b58c
```
#a8b58c rgb(168,181,140)
```
#b1bd98
```
#b1bd98 rgb(177,189,152)
```
#bac5a4
```
#bac5a4 rgb(186,197,164)
```
#c3ccb0
```
#c3ccb0 rgb(195,204,176)
```
#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#d5dcc8
```
#d5dcc8 rgb(213,220,200)
```
#dee3d4
```
#dee3d4 rgb(222,227,212)
```
#e7ebe0
```
#e7ebe0 rgb(231,235,224)
```
#f0f3ec
```
#f0f3ec rgb(240,243,236)
```
#f9faf8
```
#f9faf8 rgb(249,250,248)
```

Tint Color Variation

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

#c9ccc4
```
#c9ccc4 rgb(201,204,196)
```
#cbd0c0
```
#cbd0c0 rgb(203,208,192)
```
#ccd4bc
```
#ccd4bc rgb(204,212,188)
```
#cdd8b8
```
#cdd8b8 rgb(205,216,184)
```
#cfdcb4
```
#cfdcb4 rgb(207,220,180)
```
#d0e1af
```
#d0e1af rgb(208,225,175)
```
#d2e5ab
```
#d2e5ab rgb(210,229,171)
```
#d3e9a7
```
#d3e9a7 rgb(211,233,167)
```
#d4eda3
```
#d4eda3 rgb(212,237,163)
```
#d6f29e
```
#d6f29e rgb(214,242,158)
```
#d7f69a
```
#d7f69a rgb(215,246,154)
```
#d9fa96
```
#d9fa96 rgb(217,250,150)
```
#dafe92
```
#dafe92 rgb(218,254,146)
```

Tone Color Variation

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

#dbd2bd Protanopia 1% of men
#ecccc2 Deuteranopia 1% of men
#d4d1e0 Tritanopia 0.001% of the population

Trichromacy

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

#ccd4bc hex color

#ccd4bc Color Information

#ccd4bc Color Conversion

Color Schemes with #ccd4bc

Alternatives to #ccd4bc

#ccd4bc Preview

Shades and Tints of #ccd4bc

Tones of #ccd4bc

Color Blindness Simulator