#ccab5c hex color

In a RGB color space, hex #ccab5c is composed of 80% red, 67.1% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 54.9% yellow and 20% black. It has a hue angle of 42.3 degrees, a saturation of 52.3% and a lightness of 58%. #ccab5c color hex could be obtained by blending #ffffb8 with #995700. Closest websafe color is: #cc9966.

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

● #ccab5c color description : Moderate orange.

The hexadecimal color #ccab5c has RGB values of R:204, G:171, B:92 and CMYK values of C:0, M:0.16, Y:0.55, K:0.2. Its decimal value is 13413212.

Hex triplet	ccab5c	`#ccab5c`
RGB Decimal	204, 171, 92	`rgb(204,171,92)`
RGB Percent	80, 67.1, 36.1	`rgb(80%,67.1%,36.1%)`
CMYK	0, 16, 55, 20
HSL	42.3°, 52.3, 58	`hsl(42.3,52.3%,58%)`
HSV (or HSB)	42.3°, 54.9, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.376, 2.383, 44.686
XYZ	41.397, 42.737, 16.193
xyY	0.413, 0.426, 42.737
CIE-LCH	71.376, 44.749, 86.947
CIE-LUV	71.376, 26.602, 53.646
Hunter-Lab	65.374, -1.373, 31.075
Binary	11001100, 10101011, 01011100

#ccab5c
```
#ccab5c rgb(204,171,92)
```
#5c7dcc
```
#5c7dcc rgb(92,125,204)
```

Complementary Color

#cc735c
```
#cc735c rgb(204,115,92)
```
#ccab5c
```
#ccab5c rgb(204,171,92)
```
#b5cc5c
```
#b5cc5c rgb(181,204,92)
```

Analogous Color

#735ccc
```
#735ccc rgb(115,92,204)
```
#ccab5c
```
#ccab5c rgb(204,171,92)
```
#5cb5cc
```
#5cb5cc rgb(92,181,204)
```

Split Complementary Color

#ab5ccc
```
#ab5ccc rgb(171,92,204)
```
#ccab5c
```
#ccab5c rgb(204,171,92)
```
#5cccab
```
#5cccab rgb(92,204,171)
```

Triadic Color

#cc5c7d
```
#cc5c7d rgb(204,92,125)
```
#ccab5c
```
#ccab5c rgb(204,171,92)
```
#5cccab
```
#5cccab rgb(92,204,171)
```
#5c7dcc
```
#5c7dcc rgb(92,125,204)
```

Tetradic Color

#a78534
```
#a78534 rgb(167,133,52)
```
#bb953a
```
#bb953a rgb(187,149,58)
```
#c6a149
```
#c6a149 rgb(198,161,73)
```
#ccab5c
```
#ccab5c rgb(204,171,92)
```
#d2b56f
```
#d2b56f rgb(210,181,111)
```
#d8bf83
```
#d8bf83 rgb(216,191,131)
```
#dec996
```
#dec996 rgb(222,201,150)
```

Monochromatic Color

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

#cc8f5c
```
#cc8f5c rgb(204,143,92)
```
#cc985c
```
#cc985c rgb(204,152,92)
```
#cca25c
```
#cca25c rgb(204,162,92)
```
#ccab5c
```
#ccab5c rgb(204,171,92)
```
#ccb45c
```
#ccb45c rgb(204,180,92)
```
#ccbe5c
```
#ccbe5c rgb(204,190,92)
```
#ccc75c
```
#ccc75c rgb(204,199,92)
```

Similar Colors

Text with hexadecimal color #ccab5c

This text has a font color of #ccab5c.

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

#ccab5c background color

This paragraph has a background color of #ccab5c.

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

#ccab5c border color

This element has a border color of #ccab5c.

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

CSS codes

.text {color:#ccab5c;}

.background {background-color:#ccab5c;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100d05
```
#100d05 rgb(16,13,5)
```
#1f190a
```
#1f190a rgb(31,25,10)
```
#2e250e
```
#2e250e rgb(46,37,14)
```
#3d3113
```
#3d3113 rgb(61,49,19)
```
#4c3d18
```
#4c3d18 rgb(76,61,24)
```
#5b491c
```
#5b491c rgb(91,73,28)
```
#6a5421
```
#6a5421 rgb(106,84,33)
```
#796026
```
#796026 rgb(121,96,38)
```
#886c2a
```
#886c2a rgb(136,108,42)
```
#97782f
```
#97782f rgb(151,120,47)
```
#a68434
```
#a68434 rgb(166,132,52)
```
#b59039
```
#b59039 rgb(181,144,57)
```

Shade Color Variation

#c39c3e
```
#c39c3e rgb(195,156,62)
```
#c7a34d
```
#c7a34d rgb(199,163,77)
```
#ccab5c
```
#ccab5c rgb(204,171,92)
```
#d1b36b
```
#d1b36b rgb(209,179,107)
```
#d5ba7a
```
#d5ba7a rgb(213,186,122)
```
#dac289
```
#dac289 rgb(218,194,137)
```
#dfca98
```
#dfca98 rgb(223,202,152)
```
#e3d1a7
```
#e3d1a7 rgb(227,209,167)
```
#e8d9b6
```
#e8d9b6 rgb(232,217,182)
```
#ede1c5
```
#ede1c5 rgb(237,225,197)
```
#f1e9d4
```
#f1e9d4 rgb(241,233,212)
```
#f6f0e2
```
#f6f0e2 rgb(246,240,226)
```
#fbf8f1
```
#fbf8f1 rgb(251,248,241)
```

Tint Color Variation

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

#9b978d
```
#9b978d rgb(155,151,141)
```
#a39a85
```
#a39a85 rgb(163,154,133)
```
#ab9d7d
```
#ab9d7d rgb(171,157,125)
```
#b3a175
```
#b3a175 rgb(179,161,117)
```
#bca46c
```
#bca46c rgb(188,164,108)
```
#c4a864
```
#c4a864 rgb(196,168,100)
```
#ccab5c
```
#ccab5c rgb(204,171,92)
```
#d4ae54
```
#d4ae54 rgb(212,174,84)
```
#dcb24c
```
#dcb24c rgb(220,178,76)
```
#e5b543
```
#e5b543 rgb(229,181,67)
```
#edb93b
```
#edb93b rgb(237,185,59)
```
#f5bc33
```
#f5bc33 rgb(245,188,51)
```
#fdbf2b
```
#fdbf2b rgb(253,191,43)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b2ac9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b365 Protanopia 1% of men
#d9ab65 Deuteranopia 1% of men
#d6a6b2 Tritanopia 0.001% of the population

Trichromacy

#c7b062 Protanomaly 1% of men, 0.01% of women
#d4ab62 Deuteranomaly 6% of men, 0.4% of women
#d2a892 Tritanomaly 0.01% of the population

#ccab5c hex color

#ccab5c Color Information

#ccab5c Color Conversion

Color Schemes with #ccab5c

Alternatives to #ccab5c

#ccab5c Preview

Shades and Tints of #ccab5c

Tones of #ccab5c

Color Blindness Simulator