#ccc3ad hex color

In a RGB color space, hex #ccc3ad is composed of 80% red, 76.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 15.2% yellow and 20% black. It has a hue angle of 42.6 degrees, a saturation of 23.3% and a lightness of 73.9%. #ccc3ad color hex could be obtained by blending #ffffff with #99875b. 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

● #ccc3ad color description : Grayish orange.

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

Hex triplet	ccc3ad	`#ccc3ad`
RGB Decimal	204, 195, 173	`rgb(204,195,173)`
RGB Percent	80, 76.5, 67.8	`rgb(80%,76.5%,67.8%)`
CMYK	0, 4, 15, 20
HSL	42.6°, 23.3, 73.9	`hsl(42.6,23.3%,73.9%)`
HSV (or HSB)	42.6°, 15.2, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.975, -0.545, 12.183
XYZ	51.959, 54.885, 47.39
xyY	0.337, 0.356, 54.885
CIE-LCH	78.975, 12.195, 92.563
CIE-LUV	78.975, 6.611, 17.638
Hunter-Lab	74.085, -4.458, 13.933
Binary	11001100, 11000011, 10101101

#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#adb6cc
```
#adb6cc rgb(173,182,204)
```

Complementary Color

#ccb4ad
```
#ccb4ad rgb(204,180,173)
```
#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#c6ccad
```
#c6ccad rgb(198,204,173)
```

Analogous Color

#b4adcc
```
#b4adcc rgb(180,173,204)
```
#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#adc6cc
```
#adc6cc rgb(173,198,204)
```

Split Complementary Color

#c3adcc
```
#c3adcc rgb(195,173,204)
```
#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#adccc3
```
#adccc3 rgb(173,204,195)
```

Triadic Color

#ccadb6
```
#ccadb6 rgb(204,173,182)
```
#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#adccc3
```
#adccc3 rgb(173,204,195)
```
#adb6cc
```
#adb6cc rgb(173,182,204)
```

Tetradic Color

#afa07e
```
#afa07e rgb(175,160,126)
```
#b8ac8e
```
#b8ac8e rgb(184,172,142)
```
#c2b79d
```
#c2b79d rgb(194,183,157)
```
#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#d6cfbd
```
#d6cfbd rgb(214,207,189)
```
#e0dacc
```
#e0dacc rgb(224,218,204)
```
#e9e6dc
```
#e9e6dc rgb(233,230,220)
```

Monochromatic Color

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

#ccbbad
```
#ccbbad rgb(204,187,173)
```
#ccbead
```
#ccbead rgb(204,190,173)
```
#ccc0ad
```
#ccc0ad rgb(204,192,173)
```
#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#ccc6ad
```
#ccc6ad rgb(204,198,173)
```
#ccc8ad
```
#ccc8ad rgb(204,200,173)
```
#cccbad
```
#cccbad rgb(204,203,173)
```

Similar Colors

Text with hexadecimal color #ccc3ad

This text has a font color of #ccc3ad.

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

#ccc3ad background color

This paragraph has a background color of #ccc3ad.

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

#ccc3ad border color

This element has a border color of #ccc3ad.

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

CSS codes

.text {color:#ccc3ad;}

.background {background-color:#ccc3ad;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#0f0d09
```
#0f0d09 rgb(15,13,9)
```
#1b1811
```
#1b1811 rgb(27,24,17)
```
#272318
```
#272318 rgb(39,35,24)
```
#332d20
```
#332d20 rgb(51,45,32)
```
#3f3827
```
#3f3827 rgb(63,56,39)
```
#4b432f
```
#4b432f rgb(75,67,47)
```
#574e36
```
#574e36 rgb(87,78,54)
```
#63583e
```
#63583e rgb(99,88,62)
```
#6f6345
```
#6f6345 rgb(111,99,69)
```
#7c6e4d
```
#7c6e4d rgb(124,110,77)
```
#887954
```
#887954 rgb(136,121,84)
```
#94845c
```
#94845c rgb(148,132,92)
```

Shade Color Variation

#9f8e64
```
#9f8e64 rgb(159,142,100)
```
#a69771
```
#a69771 rgb(166,151,113)
```
#aea07d
```
#aea07d rgb(174,160,125)
```
#b5a889
```
#b5a889 rgb(181,168,137)
```
#bdb195
```
#bdb195 rgb(189,177,149)
```
#c4baa1
```
#c4baa1 rgb(196,186,161)
```
#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#d4ccb9
```
#d4ccb9 rgb(212,204,185)
```
#dbd5c5
```
#dbd5c5 rgb(219,213,197)
```
#e3ded1
```
#e3ded1 rgb(227,222,209)
```
#eae6dd
```
#eae6dd rgb(234,230,221)
```
#f2efe9
```
#f2efe9 rgb(242,239,233)
```
#f9f8f6
```
#f9f8f6 rgb(249,248,246)
```

Tint Color Variation

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

#bdbdbc
```
#bdbdbc rgb(189,189,188)
```
#c2bfb7
```
#c2bfb7 rgb(194,191,183)
```
#c7c1b2
```
#c7c1b2 rgb(199,193,178)
```
#ccc3ad
```
#ccc3ad rgb(204,195,173)
```
#d1c5a8
```
#d1c5a8 rgb(209,197,168)
```
#d6c7a3
```
#d6c7a3 rgb(214,199,163)
```
#dbc99e
```
#dbc99e rgb(219,201,158)
```
#e0cc99
```
#e0cc99 rgb(224,204,153)
```
#e6ce93
```
#e6ce93 rgb(230,206,147)
```
#ebd08e
```
#ebd08e rgb(235,208,142)
```
#f0d289
```
#f0d289 rgb(240,210,137)
```
#f5d484
```
#f5d484 rgb(245,212,132)
```
#fad67f
```
#fad67f rgb(250,214,127)
```

Tone Color Variation

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

#cfc5b1 Protanopia 1% of men
#e0bfb3 Deuteranopia 1% of men
#d3c1cf Tritanopia 0.001% of the population

Trichromacy

#cdc4af Protanomaly 1% of men, 0.01% of women
#d8c1b0 Deuteranomaly 6% of men, 0.4% of women
#d0c2c2 Tritanomaly 0.01% of the population

#ccc3ad hex color

#ccc3ad Color Information

#ccc3ad Color Conversion

Color Schemes with #ccc3ad

Alternatives to #ccc3ad

#ccc3ad Preview

Shades and Tints of #ccc3ad

Tones of #ccc3ad

Color Blindness Simulator