#ccbb8a hex color

In a RGB color space, hex #ccbb8a is composed of 80% red, 73.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 32.4% yellow and 20% black. It has a hue angle of 44.5 degrees, a saturation of 39.3% and a lightness of 67.1%. #ccbb8a color hex could be obtained by blending #ffffff with #997715. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 73
- B 54
RGB color chart
- C 0
- M 8
- Y 32
- K 20
CMYK color chart

● #ccbb8a color description : Slightly desaturated orange.

The hexadecimal color #ccbb8a has RGB values of R:204, G:187, B:138 and CMYK values of C:0, M:0.08, Y:0.32, K:0.2. Its decimal value is 13417354.

Hex triplet	ccbb8a	`#ccbb8a`
RGB Decimal	204, 187, 138	`rgb(204,187,138)`
RGB Percent	80, 73.3, 54.1	`rgb(80%,73.3%,54.1%)`
CMYK	0, 8, 32, 20
HSL	44.5°, 39.3, 67.1	`hsl(44.5,39.3%,67.1%)`
HSV (or HSB)	44.5°, 32.4, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.2, -1.303, 27.047
XYZ	47.259, 50.214, 31.246
xyY	0.367, 0.39, 50.214
CIE-LCH	76.2, 27.078, 92.757
CIE-LUV	76.2, 13.434, 36.708
Hunter-Lab	70.862, -4.963, 23.46
Binary	11001100, 10111011, 10001010

#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#8a9bcc
```
#8a9bcc rgb(138,155,204)
```

Complementary Color

#cc9a8a
```
#cc9a8a rgb(204,154,138)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#bccc8a
```
#bccc8a rgb(188,204,138)
```

Analogous Color

#9a8acc
```
#9a8acc rgb(154,138,204)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#8abccc
```
#8abccc rgb(138,188,204)
```

Split Complementary Color

#bb8acc
```
#bb8acc rgb(187,138,204)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#8accbb
```
#8accbb rgb(138,204,187)
```

Triadic Color

#cc8a9b
```
#cc8a9b rgb(204,138,155)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#8accbb
```
#8accbb rgb(138,204,187)
```
#8a9bcc
```
#8a9bcc rgb(138,155,204)
```

Tetradic Color

#b59c55
```
#b59c55 rgb(181,156,85)
```
#bda666
```
#bda666 rgb(189,166,102)
```
#c4b178
```
#c4b178 rgb(196,177,120)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#d4c59c
```
#d4c59c rgb(212,197,156)
```
#dbd0ae
```
#dbd0ae rgb(219,208,174)
```
#e3dabf
```
#e3dabf rgb(227,218,191)
```

Monochromatic Color

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

#ccab8a
```
#ccab8a rgb(204,171,138)
```
#ccb08a
```
#ccb08a rgb(204,176,138)
```
#ccb68a
```
#ccb68a rgb(204,182,138)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#ccc18a
```
#ccc18a rgb(204,193,138)
```
#ccc68a
```
#ccc68a rgb(204,198,138)
```
#cccc8a
```
#cccc8a rgb(204,204,138)
```

Similar Colors

Text with hexadecimal color #ccbb8a

This text has a font color of #ccbb8a.

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

#ccbb8a background color

This paragraph has a background color of #ccbb8a.

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

#ccbb8a border color

This element has a border color of #ccbb8a.

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

CSS codes

.text {color:#ccbb8a;}

.background {background-color:#ccbb8a;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#141109
```
#141109 rgb(20,17,9)
```
#211c0f
```
#211c0f rgb(33,28,15)
```
#2f2814
```
#2f2814 rgb(47,40,20)
```
#3d341a
```
#3d341a rgb(61,52,26)
```
#4a3f20
```
#4a3f20 rgb(74,63,32)
```
#584b26
```
#584b26 rgb(88,75,38)
```
#66572c
```
#66572c rgb(102,87,44)
```
#736232
```
#736232 rgb(115,98,50)
```
#816e38
```
#816e38 rgb(129,110,56)
```
#8f7a3e
```
#8f7a3e rgb(143,122,62)
```
#9c8644
```
#9c8644 rgb(156,134,68)
```
#aa914a
```
#aa914a rgb(170,145,74)
```

Shade Color Variation

#b49b53
```
#b49b53 rgb(180,155,83)
```
#baa361
```
#baa361 rgb(186,163,97)
```
#c0ab6f
```
#c0ab6f rgb(192,171,111)
```
#c6b37c
```
#c6b37c rgb(198,179,124)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#d2c398
```
#d2c398 rgb(210,195,152)
```
#d8cba5
```
#d8cba5 rgb(216,203,165)
```
#ded3b3
```
#ded3b3 rgb(222,211,179)
```
#e4dbc1
```
#e4dbc1 rgb(228,219,193)
```
#eae3ce
```
#eae3ce rgb(234,227,206)
```
#f0ebdc
```
#f0ebdc rgb(240,235,220)
```
#f6f3ea
```
#f6f3ea rgb(246,243,234)
```
#fcfbf7
```
#fcfbf7 rgb(252,251,247)
```

Tint Color Variation

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

#acabaa
```
#acabaa rgb(172,171,170)
```
#b2aea4
```
#b2aea4 rgb(178,174,164)
```
#b9b29d
```
#b9b29d rgb(185,178,157)
```
#bfb597
```
#bfb597 rgb(191,181,151)
```
#c6b890
```
#c6b890 rgb(198,184,144)
```
#ccbb8a
```
#ccbb8a rgb(204,187,138)
```
#d2be84
```
#d2be84 rgb(210,190,132)
```
#d9c17d
```
#d9c17d rgb(217,193,125)
```
#dfc477
```
#dfc477 rgb(223,196,119)
```
#e6c870
```
#e6c870 rgb(230,200,112)
```
#eccb6a
```
#eccb6a rgb(236,203,106)
```
#f3ce63
```
#f3ce63 rgb(243,206,99)
```
#f9d15d
```
#f9d15d rgb(249,209,93)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebab0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbf90 Protanopia 1% of men
#e0b892 Deuteranopia 1% of men
#d5b7c4 Tritanopia 0.001% of the population

Trichromacy

#ccbd8e Protanomaly 1% of men, 0.01% of women
#d8b98f Deuteranomaly 6% of men, 0.4% of women
#d2b8af Tritanomaly 0.01% of the population

#ccbb8a hex color

#ccbb8a Color Information

#ccbb8a Color Conversion

Color Schemes with #ccbb8a

Alternatives to #ccbb8a

#ccbb8a Preview

Shades and Tints of #ccbb8a

Tones of #ccbb8a

Color Blindness Simulator