#ccb88c hex color

In a RGB color space, hex #ccb88c is composed of 80% red, 72.2% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 31.4% yellow and 20% black. It has a hue angle of 41.3 degrees, a saturation of 38.6% and a lightness of 67.5%. #ccb88c color hex could be obtained by blending #ffffff with #997119. Closest websafe color is: #cccc99.

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

● #ccb88c color description : Slightly desaturated orange.

The hexadecimal color #ccb88c has RGB values of R:204, G:184, B:140 and CMYK values of C:0, M:0.1, Y:0.31, K:0.2. Its decimal value is 13416588.

Hex triplet	ccb88c	`#ccb88c`
RGB Decimal	204, 184, 140	`rgb(204,184,140)`
RGB Percent	80, 72.2, 54.9	`rgb(80%,72.2%,54.9%)`
CMYK	0, 10, 31, 20
HSL	41.3°, 38.6, 67.5	`hsl(41.3,38.6%,67.5%)`
HSV (or HSB)	41.3°, 31.4, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.459, 0.536, 24.986
XYZ	46.775, 49.013, 31.806
xyY	0.367, 0.384, 49.013
CIE-LCH	75.459, 24.992, 88.771
CIE-LUV	75.459, 15.116, 33.77
Hunter-Lab	70.009, -3.254, 22.07
Binary	11001100, 10111000, 10001100

#ccb88c
```
#ccb88c rgb(204,184,140)
```
#8ca0cc
```
#8ca0cc rgb(140,160,204)
```

Complementary Color

#cc988c
```
#cc988c rgb(204,152,140)
```
#ccb88c
```
#ccb88c rgb(204,184,140)
```
#c0cc8c
```
#c0cc8c rgb(192,204,140)
```

Analogous Color

#988ccc
```
#988ccc rgb(152,140,204)
```
#ccb88c
```
#ccb88c rgb(204,184,140)
```
#8cc0cc
```
#8cc0cc rgb(140,192,204)
```

Split Complementary Color

#b88ccc
```
#b88ccc rgb(184,140,204)
```
#ccb88c
```
#ccb88c rgb(204,184,140)
```
#8cccb8
```
#8cccb8 rgb(140,204,184)
```

Triadic Color

#cc8ca0
```
#cc8ca0 rgb(204,140,160)
```
#ccb88c
```
#ccb88c rgb(204,184,140)
```
#8cccb8
```
#8cccb8 rgb(140,204,184)
```
#8ca0cc
```
#8ca0cc rgb(140,160,204)
```

Tetradic Color

#b49757
```
#b49757 rgb(180,151,87)
```
#bca269
```
#bca269 rgb(188,162,105)
```
#c4ad7a
```
#c4ad7a rgb(196,173,122)
```
#ccb88c
```
#ccb88c rgb(204,184,140)
```
#d4c39e
```
#d4c39e rgb(212,195,158)
```
#dcceaf
```
#dcceaf rgb(220,206,175)
```
#e4d9c1
```
#e4d9c1 rgb(228,217,193)
```

Monochromatic Color

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

#cca88c
```
#cca88c rgb(204,168,140)
```
#ccad8c
```
#ccad8c rgb(204,173,140)
```
#ccb38c
```
#ccb38c rgb(204,179,140)
```
#ccb88c
```
#ccb88c rgb(204,184,140)
```
#ccbd8c
```
#ccbd8c rgb(204,189,140)
```
#ccc38c
```
#ccc38c rgb(204,195,140)
```
#ccc88c
```
#ccc88c rgb(204,200,140)
```

Similar Colors

Text with hexadecimal color #ccb88c

This text has a font color of #ccb88c.

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

#ccb88c background color

This paragraph has a background color of #ccb88c.

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

#ccb88c border color

This element has a border color of #ccb88c.

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

CSS codes

.text {color:#ccb88c;}

.background {background-color:#ccb88c;}

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

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

#070603
```
#070603 rgb(7,6,3)
```
#151109
```
#151109 rgb(21,17,9)
```
#221c0f
```
#221c0f rgb(34,28,15)
```
#302815
```
#302815 rgb(48,40,21)
```
#3e331b
```
#3e331b rgb(62,51,27)
```
#4b3e21
```
#4b3e21 rgb(75,62,33)
```
#594927
```
#594927 rgb(89,73,39)
```
#66552d
```
#66552d rgb(102,85,45)
```
#746033
```
#746033 rgb(116,96,51)
```
#826b39
```
#826b39 rgb(130,107,57)
```
#8f7640
```
#8f7640 rgb(143,118,64)
```
#9d8246
```
#9d8246 rgb(157,130,70)
```
#aa8d4c
```
#aa8d4c rgb(170,141,76)
```

Shade Color Variation

#b49656
```
#b49656 rgb(180,150,86)
```
#ba9f63
```
#ba9f63 rgb(186,159,99)
```
#c0a771
```
#c0a771 rgb(192,167,113)
```
#c6b07e
```
#c6b07e rgb(198,176,126)
```
#ccb88c
```
#ccb88c rgb(204,184,140)
```
#d2c09a
```
#d2c09a rgb(210,192,154)
```
#d8c9a7
```
#d8c9a7 rgb(216,201,167)
```
#ded1b5
```
#ded1b5 rgb(222,209,181)
```
#e4dac2
```
#e4dac2 rgb(228,218,194)
```
#eae2d0
```
#eae2d0 rgb(234,226,208)
```
#f0eade
```
#f0eade rgb(240,234,222)
```
#f6f3eb
```
#f6f3eb rgb(246,243,235)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#b2aea6
```
#b2aea6 rgb(178,174,166)
```
#b9b19f
```
#b9b19f rgb(185,177,159)
```
#bfb399
```
#bfb399 rgb(191,179,153)
```
#c6b692
```
#c6b692 rgb(198,182,146)
```
#ccb88c
```
#ccb88c rgb(204,184,140)
```
#d2ba86
```
#d2ba86 rgb(210,186,134)
```
#d9bd7f
```
#d9bd7f rgb(217,189,127)
```
#dfbf79
```
#dfbf79 rgb(223,191,121)
```
#e6c272
```
#e6c272 rgb(230,194,114)
```
#ecc46c
```
#ecc46c rgb(236,196,108)
```
#f2c666
```
#f2c666 rgb(242,198,102)
```
#f9c95f
```
#f9c95f rgb(249,201,95)
```

Tone Color Variation

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

#cabd92 Protanopia 1% of men
#ddb693 Deuteranopia 1% of men
#d4b5c1 Tritanopia 0.001% of the population

Trichromacy

#cabb90 Protanomaly 1% of men, 0.01% of women
#d6b690 Deuteranomaly 6% of men, 0.4% of women
#d1b6ae Tritanomaly 0.01% of the population

#ccb88c hex color

#ccb88c Color Information

#ccb88c Color Conversion

Color Schemes with #ccb88c

Alternatives to #ccb88c

#ccb88c Preview

Shades and Tints of #ccb88c

Tones of #ccb88c

Color Blindness Simulator