#ccaf8e hex color

In a RGB color space, hex #ccaf8e is composed of 80% red, 68.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 30.4% yellow and 20% black. It has a hue angle of 31.9 degrees, a saturation of 37.8% and a lightness of 67.8%. #ccaf8e color hex could be obtained by blending #ffffff with #995f1d. Closest websafe color is: #cc9999.

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

● #ccaf8e color description : Slightly desaturated orange.

The hexadecimal color #ccaf8e has RGB values of R:204, G:175, B:142 and CMYK values of C:0, M:0.14, Y:0.3, K:0.2. Its decimal value is 13414286.

Hex triplet	ccaf8e	`#ccaf8e`
RGB Decimal	204, 175, 142	`rgb(204,175,142)`
RGB Percent	80, 68.6, 55.7	`rgb(80%,68.6%,55.7%)`
CMYK	0, 14, 30, 20
HSL	31.9°, 37.8, 67.8	`hsl(31.9,37.8%,67.8%)`
HSV (or HSB)	31.9°, 30.4, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	73.188, 5.594, 20.82
XYZ	45.114, 45.451, 31.986
xyY	0.368, 0.371, 45.451
CIE-LCH	73.188, 21.558, 74.959
CIE-LUV	73.188, 20.425, 27.398
Hunter-Lab	67.418, 1.466, 19.062
Binary	11001100, 10101111, 10001110

#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#8eabcc
```
#8eabcc rgb(142,171,204)
```

Complementary Color

#cc908e
```
#cc908e rgb(204,144,142)
```
#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#cacc8e
```
#cacc8e rgb(202,204,142)
```

Analogous Color

#908ecc
```
#908ecc rgb(144,142,204)
```
#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#8ecacc
```
#8ecacc rgb(142,202,204)
```

Split Complementary Color

#af8ecc
```
#af8ecc rgb(175,142,204)
```
#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#8eccaf
```
#8eccaf rgb(142,204,175)
```

Triadic Color

#cc8eab
```
#cc8eab rgb(204,142,171)
```
#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#8eccaf
```
#8eccaf rgb(142,204,175)
```
#8eabcc
```
#8eabcc rgb(142,171,204)
```

Tetradic Color

#b48a59
```
#b48a59 rgb(180,138,89)
```
#bc966b
```
#bc966b rgb(188,150,107)
```
#c4a37c
```
#c4a37c rgb(196,163,124)
```
#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#d4bba0
```
#d4bba0 rgb(212,187,160)
```
#dcc8b1
```
#dcc8b1 rgb(220,200,177)
```
#e4d4c3
```
#e4d4c3 rgb(228,212,195)
```

Monochromatic Color

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

#cca08e
```
#cca08e rgb(204,160,142)
```
#cca58e
```
#cca58e rgb(204,165,142)
```
#ccaa8e
```
#ccaa8e rgb(204,170,142)
```
#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#ccb48e
```
#ccb48e rgb(204,180,142)
```
#ccb98e
```
#ccb98e rgb(204,185,142)
```
#ccbf8e
```
#ccbf8e rgb(204,191,142)
```

Similar Colors

Text with hexadecimal color #ccaf8e

This text has a font color of #ccaf8e.

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

#ccaf8e background color

This paragraph has a background color of #ccaf8e.

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

#ccaf8e border color

This element has a border color of #ccaf8e.

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

CSS codes

.text {color:#ccaf8e;}

.background {background-color:#ccaf8e;}

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

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

#090604
```
#090604 rgb(9,6,4)
```
#16100a
```
#16100a rgb(22,16,10)
```
#241b10
```
#241b10 rgb(36,27,16)
```
#312516
```
#312516 rgb(49,37,22)
```
#3f2f1c
```
#3f2f1c rgb(63,47,28)
```
#4c3922
```
#4c3922 rgb(76,57,34)
```
#5a4328
```
#5a4328 rgb(90,67,40)
```
#674d2f
```
#674d2f rgb(103,77,47)
```
#755735
```
#755735 rgb(117,87,53)
```
#82613b
```
#82613b rgb(130,97,59)
```
#906b41
```
#906b41 rgb(144,107,65)
```
#9d7547
```
#9d7547 rgb(157,117,71)
```
#ab7f4d
```
#ab7f4d rgb(171,127,77)
```

Shade Color Variation

#b48958
```
#b48958 rgb(180,137,88)
```
#ba9265
```
#ba9265 rgb(186,146,101)
```
#c09c73
```
#c09c73 rgb(192,156,115)
```
#c6a580
```
#c6a580 rgb(198,165,128)
```
#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#d2b99c
```
#d2b99c rgb(210,185,156)
```
#d8c2a9
```
#d8c2a9 rgb(216,194,169)
```
#deccb7
```
#deccb7 rgb(222,204,183)
```
#e4d5c4
```
#e4d5c4 rgb(228,213,196)
```
#eadfd2
```
#eadfd2 rgb(234,223,210)
```
#f1e8df
```
#f1e8df rgb(241,232,223)
```
#f7f2ed
```
#f7f2ed rgb(247,242,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#b3ada7
```
#b3ada7 rgb(179,173,167)
```
#b9aea1
```
#b9aea1 rgb(185,174,161)
```
#bfae9b
```
#bfae9b rgb(191,174,155)
```
#c6af94
```
#c6af94 rgb(198,175,148)
```
#ccaf8e
```
#ccaf8e rgb(204,175,142)
```
#d2af88
```
#d2af88 rgb(210,175,136)
```
#d9b081
```
#d9b081 rgb(217,176,129)
```
#dfb07b
```
#dfb07b rgb(223,176,123)
```
#e5b175
```
#e5b175 rgb(229,177,117)
```
#ecb16e
```
#ecb16e rgb(236,177,110)
```
#f2b168
```
#f2b168 rgb(242,177,104)
```
#f8b262
```
#f8b262 rgb(248,178,98)
```
#feb25c
```
#feb25c rgb(254,178,92)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b795 Protanopia 1% of men
#d4b094 Deuteranopia 1% of men
#d3adb9 Tritanopia 0.001% of the population

Trichromacy

#c5b492 Protanomaly 1% of men, 0.01% of women
#d1b092 Deuteranomaly 6% of men, 0.4% of women
#d0aea9 Tritanomaly 0.01% of the population

#ccaf8e hex color

#ccaf8e Color Information

#ccaf8e Color Conversion

Color Schemes with #ccaf8e

Alternatives to #ccaf8e

#ccaf8e Preview

Shades and Tints of #ccaf8e

Tones of #ccaf8e

Color Blindness Simulator