#ccc8aa hex color

In a RGB color space, hex #ccc8aa is composed of 80% red, 78.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 16.7% yellow and 20% black. It has a hue angle of 52.9 degrees, a saturation of 25% and a lightness of 73.3%. #ccc8aa color hex could be obtained by blending #ffffff with #999155. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 78
- B 67
RGB color chart
- C 0
- M 2
- Y 17
- K 20
CMYK color chart

● #ccc8aa color description : Grayish yellow.

The hexadecimal color #ccc8aa has RGB values of R:204, G:200, B:170 and CMYK values of C:0, M:0.02, Y:0.17, K:0.2. Its decimal value is 13420714.

Hex triplet	ccc8aa	`#ccc8aa`
RGB Decimal	204, 200, 170	`rgb(204,200,170)`
RGB Percent	80, 78.4, 66.7	`rgb(80%,78.4%,66.7%)`
CMYK	0, 2, 17, 20
HSL	52.9°, 25, 73.3	`hsl(52.9,25%,73.3%)`
HSV (or HSB)	52.9°, 16.7, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.207, -3.632, 15.524
XYZ	52.811, 57.049, 46.257
xyY	0.338, 0.365, 57.049
CIE-LCH	80.207, 15.943, 103.169
CIE-LUV	80.207, 4.025, 22.842
Hunter-Lab	75.531, -7.372, 16.56
Binary	11001100, 11001000, 10101010

#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#aaaecc
```
#aaaecc rgb(170,174,204)
```

Complementary Color

#ccb7aa
```
#ccb7aa rgb(204,183,170)
```
#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#bfccaa
```
#bfccaa rgb(191,204,170)
```

Analogous Color

#b7aacc
```
#b7aacc rgb(183,170,204)
```
#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#aabfcc
```
#aabfcc rgb(170,191,204)
```

Split Complementary Color

#c8aacc
```
#c8aacc rgb(200,170,204)
```
#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#aaccc8
```
#aaccc8 rgb(170,204,200)
```

Triadic Color

#ccaaae
```
#ccaaae rgb(204,170,174)
```
#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#aaccc8
```
#aaccc8 rgb(170,204,200)
```
#aaaecc
```
#aaaecc rgb(170,174,204)
```

Tetradic Color

#afa97a
```
#afa97a rgb(175,169,122)
```
#b9b38a
```
#b9b38a rgb(185,179,138)
```
#c2be9a
```
#c2be9a rgb(194,190,154)
```
#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#d6d2ba
```
#d6d2ba rgb(214,210,186)
```
#dfddca
```
#dfddca rgb(223,221,202)
```
#e9e7da
```
#e9e7da rgb(233,231,218)
```

Monochromatic Color

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

#ccc0aa
```
#ccc0aa rgb(204,192,170)
```
#ccc2aa
```
#ccc2aa rgb(204,194,170)
```
#ccc5aa
```
#ccc5aa rgb(204,197,170)
```
#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#cccbaa
```
#cccbaa rgb(204,203,170)
```
#caccaa
```
#caccaa rgb(202,204,170)
```
#c8ccaa
```
#c8ccaa rgb(200,204,170)
```

Similar Colors

Text with hexadecimal color #ccc8aa

This text has a font color of #ccc8aa.

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

#ccc8aa background color

This paragraph has a background color of #ccc8aa.

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

#ccc8aa border color

This element has a border color of #ccc8aa.

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

CSS codes

.text {color:#ccc8aa;}

.background {background-color:#ccc8aa;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0d0c08
```
#0d0c08 rgb(13,12,8)
```
#19180f
```
#19180f rgb(25,24,15)
```
#262417
```
#262417 rgb(38,36,23)
```
#32301e
```
#32301e rgb(50,48,30)
```
#3e3b25
```
#3e3b25 rgb(62,59,37)
```
#4a472d
```
#4a472d rgb(74,71,45)
```
#575334
```
#575334 rgb(87,83,52)
```
#635e3b
```
#635e3b rgb(99,94,59)
```
#6f6a43
```
#6f6a43 rgb(111,106,67)
```
#7b764a
```
#7b764a rgb(123,118,74)
```
#888151
```
#888151 rgb(136,129,81)
```
#948d59
```
#948d59 rgb(148,141,89)
```

Shade Color Variation

#a09860
```
#a09860 rgb(160,152,96)
```
#a7a06d
```
#a7a06d rgb(167,160,109)
```
#afa879
```
#afa879 rgb(175,168,121)
```
#b6b085
```
#b6b085 rgb(182,176,133)
```
#bdb891
```
#bdb891 rgb(189,184,145)
```
#c5c09e
```
#c5c09e rgb(197,192,158)
```
#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#d3d0b6
```
#d3d0b6 rgb(211,208,182)
```
#dbd8c3
```
#dbd8c3 rgb(219,216,195)
```
#e2e0cf
```
#e2e0cf rgb(226,224,207)
```
#e9e8db
```
#e9e8db rgb(233,232,219)
```
#f1f0e7
```
#f1f0e7 rgb(241,240,231)
```
#f8f8f4
```
#f8f8f4 rgb(248,248,244)
```

Tint Color Variation

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

#bcbcba
```
#bcbcba rgb(188,188,186)
```
#c2c0b4
```
#c2c0b4 rgb(194,192,180)
```
#c7c4af
```
#c7c4af rgb(199,196,175)
```
#ccc8aa
```
#ccc8aa rgb(204,200,170)
```
#d1cca5
```
#d1cca5 rgb(209,204,165)
```
#d6d0a0
```
#d6d0a0 rgb(214,208,160)
```
#dcd49a
```
#dcd49a rgb(220,212,154)
```
#e1d895
```
#e1d895 rgb(225,216,149)
```
#e6dc90
```
#e6dc90 rgb(230,220,144)
```
#ebe08b
```
#ebe08b rgb(235,224,139)
```
#f1e485
```
#f1e485 rgb(241,228,133)
```
#f6e880
```
#f6e880 rgb(246,232,128)
```
#fbec7b
```
#fbec7b rgb(251,236,123)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7c6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c9ad Protanopia 1% of men
#e5c2b0 Deuteranopia 1% of men
#d4c5d3 Tritanopia 0.001% of the population

Trichromacy

#d1c8ac Protanomaly 1% of men, 0.01% of women
#dcc4ae Deuteranomaly 6% of men, 0.4% of women
#d1c6c4 Tritanomaly 0.01% of the population

#ccc8aa hex color

#ccc8aa Color Information

#ccc8aa Color Conversion

Color Schemes with #ccc8aa

Alternatives to #ccc8aa

#ccc8aa Preview

Shades and Tints of #ccc8aa

Tones of #ccc8aa

Color Blindness Simulator