#ccd0c4 hex color

In a RGB color space, hex #ccd0c4 is composed of 80% red, 81.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 5.8% yellow and 18.4% black. It has a hue angle of 80 degrees, a saturation of 11.3% and a lightness of 79.2%. #ccd0c4 color hex could be obtained by blending #ffffff with #99a189. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 82
- B 77
RGB color chart
- C 2
- M 0
- Y 6
- K 18
CMYK color chart

● #ccd0c4 color description : Grayish green.

The hexadecimal color #ccd0c4 has RGB values of R:204, G:208, B:196 and CMYK values of C:0.02, M:0, Y:0.06, K:0.18. Its decimal value is 13422788.

Hex triplet	ccd0c4	`#ccd0c4`
RGB Decimal	204, 208, 196	`rgb(204,208,196)`
RGB Percent	80, 81.6, 76.9	`rgb(80%,81.6%,76.9%)`
CMYK	2, 0, 6, 18
HSL	80°, 11.3, 79.2	`hsl(80,11.3%,79.2%)`
HSV (or HSB)	80°, 5.8, 81.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.879, -3.522, 5.47
XYZ	57.42, 61.935, 61.151
xyY	0.318, 0.343, 61.935
CIE-LCH	82.879, 6.506, 122.776
CIE-LUV	82.879, -1.632, 8.757
Hunter-Lab	78.699, -7.486, 9.019
Binary	11001100, 11010000, 11000100

#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#c8c4d0
```
#c8c4d0 rgb(200,196,208)
```

Complementary Color

#d0cec4
```
#d0cec4 rgb(208,206,196)
```
#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#c6d0c4
```
#c6d0c4 rgb(198,208,196)
```

Analogous Color

#cec4d0
```
#cec4d0 rgb(206,196,208)
```
#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#c4c6d0
```
#c4c6d0 rgb(196,198,208)
```

Split Complementary Color

#d0c4cc
```
#d0c4cc rgb(208,196,204)
```
#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#c4ccd0
```
#c4ccd0 rgb(196,204,208)
```

Triadic Color

#d0c8c4
```
#d0c8c4 rgb(208,200,196)
```
#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#c4ccd0
```
#c4ccd0 rgb(196,204,208)
```
#c8c4d0
```
#c8c4d0 rgb(200,196,208)
```

Tetradic Color

#a7ae99
```
#a7ae99 rgb(167,174,153)
```
#b3b9a8
```
#b3b9a8 rgb(179,185,168)
```
#c0c5b6
```
#c0c5b6 rgb(192,197,182)
```
#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#d8dbd2
```
#d8dbd2 rgb(216,219,210)
```
#e5e7e0
```
#e5e7e0 rgb(229,231,224)
```
#f1f2ef
```
#f1f2ef rgb(241,242,239)
```

Monochromatic Color

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

#cfd0c4
```
#cfd0c4 rgb(207,208,196)
```
#ced0c4
```
#ced0c4 rgb(206,208,196)
```
#cdd0c4
```
#cdd0c4 rgb(205,208,196)
```
#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#cbd0c4
```
#cbd0c4 rgb(203,208,196)
```
#cad0c4
```
#cad0c4 rgb(202,208,196)
```
#c9d0c4
```
#c9d0c4 rgb(201,208,196)
```

Similar Colors

Text with hexadecimal color #ccd0c4

This text has a font color of #ccd0c4.

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

#ccd0c4 background color

This paragraph has a background color of #ccd0c4.

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

#ccd0c4 border color

This element has a border color of #ccd0c4.

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

CSS codes

.text {color:#ccd0c4;}

.background {background-color:#ccd0c4;}

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

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

#060705
```
#060705 rgb(6,7,5)
```
#10110e
```
#10110e rgb(16,17,14)
```
#1a1c17
```
#1a1c17 rgb(26,28,23)
```
#25271f
```
#25271f rgb(37,39,31)
```
#2f3228
```
#2f3228 rgb(47,50,40)
```
#393d31
```
#393d31 rgb(57,61,49)
```
#434839
```
#434839 rgb(67,72,57)
```
#4d5342
```
#4d5342 rgb(77,83,66)
```
#575e4b
```
#575e4b rgb(87,94,75)
```
#626953
```
#626953 rgb(98,105,83)
```
#6c745c
```
#6c745c rgb(108,116,92)
```
#767f65
```
#767f65 rgb(118,127,101)
```
#808a6e
```
#808a6e rgb(128,138,110)
```

Shade Color Variation

#8a9378
```
#8a9378 rgb(138,147,120)
```
#939c82
```
#939c82 rgb(147,156,130)
```
#9da58d
```
#9da58d rgb(157,165,141)
```
#a6ad98
```
#a6ad98 rgb(166,173,152)
```
#b0b6a3
```
#b0b6a3 rgb(176,182,163)
```
#b9bfae
```
#b9bfae rgb(185,191,174)
```
#c3c7b9
```
#c3c7b9 rgb(195,199,185)
```
#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#d5d9cf
```
#d5d9cf rgb(213,217,207)
```
#dfe1da
```
#dfe1da rgb(223,225,218)
```
#e8eae5
```
#e8eae5 rgb(232,234,229)
```
#f2f3f0
```
#f2f3f0 rgb(242,243,240)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#cbccc8
```
#cbccc8 rgb(203,204,200)
```
#ccd0c4
```
#ccd0c4 rgb(204,208,196)
```
#cdd4c0
```
#cdd4c0 rgb(205,212,192)
```
#cfd8bc
```
#cfd8bc rgb(207,216,188)
```
#d0dcb8
```
#d0dcb8 rgb(208,220,184)
```
#d1e0b4
```
#d1e0b4 rgb(209,224,180)
```
#d3e4b0
```
#d3e4b0 rgb(211,228,176)
```
#d4e8ac
```
#d4e8ac rgb(212,232,172)
```
#d6eda7
```
#d6eda7 rgb(214,237,167)
```
#d7f1a3
```
#d7f1a3 rgb(215,241,163)
```
#d8f59f
```
#d8f59f rgb(216,245,159)
```
#daf99b
```
#daf99b rgb(218,249,155)
```
#dbfd97
```
#dbfd97 rgb(219,253,151)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdcecb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d0c5 Protanopia 1% of men
#e6cac9 Deuteranopia 1% of men
#d2cedd Tritanopia 0.001% of the population

Trichromacy

#d3d0c5 Protanomaly 1% of men, 0.01% of women
#ddccc7 Deuteranomaly 6% of men, 0.4% of women
#d0cfd4 Tritanomaly 0.01% of the population

#ccd0c4 hex color

#ccd0c4 Color Information

#ccd0c4 Color Conversion

Color Schemes with #ccd0c4

Alternatives to #ccd0c4

#ccd0c4 Preview

Shades and Tints of #ccd0c4

Tones of #ccd0c4

Color Blindness Simulator