#ccc3ae hex color

In a RGB color space, hex #ccc3ae is composed of 80% red, 76.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 14.7% yellow and 20% black. It has a hue angle of 42 degrees, a saturation of 22.7% and a lightness of 74.1%. #ccc3ae color hex could be obtained by blending #ffffff with #99875d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 76
- B 68
RGB color chart
- C 0
- M 4
- Y 15
- K 20
CMYK color chart

● #ccc3ae color description : Grayish orange.

The hexadecimal color #ccc3ae has RGB values of R:204, G:195, B:174 and CMYK values of C:0, M:0.04, Y:0.15, K:0.2. Its decimal value is 13419438.

Hex triplet	ccc3ae	`#ccc3ae`
RGB Decimal	204, 195, 174	`rgb(204,195,174)`
RGB Percent	80, 76.5, 68.2	`rgb(80%,76.5%,68.2%)`
CMYK	0, 4, 15, 20
HSL	42°, 22.7, 74.1	`hsl(42,22.7%,74.1%)`
HSV (or HSB)	42°, 14.7, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.998, -0.387, 11.678
XYZ	52.056, 54.924, 47.901
xyY	0.336, 0.355, 54.924
CIE-LCH	78.998, 11.685, 91.899
CIE-LUV	78.998, 6.548, 16.912
Hunter-Lab	74.111, -4.315, 13.556
Binary	11001100, 11000011, 10101110

#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#aeb7cc
```
#aeb7cc rgb(174,183,204)
```

Complementary Color

#ccb4ae
```
#ccb4ae rgb(204,180,174)
```
#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#c6ccae
```
#c6ccae rgb(198,204,174)
```

Analogous Color

#b4aecc
```
#b4aecc rgb(180,174,204)
```
#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#aec6cc
```
#aec6cc rgb(174,198,204)
```

Split Complementary Color

#c3aecc
```
#c3aecc rgb(195,174,204)
```
#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#aeccc3
```
#aeccc3 rgb(174,204,195)
```

Triadic Color

#ccaeb7
```
#ccaeb7 rgb(204,174,183)
```
#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#aeccc3
```
#aeccc3 rgb(174,204,195)
```
#aeb7cc
```
#aeb7cc rgb(174,183,204)
```

Tetradic Color

#aea07f
```
#aea07f rgb(174,160,127)
```
#b8ac8f
```
#b8ac8f rgb(184,172,143)
```
#c2b79e
```
#c2b79e rgb(194,183,158)
```
#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#d6cfbe
```
#d6cfbe rgb(214,207,190)
```
#e0dacd
```
#e0dacd rgb(224,218,205)
```
#eae6dd
```
#eae6dd rgb(234,230,221)
```

Monochromatic Color

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

#ccbcae
```
#ccbcae rgb(204,188,174)
```
#ccbeae
```
#ccbeae rgb(204,190,174)
```
#ccc1ae
```
#ccc1ae rgb(204,193,174)
```
#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#ccc6ae
```
#ccc6ae rgb(204,198,174)
```
#ccc8ae
```
#ccc8ae rgb(204,200,174)
```
#cccbae
```
#cccbae rgb(204,203,174)
```

Similar Colors

Text with hexadecimal color #ccc3ae

This text has a font color of #ccc3ae.

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

#ccc3ae background color

This paragraph has a background color of #ccc3ae.

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

#ccc3ae border color

This element has a border color of #ccc3ae.

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

CSS codes

.text {color:#ccc3ae;}

.background {background-color:#ccc3ae;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f0e0a
```
#0f0e0a rgb(15,14,10)
```
#1b1811
```
#1b1811 rgb(27,24,17)
```
#272319
```
#272319 rgb(39,35,25)
```
#332e20
```
#332e20 rgb(51,46,32)
```
#3f3828
```
#3f3828 rgb(63,56,40)
```
#4b4330
```
#4b4330 rgb(75,67,48)
```
#584e37
```
#584e37 rgb(88,78,55)
```
#64583f
```
#64583f rgb(100,88,63)
```
#706346
```
#706346 rgb(112,99,70)
```
#7c6e4e
```
#7c6e4e rgb(124,110,78)
```
#887955
```
#887955 rgb(136,121,85)
```
#94835d
```
#94835d rgb(148,131,93)
```

Shade Color Variation

#9f8e66
```
#9f8e66 rgb(159,142,102)
```
#a69672
```
#a69672 rgb(166,150,114)
```
#ae9f7e
```
#ae9f7e rgb(174,159,126)
```
#b5a88a
```
#b5a88a rgb(181,168,138)
```
#bdb196
```
#bdb196 rgb(189,177,150)
```
#c4baa2
```
#c4baa2 rgb(196,186,162)
```
#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#d4ccba
```
#d4ccba rgb(212,204,186)
```
#dbd5c6
```
#dbd5c6 rgb(219,213,198)
```
#e3ded2
```
#e3ded2 rgb(227,222,210)
```
#eae7de
```
#eae7de rgb(234,231,222)
```
#f2f0ea
```
#f2f0ea rgb(242,240,234)
```
#f9f8f6
```
#f9f8f6 rgb(249,248,246)
```

Tint Color Variation

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

#c2bfb8
```
#c2bfb8 rgb(194,191,184)
```
#c7c1b3
```
#c7c1b3 rgb(199,193,179)
```
#ccc3ae
```
#ccc3ae rgb(204,195,174)
```
#d1c5a9
```
#d1c5a9 rgb(209,197,169)
```
#d6c7a4
```
#d6c7a4 rgb(214,199,164)
```
#dbc99f
```
#dbc99f rgb(219,201,159)
```
#e0cb9a
```
#e0cb9a rgb(224,203,154)
```
#e5cd95
```
#e5cd95 rgb(229,205,149)
```
#eacf90
```
#eacf90 rgb(234,207,144)
```
#f0d18a
```
#f0d18a rgb(240,209,138)
```
#f5d385
```
#f5d385 rgb(245,211,133)
```
#fad580
```
#fad580 rgb(250,213,128)
```
#ffd77b
```
#ffd77b rgb(255,215,123)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c5c3bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec6b2 Protanopia 1% of men
#e0c0b4 Deuteranopia 1% of men
#d3c1cf Tritanopia 0.001% of the population

Trichromacy

#cdc4b0 Protanomaly 1% of men, 0.01% of women
#d8c1b1 Deuteranomaly 6% of men, 0.4% of women
#d0c2c3 Tritanomaly 0.01% of the population

#ccc3ae hex color

#ccc3ae Color Information

#ccc3ae Color Conversion

Color Schemes with #ccc3ae

Alternatives to #ccc3ae

#ccc3ae Preview

Shades and Tints of #ccc3ae

Tones of #ccc3ae

Color Blindness Simulator