#ccb88a hex color

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

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

● #ccb88a color description : Slightly desaturated orange.

The hexadecimal color #ccb88a has RGB values of R:204, G:184, B:138 and CMYK values of C:0, M:0.1, Y:0.32, K:0.2. Its decimal value is 13416586.

Hex triplet	ccb88a	`#ccb88a`
RGB Decimal	204, 184, 138	`rgb(204,184,138)`
RGB Percent	80, 72.2, 54.1	`rgb(80%,72.2%,54.1%)`
CMYK	0, 10, 32, 20
HSL	41.8°, 39.3, 67.1	`hsl(41.8,39.3%,67.1%)`
HSV (or HSB)	41.8°, 32.4, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.423, 0.281, 26.002
XYZ	46.629, 48.954, 31.036
xyY	0.368, 0.387, 48.954
CIE-LCH	75.423, 26.004, 89.38
CIE-LUV	75.423, 15.25, 35.043
Hunter-Lab	69.967, -3.483, 22.677
Binary	11001100, 10111000, 10001010

#ccb88a
```
#ccb88a rgb(204,184,138)
```
#8a9ecc
```
#8a9ecc rgb(138,158,204)
```

Complementary Color

#cc978a
```
#cc978a rgb(204,151,138)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#bfcc8a
```
#bfcc8a rgb(191,204,138)
```

Analogous Color

#978acc
```
#978acc rgb(151,138,204)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#8abfcc
```
#8abfcc rgb(138,191,204)
```

Split Complementary Color

#b88acc
```
#b88acc rgb(184,138,204)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#8accb8
```
#8accb8 rgb(138,204,184)
```

Triadic Color

#cc8a9e
```
#cc8a9e rgb(204,138,158)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#8accb8
```
#8accb8 rgb(138,204,184)
```
#8a9ecc
```
#8a9ecc rgb(138,158,204)
```

Tetradic Color

#b59855
```
#b59855 rgb(181,152,85)
```
#bda266
```
#bda266 rgb(189,162,102)
```
#c4ad78
```
#c4ad78 rgb(196,173,120)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#d4c39c
```
#d4c39c rgb(212,195,156)
```
#dbceae
```
#dbceae rgb(219,206,174)
```
#e3d8bf
```
#e3d8bf rgb(227,216,191)
```

Monochromatic Color

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

#cca88a
```
#cca88a rgb(204,168,138)
```
#ccad8a
```
#ccad8a rgb(204,173,138)
```
#ccb38a
```
#ccb38a rgb(204,179,138)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#ccbe8a
```
#ccbe8a rgb(204,190,138)
```
#ccc38a
```
#ccc38a rgb(204,195,138)
```
#ccc98a
```
#ccc98a rgb(204,201,138)
```

Similar Colors

Text with hexadecimal color #ccb88a

This text has a font color of #ccb88a.

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

#ccb88a background color

This paragraph has a background color of #ccb88a.

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

#ccb88a border color

This element has a border color of #ccb88a.

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

CSS codes

.text {color:#ccb88a;}

.background {background-color:#ccb88a;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#141009
```
#141009 rgb(20,16,9)
```
#211c0f
```
#211c0f rgb(33,28,15)
```
#2f2714
```
#2f2714 rgb(47,39,20)
```
#3d321a
```
#3d321a rgb(61,50,26)
```
#4a3e20
```
#4a3e20 rgb(74,62,32)
```
#584926
```
#584926 rgb(88,73,38)
```
#66542c
```
#66542c rgb(102,84,44)
```
#736032
```
#736032 rgb(115,96,50)
```
#816b38
```
#816b38 rgb(129,107,56)
```
#8f763e
```
#8f763e rgb(143,118,62)
```
#9c8244
```
#9c8244 rgb(156,130,68)
```
#aa8d4a
```
#aa8d4a rgb(170,141,74)
```

Shade Color Variation

#b49753
```
#b49753 rgb(180,151,83)
```
#ba9f61
```
#ba9f61 rgb(186,159,97)
```
#c0a76f
```
#c0a76f rgb(192,167,111)
```
#c6b07c
```
#c6b07c rgb(198,176,124)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#d2c098
```
#d2c098 rgb(210,192,152)
```
#d8c9a5
```
#d8c9a5 rgb(216,201,165)
```
#ded1b3
```
#ded1b3 rgb(222,209,179)
```
#e4d9c1
```
#e4d9c1 rgb(228,217,193)
```
#eae1ce
```
#eae1ce rgb(234,225,206)
```
#f0eadc
```
#f0eadc rgb(240,234,220)
```
#f6f2ea
```
#f6f2ea rgb(246,242,234)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,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 #f9ca5d is the most saturated one.

#acabaa
```
#acabaa rgb(172,171,170)
```
#b2aea4
```
#b2aea4 rgb(178,174,164)
```
#b9b09d
```
#b9b09d rgb(185,176,157)
```
#bfb397
```
#bfb397 rgb(191,179,151)
```
#c6b590
```
#c6b590 rgb(198,181,144)
```
#ccb88a
```
#ccb88a rgb(204,184,138)
```
#d2bb84
```
#d2bb84 rgb(210,187,132)
```
#d9bd7d
```
#d9bd7d rgb(217,189,125)
```
#dfc077
```
#dfc077 rgb(223,192,119)
```
#e6c270
```
#e6c270 rgb(230,194,112)
```
#ecc56a
```
#ecc56a rgb(236,197,106)
```
#f3c763
```
#f3c763 rgb(243,199,99)
```
#f9ca5d
```
#f9ca5d rgb(249,202,93)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bdb9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabd90 Protanopia 1% of men
#ddb691 Deuteranopia 1% of men
#d5b4c1 Tritanopia 0.001% of the population

Trichromacy

#cabb8e Protanomaly 1% of men, 0.01% of women
#d7b68e Deuteranomaly 6% of men, 0.4% of women
#d1b6ad Tritanomaly 0.01% of the population

#ccb88a hex color

#ccb88a Color Information

#ccb88a Color Conversion

Color Schemes with #ccb88a

Alternatives to #ccb88a

#ccb88a Preview

Shades and Tints of #ccb88a

Tones of #ccb88a

Color Blindness Simulator