#ccd5b4 hex color

In a RGB color space, hex #ccd5b4 is composed of 80% red, 83.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 15.5% yellow and 16.5% black. It has a hue angle of 76.4 degrees, a saturation of 28.2% and a lightness of 77.1%. #ccd5b4 color hex could be obtained by blending #ffffff with #99ab69. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 84
- B 71
RGB color chart
- C 4
- M 0
- Y 15
- K 16
CMYK color chart

● #ccd5b4 color description : Grayish green.

The hexadecimal color #ccd5b4 has RGB values of R:204, G:213, B:180 and CMYK values of C:0.04, M:0, Y:0.15, K:0.16. Its decimal value is 13424052.

Hex triplet	ccd5b4	`#ccd5b4`
RGB Decimal	204, 213, 180	`rgb(204,213,180)`
RGB Percent	80, 83.5, 70.6	`rgb(80%,83.5%,70.6%)`
CMYK	4, 0, 15, 16
HSL	76.4°, 28.2, 77.1	`hsl(76.4,28.2%,77.1%)`
HSV (or HSB)	76.4°, 15.5, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.82, -8.779, 15.296
XYZ	56.933, 63.721, 52.478
xyY	0.329, 0.368, 63.721
CIE-LCH	83.82, 17.637, 119.854
CIE-LUV	83.82, -3.518, 23.7
Hunter-Lab	79.825, -12.386, 16.9
Binary	11001100, 11010101, 10110100

#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#bdb4d5
```
#bdb4d5 rgb(189,180,213)
```

Complementary Color

#d5ceb4
```
#d5ceb4 rgb(213,206,180)
```
#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#bcd5b4
```
#bcd5b4 rgb(188,213,180)
```

Analogous Color

#ceb4d5
```
#ceb4d5 rgb(206,180,213)
```
#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#b4bcd5
```
#b4bcd5 rgb(180,188,213)
```

Split Complementary Color

#d5b4cc
```
#d5b4cc rgb(213,180,204)
```
#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#b4ccd5
```
#b4ccd5 rgb(180,204,213)
```

Triadic Color

#d5bdb4
```
#d5bdb4 rgb(213,189,180)
```
#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#b4ccd5
```
#b4ccd5 rgb(180,204,213)
```
#bdb4d5
```
#bdb4d5 rgb(189,180,213)
```

Tetradic Color

#abba83
```
#abba83 rgb(171,186,131)
```
#b6c393
```
#b6c393 rgb(182,195,147)
```
#c1cca4
```
#c1cca4 rgb(193,204,164)
```
#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#d7dec4
```
#d7dec4 rgb(215,222,196)
```
#e2e7d5
```
#e2e7d5 rgb(226,231,213)
```
#edf0e5
```
#edf0e5 rgb(237,240,229)
```

Monochromatic Color

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

#d4d5b4
```
#d4d5b4 rgb(212,213,180)
```
#d2d5b4
```
#d2d5b4 rgb(210,213,180)
```
#cfd5b4
```
#cfd5b4 rgb(207,213,180)
```
#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#c9d5b4
```
#c9d5b4 rgb(201,213,180)
```
#c7d5b4
```
#c7d5b4 rgb(199,213,180)
```
#c4d5b4
```
#c4d5b4 rgb(196,213,180)
```

Similar Colors

Text with hexadecimal color #ccd5b4

This text has a font color of #ccd5b4.

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

#ccd5b4 background color

This paragraph has a background color of #ccd5b4.

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

#ccd5b4 border color

This element has a border color of #ccd5b4.

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

CSS codes

.text {color:#ccd5b4;}

.background {background-color:#ccd5b4;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0d07
```
#0b0d07 rgb(11,13,7)
```
#171a0e
```
#171a0e rgb(23,26,14)
```
#222615
```
#222615 rgb(34,38,21)
```
#2d331c
```
#2d331c rgb(45,51,28)
```
#383f23
```
#383f23 rgb(56,63,35)
```
#434c2a
```
#434c2a rgb(67,76,42)
```
#4e5832
```
#4e5832 rgb(78,88,50)
```
#596539
```
#596539 rgb(89,101,57)
```
#647240
```
#647240 rgb(100,114,64)
```
#6f7e47
```
#6f7e47 rgb(111,126,71)
```
#7a8b4e
```
#7a8b4e rgb(122,139,78)
```
#859755
```
#859755 rgb(133,151,85)
```

Shade Color Variation

#90a45c
```
#90a45c rgb(144,164,92)
```
#99ab69
```
#99ab69 rgb(153,171,105)
```
#a1b275
```
#a1b275 rgb(161,178,117)
```
#aab982
```
#aab982 rgb(170,185,130)
```
#b2c08e
```
#b2c08e rgb(178,192,142)
```
#bbc79b
```
#bbc79b rgb(187,199,155)
```
#c3cea7
```
#c3cea7 rgb(195,206,167)
```
#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#d5dcc1
```
#d5dcc1 rgb(213,220,193)
```
#dde3cd
```
#dde3cd rgb(221,227,205)
```
#e6eada
```
#e6eada rgb(230,234,218)
```
#eef1e6
```
#eef1e6 rgb(238,241,230)
```
#f7f8f3
```
#f7f8f3 rgb(247,248,243)
```

Tint Color Variation

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

#c6c8c2
```
#c6c8c2 rgb(198,200,194)
```
#c8ccbd
```
#c8ccbd rgb(200,204,189)
```
#cad1b9
```
#cad1b9 rgb(202,209,185)
```
#ccd5b4
```
#ccd5b4 rgb(204,213,180)
```
#cedab0
```
#cedab0 rgb(206,218,176)
```
#d0deab
```
#d0deab rgb(208,222,171)
```
#d2e3a7
```
#d2e3a7 rgb(210,227,167)
```
#d4e7a2
```
#d4e7a2 rgb(212,231,162)
```
#d6ec9e
```
#d6ec9e rgb(214,236,158)
```
#d8f099
```
#d8f099 rgb(216,240,153)
```
#daf595
```
#daf595 rgb(218,245,149)
```
#dcf990
```
#dcf990 rgb(220,249,144)
```
#defe8c
```
#defe8c rgb(222,254,140)
```

Tone Color Variation

Below, you can see how #ccd5b4 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
#ced0ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd2b5 Protanopia 1% of men
#efccbb Deuteranopia 1% of men
#d5d1e0 Tritanopia 0.001% of the population

Trichromacy

#d7d3b5 Protanomaly 1% of men, 0.01% of women
#e2cfb8 Deuteranomaly 6% of men, 0.4% of women
#d2d2d0 Tritanomaly 0.01% of the population

#ccd5b4 hex color

#ccd5b4 Color Information

#ccd5b4 Color Conversion

Color Schemes with #ccd5b4

Alternatives to #ccd5b4

#ccd5b4 Preview

Shades and Tints of #ccd5b4

Tones of #ccd5b4

Color Blindness Simulator