#ccbc8e hex color

In a RGB color space, hex #ccbc8e is composed of 80% red, 73.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.8% magenta, 30.4% yellow and 20% black. It has a hue angle of 44.5 degrees, a saturation of 37.8% and a lightness of 67.8%. #ccbc8e color hex could be obtained by blending #ffffff with #99791d. Closest websafe color is: #cccc99.

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

● #ccbc8e color description : Slightly desaturated orange.

The hexadecimal color #ccbc8e has RGB values of R:204, G:188, B:142 and CMYK values of C:0, M:0.08, Y:0.3, K:0.2. Its decimal value is 13417614.

Hex triplet	ccbc8e	`#ccbc8e`
RGB Decimal	204, 188, 142	`rgb(204,188,142)`
RGB Percent	80, 73.7, 55.7	`rgb(80%,73.7%,55.7%)`
CMYK	0, 8, 30, 20
HSL	44.5°, 37.8, 67.8	`hsl(44.5,37.8%,67.8%)`
HSV (or HSB)	44.5°, 30.4, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.532, -1.318, 25.371
XYZ	47.767, 50.758, 32.871
xyY	0.364, 0.386, 50.758
CIE-LCH	76.532, 25.405, 92.974
CIE-LUV	76.532, 12.582, 34.733
Hunter-Lab	71.244, -5, 22.516
Binary	11001100, 10111100, 10001110

#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#8e9ecc
```
#8e9ecc rgb(142,158,204)
```

Complementary Color

#cc9d8e
```
#cc9d8e rgb(204,157,142)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#bdcc8e
```
#bdcc8e rgb(189,204,142)
```

Analogous Color

#9d8ecc
```
#9d8ecc rgb(157,142,204)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#8ebdcc
```
#8ebdcc rgb(142,189,204)
```

Split Complementary Color

#bc8ecc
```
#bc8ecc rgb(188,142,204)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#8eccbc
```
#8eccbc rgb(142,204,188)
```

Triadic Color

#cc8e9e
```
#cc8e9e rgb(204,142,158)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#8eccbc
```
#8eccbc rgb(142,204,188)
```
#8e9ecc
```
#8e9ecc rgb(142,158,204)
```

Tetradic Color

#b49d59
```
#b49d59 rgb(180,157,89)
```
#bca76b
```
#bca76b rgb(188,167,107)
```
#c4b27c
```
#c4b27c rgb(196,178,124)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#d4c6a0
```
#d4c6a0 rgb(212,198,160)
```
#dcd1b1
```
#dcd1b1 rgb(220,209,177)
```
#e4dbc3
```
#e4dbc3 rgb(228,219,195)
```

Monochromatic Color

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

#ccad8e
```
#ccad8e rgb(204,173,142)
```
#ccb28e
```
#ccb28e rgb(204,178,142)
```
#ccb78e
```
#ccb78e rgb(204,183,142)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#ccc18e
```
#ccc18e rgb(204,193,142)
```
#ccc68e
```
#ccc68e rgb(204,198,142)
```
#cccc8e
```
#cccc8e rgb(204,204,142)
```

Similar Colors

Text with hexadecimal color #ccbc8e

This text has a font color of #ccbc8e.

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

#ccbc8e background color

This paragraph has a background color of #ccbc8e.

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

#ccbc8e border color

This element has a border color of #ccbc8e.

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

CSS codes

.text {color:#ccbc8e;}

.background {background-color:#ccbc8e;}

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

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 #fdfcfa is the lightest one.

#090704
```
#090704 rgb(9,7,4)
```
#16130a
```
#16130a rgb(22,19,10)
```
#241f10
```
#241f10 rgb(36,31,16)
```
#312a16
```
#312a16 rgb(49,42,22)
```
#3f361c
```
#3f361c rgb(63,54,28)
```
#4c4122
```
#4c4122 rgb(76,65,34)
```
#5a4d28
```
#5a4d28 rgb(90,77,40)
```
#67592f
```
#67592f rgb(103,89,47)
```
#756435
```
#756435 rgb(117,100,53)
```
#82703b
```
#82703b rgb(130,112,59)
```
#907b41
```
#907b41 rgb(144,123,65)
```
#9d8747
```
#9d8747 rgb(157,135,71)
```
#ab934d
```
#ab934d rgb(171,147,77)
```

Shade Color Variation

#b49c58
```
#b49c58 rgb(180,156,88)
```
#baa465
```
#baa465 rgb(186,164,101)
```
#c0ac73
```
#c0ac73 rgb(192,172,115)
```
#c6b480
```
#c6b480 rgb(198,180,128)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#d2c49c
```
#d2c49c rgb(210,196,156)
```
#d8cca9
```
#d8cca9 rgb(216,204,169)
```
#ded4b7
```
#ded4b7 rgb(222,212,183)
```
#e4dcc4
```
#e4dcc4 rgb(228,220,196)
```
#eae4d2
```
#eae4d2 rgb(234,228,210)
```
#f1ecdf
```
#f1ecdf rgb(241,236,223)
```
#f7f4ed
```
#f7f4ed rgb(247,244,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#b3b0a7
```
#b3b0a7 rgb(179,176,167)
```
#b9b3a1
```
#b9b3a1 rgb(185,179,161)
```
#bfb69b
```
#bfb69b rgb(191,182,155)
```
#c6b994
```
#c6b994 rgb(198,185,148)
```
#ccbc8e
```
#ccbc8e rgb(204,188,142)
```
#d2bf88
```
#d2bf88 rgb(210,191,136)
```
#d9c281
```
#d9c281 rgb(217,194,129)
```
#dfc57b
```
#dfc57b rgb(223,197,123)
```
#e5c875
```
#e5c875 rgb(229,200,117)
```
#eccb6e
```
#eccb6e rgb(236,203,110)
```
#f2ce68
```
#f2ce68 rgb(242,206,104)
```
#f8d162
```
#f8d162 rgb(248,209,98)
```
#fed45c
```
#fed45c rgb(254,212,92)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfbcb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbf94 Protanopia 1% of men
#e0b895 Deuteranopia 1% of men
#d5b8c5 Tritanopia 0.001% of the population

Trichromacy

#ccbe91 Protanomaly 1% of men, 0.01% of women
#d9ba93 Deuteranomaly 6% of men, 0.4% of women
#d1b9b1 Tritanomaly 0.01% of the population

#ccbc8e hex color

#ccbc8e Color Information

#ccbc8e Color Conversion

Color Schemes with #ccbc8e

Alternatives to #ccbc8e

#ccbc8e Preview

Shades and Tints of #ccbc8e

Tones of #ccbc8e

Color Blindness Simulator