#ccb88f hex color

In a RGB color space, hex #ccb88f is composed of 80% red, 72.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 29.9% yellow and 20% black. It has a hue angle of 40.3 degrees, a saturation of 37.4% and a lightness of 68%. #ccb88f color hex could be obtained by blending #ffffff with #99711f. Closest websafe color is: #cccc99.

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

● #ccb88f color description : Slightly desaturated orange.

The hexadecimal color #ccb88f has RGB values of R:204, G:184, B:143 and CMYK values of C:0, M:0.1, Y:0.3, K:0.2. Its decimal value is 13416591.

Hex triplet	ccb88f	`#ccb88f`
RGB Decimal	204, 184, 143	`rgb(204,184,143)`
RGB Percent	80, 72.2, 56.1	`rgb(80%,72.2%,56.1%)`
CMYK	0, 10, 30, 20
HSL	40.3°, 37.4, 68	`hsl(40.3,37.4%,68%)`
HSV (or HSB)	40.3°, 29.9, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.515, 0.925, 23.459
XYZ	47, 49.102, 32.987
xyY	0.364, 0.38, 49.102
CIE-LCH	75.515, 23.478, 87.741
CIE-LUV	75.515, 14.912, 31.833
Hunter-Lab	70.073, -2.904, 21.14
Binary	11001100, 10111000, 10001111

#ccb88f
```
#ccb88f rgb(204,184,143)
```
#8fa3cc
```
#8fa3cc rgb(143,163,204)
```

Complementary Color

#cc9a8f
```
#cc9a8f rgb(204,154,143)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#c2cc8f
```
#c2cc8f rgb(194,204,143)
```

Analogous Color

#9a8fcc
```
#9a8fcc rgb(154,143,204)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#8fc2cc
```
#8fc2cc rgb(143,194,204)
```

Split Complementary Color

#b88fcc
```
#b88fcc rgb(184,143,204)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#8fccb8
```
#8fccb8 rgb(143,204,184)
```

Triadic Color

#cc8fa3
```
#cc8fa3 rgb(204,143,163)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#8fccb8
```
#8fccb8 rgb(143,204,184)
```
#8fa3cc
```
#8fa3cc rgb(143,163,204)
```

Tetradic Color

#b4975a
```
#b4975a rgb(180,151,90)
```
#bca26c
```
#bca26c rgb(188,162,108)
```
#c4ad7d
```
#c4ad7d rgb(196,173,125)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#d4c3a1
```
#d4c3a1 rgb(212,195,161)
```
#dcceb2
```
#dcceb2 rgb(220,206,178)
```
#e4d9c4
```
#e4d9c4 rgb(228,217,196)
```

Monochromatic Color

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

#cca98f
```
#cca98f rgb(204,169,143)
```
#ccae8f
```
#ccae8f rgb(204,174,143)
```
#ccb38f
```
#ccb38f rgb(204,179,143)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#ccbd8f
```
#ccbd8f rgb(204,189,143)
```
#ccc28f
```
#ccc28f rgb(204,194,143)
```
#ccc78f
```
#ccc78f rgb(204,199,143)
```

Similar Colors

Text with hexadecimal color #ccb88f

This text has a font color of #ccb88f.

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

#ccb88f background color

This paragraph has a background color of #ccb88f.

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

#ccb88f border color

This element has a border color of #ccb88f.

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

CSS codes

.text {color:#ccb88f;}

.background {background-color:#ccb88f;}

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

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

#090804
```
#090804 rgb(9,8,4)
```
#17130a
```
#17130a rgb(23,19,10)
```
#241e11
```
#241e11 rgb(36,30,17)
```
#322917
```
#322917 rgb(50,41,23)
```
#3f341d
```
#3f341d rgb(63,52,29)
```
#4d3f23
```
#4d3f23 rgb(77,63,35)
```
#5a4a29
```
#5a4a29 rgb(90,74,41)
```
#68552f
```
#68552f rgb(104,85,47)
```
#756035
```
#756035 rgb(117,96,53)
```
#836b3b
```
#836b3b rgb(131,107,59)
```
#907642
```
#907642 rgb(144,118,66)
```
#9e8148
```
#9e8148 rgb(158,129,72)
```
#ab8c4e
```
#ab8c4e rgb(171,140,78)
```

Shade Color Variation

#b39659
```
#b39659 rgb(179,150,89)
```
#ba9e67
```
#ba9e67 rgb(186,158,103)
```
#c0a774
```
#c0a774 rgb(192,167,116)
```
#c6af82
```
#c6af82 rgb(198,175,130)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#d2c19c
```
#d2c19c rgb(210,193,156)
```
#d8c9aa
```
#d8c9aa rgb(216,201,170)
```
#ded2b7
```
#ded2b7 rgb(222,210,183)
```
#e5dac5
```
#e5dac5 rgb(229,218,197)
```
#ebe3d2
```
#ebe3d2 rgb(235,227,210)
```
#f1ebe0
```
#f1ebe0 rgb(241,235,224)
```
#f7f4ed
```
#f7f4ed rgb(247,244,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#b3afa8
```
#b3afa8 rgb(179,175,168)
```
#b9b2a2
```
#b9b2a2 rgb(185,178,162)
```
#bfb49c
```
#bfb49c rgb(191,180,156)
```
#c6b695
```
#c6b695 rgb(198,182,149)
```
#ccb88f
```
#ccb88f rgb(204,184,143)
```
#d2ba89
```
#d2ba89 rgb(210,186,137)
```
#d9bc82
```
#d9bc82 rgb(217,188,130)
```
#dfbe7c
```
#dfbe7c rgb(223,190,124)
```
#e5c176
```
#e5c176 rgb(229,193,118)
```
#ebc370
```
#ebc370 rgb(235,195,112)
```
#f2c569
```
#f2c569 rgb(242,197,105)
```
#f8c763
```
#f8c763 rgb(248,199,99)
```
#fec95d
```
#fec95d rgb(254,201,93)
```

Tone Color Variation

Below, you can see how #ccb88f 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
#bdb9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bd95 Protanopia 1% of men
#dcb696 Deuteranopia 1% of men
#d4b5c2 Tritanopia 0.001% of the population

Trichromacy

#cabb93 Protanomaly 1% of men, 0.01% of women
#d6b793 Deuteranomaly 6% of men, 0.4% of women
#d1b6af Tritanomaly 0.01% of the population

#ccb88f hex color

#ccb88f Color Information

#ccb88f Color Conversion

Color Schemes with #ccb88f

Alternatives to #ccb88f

#ccb88f Preview

Shades and Tints of #ccb88f

Tones of #ccb88f

Color Blindness Simulator