#ccab8f hex color

In a RGB color space, hex #ccab8f is composed of 80% red, 67.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 29.9% yellow and 20% black. It has a hue angle of 27.5 degrees, a saturation of 37.4% and a lightness of 68%. #ccab8f color hex could be obtained by blending #ffffff with #99571f. Closest websafe color is: #cc9999.

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

● #ccab8f color description : Slightly desaturated orange.

The hexadecimal color #ccab8f has RGB values of R:204, G:171, B:143 and CMYK values of C:0, M:0.16, Y:0.3, K:0.2. Its decimal value is 13413263.

Hex triplet	ccab8f	`#ccab8f`
RGB Decimal	204, 171, 143	`rgb(204,171,143)`
RGB Percent	80, 67.1, 56.1	`rgb(80%,67.1%,56.1%)`
CMYK	0, 16, 30, 20
HSL	27.5°, 37.4, 68	`hsl(27.5,37.4%,68%)`
HSV (or HSB)	27.5°, 29.9, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.193, 7.879, 18.909
XYZ	44.422, 43.948, 32.128
xyY	0.369, 0.365, 43.948
CIE-LCH	72.193, 20.485, 67.38
CIE-LUV	72.193, 22.774, 24.46
Hunter-Lab	66.293, 3.598, 17.671
Binary	11001100, 10101011, 10001111

#ccab8f
```
#ccab8f rgb(204,171,143)
```
#8fb0cc
```
#8fb0cc rgb(143,176,204)
```

Complementary Color

#cc8f92
```
#cc8f92 rgb(204,143,146)
```
#ccab8f
```
#ccab8f rgb(204,171,143)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```

Analogous Color

#8f92cc
```
#8f92cc rgb(143,146,204)
```
#ccab8f
```
#ccab8f rgb(204,171,143)
```
#8fccca
```
#8fccca rgb(143,204,202)
```

Split Complementary Color

#ab8fcc
```
#ab8fcc rgb(171,143,204)
```
#ccab8f
```
#ccab8f rgb(204,171,143)
```
#8fccab
```
#8fccab rgb(143,204,171)
```

Triadic Color

#cc8fb0
```
#cc8fb0 rgb(204,143,176)
```
#ccab8f
```
#ccab8f rgb(204,171,143)
```
#8fccab
```
#8fccab rgb(143,204,171)
```
#8fb0cc
```
#8fb0cc rgb(143,176,204)
```

Tetradic Color

#b4845a
```
#b4845a rgb(180,132,90)
```
#bc916c
```
#bc916c rgb(188,145,108)
```
#c49e7d
```
#c49e7d rgb(196,158,125)
```
#ccab8f
```
#ccab8f rgb(204,171,143)
```
#d4b8a1
```
#d4b8a1 rgb(212,184,161)
```
#dcc5b2
```
#dcc5b2 rgb(220,197,178)
```
#e4d2c4
```
#e4d2c4 rgb(228,210,196)
```

Monochromatic Color

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

#cc9c8f
```
#cc9c8f rgb(204,156,143)
```
#cca18f
```
#cca18f rgb(204,161,143)
```
#cca68f
```
#cca68f rgb(204,166,143)
```
#ccab8f
```
#ccab8f rgb(204,171,143)
```
#ccb08f
```
#ccb08f rgb(204,176,143)
```
#ccb58f
```
#ccb58f rgb(204,181,143)
```
#ccba8f
```
#ccba8f rgb(204,186,143)
```

Similar Colors

Text with hexadecimal color #ccab8f

This text has a font color of #ccab8f.

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

#ccab8f background color

This paragraph has a background color of #ccab8f.

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

#ccab8f border color

This element has a border color of #ccab8f.

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

CSS codes

.text {color:#ccab8f;}

.background {background-color:#ccab8f;}

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

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

#090704
```
#090704 rgb(9,7,4)
```
#17100a
```
#17100a rgb(23,16,10)
```
#241a11
```
#241a11 rgb(36,26,17)
```
#322317
```
#322317 rgb(50,35,23)
```
#3f2d1d
```
#3f2d1d rgb(63,45,29)
```
#4d3623
```
#4d3623 rgb(77,54,35)
```
#5a4029
```
#5a4029 rgb(90,64,41)
```
#68492f
```
#68492f rgb(104,73,47)
```
#755335
```
#755335 rgb(117,83,53)
```
#835c3b
```
#835c3b rgb(131,92,59)
```
#906642
```
#906642 rgb(144,102,66)
```
#9e6f48
```
#9e6f48 rgb(158,111,72)
```
#ab794e
```
#ab794e rgb(171,121,78)
```

Shade Color Variation

#b38359
```
#b38359 rgb(179,131,89)
```
#ba8d67
```
#ba8d67 rgb(186,141,103)
```
#c09774
```
#c09774 rgb(192,151,116)
```
#c6a182
```
#c6a182 rgb(198,161,130)
```
#ccab8f
```
#ccab8f rgb(204,171,143)
```
#d2b59c
```
#d2b59c rgb(210,181,156)
```
#d8bfaa
```
#d8bfaa rgb(216,191,170)
```
#dec9b7
```
#dec9b7 rgb(222,201,183)
```
#e5d3c5
```
#e5d3c5 rgb(229,211,197)
```
#ebded2
```
#ebded2 rgb(235,222,210)
```
#f1e8e0
```
#f1e8e0 rgb(241,232,224)
```
#f7f2ed
```
#f7f2ed rgb(247,242,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#b3ada8
```
#b3ada8 rgb(179,173,168)
```
#b9ada2
```
#b9ada2 rgb(185,173,162)
```
#bfac9c
```
#bfac9c rgb(191,172,156)
```
#c6ac95
```
#c6ac95 rgb(198,172,149)
```
#ccab8f
```
#ccab8f rgb(204,171,143)
```
#d2aa89
```
#d2aa89 rgb(210,170,137)
```
#d9aa82
```
#d9aa82 rgb(217,170,130)
```
#dfa97c
```
#dfa97c rgb(223,169,124)
```
#e5a976
```
#e5a976 rgb(229,169,118)
```
#eba870
```
#eba870 rgb(235,168,112)
```
#f2a869
```
#f2a869 rgb(242,168,105)
```
#f8a763
```
#f8a763 rgb(248,167,99)
```
#fea75d
```
#fea75d rgb(254,167,93)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b7b1ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb497 Protanopia 1% of men
#d1ae95 Deuteranopia 1% of men
#d2aab6 Tritanopia 0.001% of the population

Trichromacy

#c3b194 Protanomaly 1% of men, 0.01% of women
#cfad92 Deuteranomaly 6% of men, 0.4% of women
#d0aaa8 Tritanomaly 0.01% of the population

#ccab8f hex color

#ccab8f Color Information

#ccab8f Color Conversion

Color Schemes with #ccab8f

Alternatives to #ccab8f

#ccab8f Preview

Shades and Tints of #ccab8f

Tones of #ccab8f

Color Blindness Simulator