#ccd8aa hex color

In a RGB color space, hex #ccd8aa is composed of 80% red, 84.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 0% magenta, 21.3% yellow and 15.3% black. It has a hue angle of 75.7 degrees, a saturation of 37.1% and a lightness of 75.7%. #ccd8aa color hex could be obtained by blending #ffffff with #99b155. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 85
- B 67
RGB color chart
- C 6
- M 0
- Y 21
- K 15
CMYK color chart

● #ccd8aa color description : Grayish green.

The hexadecimal color #ccd8aa has RGB values of R:204, G:216, B:170 and CMYK values of C:0.06, M:0, Y:0.21, K:0.15. Its decimal value is 13424810.

Hex triplet	ccd8aa	`#ccd8aa`
RGB Decimal	204, 216, 170	`rgb(204,216,170)`
RGB Percent	80, 84.7, 66.7	`rgb(80%,84.7%,66.7%)`
CMYK	6, 0, 21, 15
HSL	75.7°, 37.1, 75.7	`hsl(75.7,37.1%,75.7%)`
HSV (or HSB)	75.7°, 21.3, 84.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.407, -11.854, 21.37
XYZ	56.712, 64.851, 47.558
xyY	0.335, 0.383, 64.851
CIE-LCH	84.407, 24.437, 119.017
CIE-LUV	84.407, -4.729, 32.483
Hunter-Lab	80.53, -15.223, 21.357
Binary	11001100, 11011000, 10101010

#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#b6aad8
```
#b6aad8 rgb(182,170,216)
```

Complementary Color

#d8cdaa
```
#d8cdaa rgb(216,205,170)
```
#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#b5d8aa
```
#b5d8aa rgb(181,216,170)
```

Analogous Color

#cdaad8
```
#cdaad8 rgb(205,170,216)
```
#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#aab5d8
```
#aab5d8 rgb(170,181,216)
```

Split Complementary Color

#d8aacc
```
#d8aacc rgb(216,170,204)
```
#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#aaccd8
```
#aaccd8 rgb(170,204,216)
```

Triadic Color

#d8b6aa
```
#d8b6aa rgb(216,182,170)
```
#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#aaccd8
```
#aaccd8 rgb(170,204,216)
```
#b6aad8
```
#b6aad8 rgb(182,170,216)
```

Tetradic Color

#adc076
```
#adc076 rgb(173,192,118)
```
#b7c887
```
#b7c887 rgb(183,200,135)
```
#c2d099
```
#c2d099 rgb(194,208,153)
```
#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#d6e0bb
```
#d6e0bb rgb(214,224,187)
```
#e1e8cd
```
#e1e8cd rgb(225,232,205)
```
#ebf0de
```
#ebf0de rgb(235,240,222)
```

Monochromatic Color

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

#d8d8aa
```
#d8d8aa rgb(216,216,170)
```
#d4d8aa
```
#d4d8aa rgb(212,216,170)
```
#d0d8aa
```
#d0d8aa rgb(208,216,170)
```
#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#c8d8aa
```
#c8d8aa rgb(200,216,170)
```
#c4d8aa
```
#c4d8aa rgb(196,216,170)
```
#c1d8aa
```
#c1d8aa rgb(193,216,170)
```

Similar Colors

Text with hexadecimal color #ccd8aa

This text has a font color of #ccd8aa.

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

#ccd8aa background color

This paragraph has a background color of #ccd8aa.

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

#ccd8aa border color

This element has a border color of #ccd8aa.

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

CSS codes

.text {color:#ccd8aa;}

.background {background-color:#ccd8aa;}

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

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

#080904
```
#080904 rgb(8,9,4)
```
#13170a
```
#13170a rgb(19,23,10)
```
#1f2411
```
#1f2411 rgb(31,36,17)
```
#2a3117
```
#2a3117 rgb(42,49,23)
```
#363f1d
```
#363f1d rgb(54,63,29)
```
#424c23
```
#424c23 rgb(66,76,35)
```
#4d5a29
```
#4d5a29 rgb(77,90,41)
```
#59672f
```
#59672f rgb(89,103,47)
```
#647536
```
#647536 rgb(100,117,54)
```
#70823c
```
#70823c rgb(112,130,60)
```
#7b9042
```
#7b9042 rgb(123,144,66)
```
#879d48
```
#879d48 rgb(135,157,72)
```
#92aa4e
```
#92aa4e rgb(146,170,78)
```

Shade Color Variation

#9cb359
```
#9cb359 rgb(156,179,89)
```
#a4b967
```
#a4b967 rgb(164,185,103)
```
#acbf74
```
#acbf74 rgb(172,191,116)
```
#b4c582
```
#b4c582 rgb(180,197,130)
```
#bccc8f
```
#bccc8f rgb(188,204,143)
```
#c4d29d
```
#c4d29d rgb(196,210,157)
```
#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#d4deb7
```
#d4deb7 rgb(212,222,183)
```
#dce4c5
```
#dce4c5 rgb(220,228,197)
```
#e4ebd2
```
#e4ebd2 rgb(228,235,210)
```
#ecf1e0
```
#ecf1e0 rgb(236,241,224)
```
#f4f7ed
```
#f4f7ed rgb(244,247,237)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#c3c5bd
```
#c3c5bd rgb(195,197,189)
```
#c5cab8
```
#c5cab8 rgb(197,202,184)
```
#c7ceb4
```
#c7ceb4 rgb(199,206,180)
```
#cad3af
```
#cad3af rgb(202,211,175)
```
#ccd8aa
```
#ccd8aa rgb(204,216,170)
```
#cedda5
```
#cedda5 rgb(206,221,165)
```
#d1e2a0
```
#d1e2a0 rgb(209,226,160)
```
#d3e69c
```
#d3e69c rgb(211,230,156)
```
#d5eb97
```
#d5eb97 rgb(213,235,151)
```
#d7f092
```
#d7f092 rgb(215,240,146)
```
#daf58d
```
#daf58d rgb(218,245,141)
```
#dcf989
```
#dcf989 rgb(220,249,137)
```
#defe84
```
#defe84 rgb(222,254,132)
```

Tone Color Variation

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

Dichromacy

#e1d4ab Protanopia 1% of men
#f4cdb2 Deuteranopia 1% of men
#d7d2e1 Tritanopia 0.001% of the population

Trichromacy

#d9d5ab Protanomaly 1% of men, 0.01% of women
#e6d1af Deuteranomaly 6% of men, 0.4% of women
#d3d4cd Tritanomaly 0.01% of the population

#ccd8aa hex color

#ccd8aa Color Information

#ccd8aa Color Conversion

Color Schemes with #ccd8aa

Alternatives to #ccd8aa

#ccd8aa Preview

Shades and Tints of #ccd8aa

Tones of #ccd8aa

Color Blindness Simulator