#ccaf85 hex color

In a RGB color space, hex #ccaf85 is composed of 80% red, 68.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 34.8% yellow and 20% black. It has a hue angle of 35.5 degrees, a saturation of 41% and a lightness of 66.1%. #ccaf85 color hex could be obtained by blending #ffffff with #995f0b. Closest websafe color is: #cc9999.

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

● #ccaf85 color description : Slightly desaturated orange.

The hexadecimal color #ccaf85 has RGB values of R:204, G:175, B:133 and CMYK values of C:0, M:0.14, Y:0.35, K:0.2. Its decimal value is 13414277.

Hex triplet	ccaf85	`#ccaf85`
RGB Decimal	204, 175, 133	`rgb(204,175,133)`
RGB Percent	80, 68.6, 52.2	`rgb(80%,68.6%,52.2%)`
CMYK	0, 14, 35, 20
HSL	35.5°, 41, 66.1	`hsl(35.5,41%,66.1%)`
HSV (or HSB)	35.5°, 34.8, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	73.018, 4.449, 25.44
XYZ	44.465, 45.192, 28.57
xyY	0.376, 0.382, 45.192
CIE-LCH	73.018, 25.826, 80.08
CIE-LUV	73.018, 21.139, 33.229
Hunter-Lab	67.225, 0.423, 21.86
Binary	11001100, 10101111, 10000101

#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#85a2cc
```
#85a2cc rgb(133,162,204)
```

Complementary Color

#cc8c85
```
#cc8c85 rgb(204,140,133)
```
#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#c6cc85
```
#c6cc85 rgb(198,204,133)
```

Analogous Color

#8c85cc
```
#8c85cc rgb(140,133,204)
```
#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#85c6cc
```
#85c6cc rgb(133,198,204)
```

Split Complementary Color

#af85cc
```
#af85cc rgb(175,133,204)
```
#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#85ccaf
```
#85ccaf rgb(133,204,175)
```

Triadic Color

#cc85a2
```
#cc85a2 rgb(204,133,162)
```
#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#85ccaf
```
#85ccaf rgb(133,204,175)
```
#85a2cc
```
#85a2cc rgb(133,162,204)
```

Tetradic Color

#b58c4f
```
#b58c4f rgb(181,140,79)
```
#bd9761
```
#bd9761 rgb(189,151,97)
```
#c4a373
```
#c4a373 rgb(196,163,115)
```
#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#d4bb97
```
#d4bb97 rgb(212,187,151)
```
#dbc7a9
```
#dbc7a9 rgb(219,199,169)
```
#e3d2bb
```
#e3d2bb rgb(227,210,187)
```

Monochromatic Color

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

#cc9d85
```
#cc9d85 rgb(204,157,133)
```
#cca385
```
#cca385 rgb(204,163,133)
```
#cca985
```
#cca985 rgb(204,169,133)
```
#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#ccb585
```
#ccb585 rgb(204,181,133)
```
#ccbb85
```
#ccbb85 rgb(204,187,133)
```
#ccc185
```
#ccc185 rgb(204,193,133)
```

Similar Colors

Text with hexadecimal color #ccaf85

This text has a font color of #ccaf85.

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

#ccaf85 background color

This paragraph has a background color of #ccaf85.

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

#ccaf85 border color

This element has a border color of #ccaf85.

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

CSS codes

.text {color:#ccaf85;}

.background {background-color:#ccaf85;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100c07
```
#100c07 rgb(16,12,7)
```
#1e170d
```
#1e170d rgb(30,23,13)
```
#2c2212
```
#2c2212 rgb(44,34,18)
```
#3a2c18
```
#3a2c18 rgb(58,44,24)
```
#48371e
```
#48371e rgb(72,55,30)
```
#554124
```
#554124 rgb(85,65,36)
```
#634c2a
```
#634c2a rgb(99,76,42)
```
#71562f
```
#71562f rgb(113,86,47)
```
#7f6135
```
#7f6135 rgb(127,97,53)
```
#8d6b3b
```
#8d6b3b rgb(141,107,59)
```
#9b7641
```
#9b7641 rgb(155,118,65)
```
#a88046
```
#a88046 rgb(168,128,70)
```

Shade Color Variation

#b58b4e
```
#b58b4e rgb(181,139,78)
```
#bb945c
```
#bb945c rgb(187,148,92)
```
#c09d69
```
#c09d69 rgb(192,157,105)
```
#c6a677
```
#c6a677 rgb(198,166,119)
```
#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#d2b893
```
#d2b893 rgb(210,184,147)
```
#d8c1a1
```
#d8c1a1 rgb(216,193,161)
```
#ddcaae
```
#ddcaae rgb(221,202,174)
```
#e3d3bc
```
#e3d3bc rgb(227,211,188)
```
#e9dcca
```
#e9dcca rgb(233,220,202)
```
#efe5d8
```
#efe5d8 rgb(239,229,216)
```
#f4eee6
```
#f4eee6 rgb(244,238,230)
```
#faf8f4
```
#faf8f4 rgb(250,248,244)
```

Tint Color Variation

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

#aba9a6
```
#aba9a6 rgb(171,169,166)
```
#b1aaa0
```
#b1aaa0 rgb(177,170,160)
```
#b8ab99
```
#b8ab99 rgb(184,171,153)
```
#bfad92
```
#bfad92 rgb(191,173,146)
```
#c5ae8c
```
#c5ae8c rgb(197,174,140)
```
#ccaf85
```
#ccaf85 rgb(204,175,133)
```
#d3b07e
```
#d3b07e rgb(211,176,126)
```
#d9b178
```
#d9b178 rgb(217,177,120)
```
#e0b371
```
#e0b371 rgb(224,179,113)
```
#e7b46a
```
#e7b46a rgb(231,180,106)
```
#edb564
```
#edb564 rgb(237,181,100)
```
#f4b65d
```
#f4b65d rgb(244,182,93)
```
#fbb856
```
#fbb856 rgb(251,184,86)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b8b2aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b68c Protanopia 1% of men
#d6b08c Deuteranopia 1% of men
#d4acb9 Tritanopia 0.001% of the population

Trichromacy

#c6b48a Protanomaly 1% of men, 0.01% of women
#d2af89 Deuteranomaly 6% of men, 0.4% of women
#d1ada6 Tritanomaly 0.01% of the population

#ccaf85 hex color

#ccaf85 Color Information

#ccaf85 Color Conversion

Color Schemes with #ccaf85

Alternatives to #ccaf85

#ccaf85 Preview

Shades and Tints of #ccaf85

Tones of #ccaf85

Color Blindness Simulator