#ccdcb0 hex color

In a RGB color space, hex #ccdcb0 is composed of 80% red, 86.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 20% yellow and 13.7% black. It has a hue angle of 81.8 degrees, a saturation of 38.6% and a lightness of 77.6%. #ccdcb0 color hex could be obtained by blending #ffffff with #99b961. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 86
- B 69
RGB color chart
- C 7
- M 0
- Y 20
- K 14
CMYK color chart

● #ccdcb0 color description : Very soft green.

The hexadecimal color #ccdcb0 has RGB values of R:204, G:220, B:176 and CMYK values of C:0.07, M:0, Y:0.2, K:0.14. Its decimal value is 13425840.

Hex triplet	ccdcb0	`#ccdcb0`
RGB Decimal	204, 220, 176	`rgb(204,220,176)`
RGB Percent	80, 86.3, 69	`rgb(80%,86.3%,69%)`
CMYK	7, 0, 20, 14
HSL	81.8°, 38.6, 77.6	`hsl(81.8,38.6%,77.6%)`
HSV (or HSB)	81.8°, 20, 86.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	85.584, -12.96, 19.861
XYZ	58.33, 67.158, 50.962
xyY	0.331, 0.381, 67.158
CIE-LCH	85.584, 23.715, 123.126
CIE-LUV	85.584, -7.09, 30.782
Hunter-Lab	81.95, -16.361, 20.495
Binary	11001100, 11011100, 10110000

#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#c0b0dc
```
#c0b0dc rgb(192,176,220)
```

Complementary Color

#dcd6b0
```
#dcd6b0 rgb(220,214,176)
```
#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#b6dcb0
```
#b6dcb0 rgb(182,220,176)
```

Analogous Color

#d6b0dc
```
#d6b0dc rgb(214,176,220)
```
#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#b0b6dc
```
#b0b6dc rgb(176,182,220)
```

Split Complementary Color

#dcb0cc
```
#dcb0cc rgb(220,176,204)
```
#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#b0ccdc
```
#b0ccdc rgb(176,204,220)
```

Triadic Color

#dcc0b0
```
#dcc0b0 rgb(220,192,176)
```
#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#b0ccdc
```
#b0ccdc rgb(176,204,220)
```
#c0b0dc
```
#c0b0dc rgb(192,176,220)
```

Tetradic Color

#aac57b
```
#aac57b rgb(170,197,123)
```
#b5cc8d
```
#b5cc8d rgb(181,204,141)
```
#c1d49e
```
#c1d49e rgb(193,212,158)
```
#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#d7e4c2
```
#d7e4c2 rgb(215,228,194)
```
#e3ecd3
```
#e3ecd3 rgb(227,236,211)
```
#eef3e5
```
#eef3e5 rgb(238,243,229)
```

Monochromatic Color

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

#d7dcb0
```
#d7dcb0 rgb(215,220,176)
```
#d3dcb0
```
#d3dcb0 rgb(211,220,176)
```
#d0dcb0
```
#d0dcb0 rgb(208,220,176)
```
#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#c8dcb0
```
#c8dcb0 rgb(200,220,176)
```
#c5dcb0
```
#c5dcb0 rgb(197,220,176)
```
#c1dcb0
```
#c1dcb0 rgb(193,220,176)
```

Similar Colors

Text with hexadecimal color #ccdcb0

This text has a font color of #ccdcb0.

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

#ccdcb0 background color

This paragraph has a background color of #ccdcb0.

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

#ccdcb0 border color

This element has a border color of #ccdcb0.

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

CSS codes

.text {color:#ccdcb0;}

.background {background-color:#ccdcb0;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0d1007
```
#0d1007 rgb(13,16,7)
```
#181e0d
```
#181e0d rgb(24,30,13)
```
#232b13
```
#232b13 rgb(35,43,19)
```
#2d3919
```
#2d3919 rgb(45,57,25)
```
#38471f
```
#38471f rgb(56,71,31)
```
#435425
```
#435425 rgb(67,84,37)
```
#4e622b
```
#4e622b rgb(78,98,43)
```
#596f31
```
#596f31 rgb(89,111,49)
```
#647d37
```
#647d37 rgb(100,125,55)
```
#6e8a3d
```
#6e8a3d rgb(110,138,61)
```
#799843
```
#799843 rgb(121,152,67)
```
#84a649
```
#84a649 rgb(132,166,73)
```

Shade Color Variation

#8fb251
```
#8fb251 rgb(143,178,81)
```
#97b85e
```
#97b85e rgb(151,184,94)
```
#a0be6c
```
#a0be6c rgb(160,190,108)
```
#a9c47a
```
#a9c47a rgb(169,196,122)
```
#b2ca87
```
#b2ca87 rgb(178,202,135)
```
#bad095
```
#bad095 rgb(186,208,149)
```
#c3d6a2
```
#c3d6a2 rgb(195,214,162)
```
#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#d5e2be
```
#d5e2be rgb(213,226,190)
```
#dee8cb
```
#dee8cb rgb(222,232,203)
```
#e6eed9
```
#e6eed9 rgb(230,238,217)
```
#eff4e6
```
#eff4e6 rgb(239,244,230)
```
#f8faf4
```
#f8faf4 rgb(248,250,244)
```

Tint Color Variation

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

#c6c6c6
```
#c6c6c6 rgb(198,198,198)
```
#c7cac2
```
#c7cac2 rgb(199,202,194)
```
#c8cfbd
```
#c8cfbd rgb(200,207,189)
```
#cad3b9
```
#cad3b9 rgb(202,211,185)
```
#cbd8b4
```
#cbd8b4 rgb(203,216,180)
```
#ccdcb0
```
#ccdcb0 rgb(204,220,176)
```
#cde0ac
```
#cde0ac rgb(205,224,172)
```
#cee5a7
```
#cee5a7 rgb(206,229,167)
```
#d0e9a3
```
#d0e9a3 rgb(208,233,163)
```
#d1ee9e
```
#d1ee9e rgb(209,238,158)
```
#d2f29a
```
#d2f29a rgb(210,242,154)
```
#d3f696
```
#d3f696 rgb(211,246,150)
```
#d4fb91
```
#d4fb91 rgb(212,251,145)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d1d4cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d7b1 Protanopia 1% of men
#f7d0b8 Deuteranopia 1% of men
#d7d6e6 Tritanopia 0.001% of the population

Trichromacy

#dbd9b0 Protanomaly 1% of men, 0.01% of women
#e7d4b5 Deuteranomaly 6% of men, 0.4% of women
#d3d8d2 Tritanomaly 0.01% of the population

#ccdcb0 hex color

#ccdcb0 Color Information

#ccdcb0 Color Conversion

Color Schemes with #ccdcb0

Alternatives to #ccdcb0

#ccdcb0 Preview

Shades and Tints of #ccdcb0

Tones of #ccdcb0

Color Blindness Simulator