#ccbb8f hex color

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

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

● #ccbb8f color description : Slightly desaturated orange.

The hexadecimal color #ccbb8f has RGB values of R:204, G:187, B:143 and CMYK values of C:0, M:0.08, Y:0.3, K:0.2. Its decimal value is 13417359.

Hex triplet	ccbb8f	`#ccbb8f`
RGB Decimal	204, 187, 143	`rgb(204,187,143)`
RGB Percent	80, 73.3, 56.1	`rgb(80%,73.3%,56.1%)`
CMYK	0, 8, 30, 20
HSL	43.3°, 37.4, 68	`hsl(43.3,37.4%,68%)`
HSV (or HSB)	43.3°, 29.9, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.291, -0.661, 24.513
XYZ	47.63, 50.362, 33.197
xyY	0.363, 0.384, 50.362
CIE-LCH	76.291, 24.522, 91.544
CIE-LUV	76.291, 13.116, 33.527
Hunter-Lab	70.966, -4.389, 21.941
Binary	11001100, 10111011, 10001111

#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#8fa0cc
```
#8fa0cc rgb(143,160,204)
```

Complementary Color

#cc9d8f
```
#cc9d8f rgb(204,157,143)
```
#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#bfcc8f
```
#bfcc8f rgb(191,204,143)
```

Analogous Color

#9d8fcc
```
#9d8fcc rgb(157,143,204)
```
#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#8fbfcc
```
#8fbfcc rgb(143,191,204)
```

Split Complementary Color

#bb8fcc
```
#bb8fcc rgb(187,143,204)
```
#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#8fccbb
```
#8fccbb rgb(143,204,187)
```

Triadic Color

#cc8fa0
```
#cc8fa0 rgb(204,143,160)
```
#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#8fccbb
```
#8fccbb rgb(143,204,187)
```
#8fa0cc
```
#8fa0cc rgb(143,160,204)
```

Tetradic Color

#b49b5a
```
#b49b5a rgb(180,155,90)
```
#bca66c
```
#bca66c rgb(188,166,108)
```
#c4b07d
```
#c4b07d rgb(196,176,125)
```
#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#d4c6a1
```
#d4c6a1 rgb(212,198,161)
```
#dcd0b2
```
#dcd0b2 rgb(220,208,178)
```
#e4dbc4
```
#e4dbc4 rgb(228,219,196)
```

Monochromatic Color

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

#ccac8f
```
#ccac8f rgb(204,172,143)
```
#ccb18f
```
#ccb18f rgb(204,177,143)
```
#ccb68f
```
#ccb68f rgb(204,182,143)
```
#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#ccc08f
```
#ccc08f rgb(204,192,143)
```
#ccc58f
```
#ccc58f rgb(204,197,143)
```
#ccca8f
```
#ccca8f rgb(204,202,143)
```

Similar Colors

Text with hexadecimal color #ccbb8f

This text has a font color of #ccbb8f.

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

#ccbb8f background color

This paragraph has a background color of #ccbb8f.

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

#ccbb8f border color

This element has a border color of #ccbb8f.

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

CSS codes

.text {color:#ccbb8f;}

.background {background-color:#ccbb8f;}

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

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)
```
#241f11
```
#241f11 rgb(36,31,17)
```
#322a17
```
#322a17 rgb(50,42,23)
```
#3f361d
```
#3f361d rgb(63,54,29)
```
#4d4123
```
#4d4123 rgb(77,65,35)
```
#5a4c29
```
#5a4c29 rgb(90,76,41)
```
#68582f
```
#68582f rgb(104,88,47)
```
#756335
```
#756335 rgb(117,99,53)
```
#836f3b
```
#836f3b rgb(131,111,59)
```
#907a42
```
#907a42 rgb(144,122,66)
```
#9e8648
```
#9e8648 rgb(158,134,72)
```
#ab914e
```
#ab914e rgb(171,145,78)
```

Shade Color Variation

#b39a59
```
#b39a59 rgb(179,154,89)
```
#baa267
```
#baa267 rgb(186,162,103)
```
#c0ab74
```
#c0ab74 rgb(192,171,116)
```
#c6b382
```
#c6b382 rgb(198,179,130)
```
#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#d2c39c
```
#d2c39c rgb(210,195,156)
```
#d8cbaa
```
#d8cbaa rgb(216,203,170)
```
#ded4b7
```
#ded4b7 rgb(222,212,183)
```
#e5dcc5
```
#e5dcc5 rgb(229,220,197)
```
#ebe4d2
```
#ebe4d2 rgb(235,228,210)
```
#f1ece0
```
#f1ece0 rgb(241,236,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, #b3b0a8 is the less saturated color, while #fed15d is the most saturated one.

#b3b0a8
```
#b3b0a8 rgb(179,176,168)
```
#b9b3a2
```
#b9b3a2 rgb(185,179,162)
```
#bfb59c
```
#bfb59c rgb(191,181,156)
```
#c6b895
```
#c6b895 rgb(198,184,149)
```
#ccbb8f
```
#ccbb8f rgb(204,187,143)
```
#d2be89
```
#d2be89 rgb(210,190,137)
```
#d9c182
```
#d9c182 rgb(217,193,130)
```
#dfc37c
```
#dfc37c rgb(223,195,124)
```
#e5c676
```
#e5c676 rgb(229,198,118)
```
#ebc970
```
#ebc970 rgb(235,201,112)
```
#f2cc69
```
#f2cc69 rgb(242,204,105)
```
#f8ce63
```
#f8ce63 rgb(248,206,99)
```
#fed15d
```
#fed15d rgb(254,209,93)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebbb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbf95 Protanopia 1% of men
#dfb896 Deuteranopia 1% of men
#d5b7c4 Tritanopia 0.001% of the population

Trichromacy

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

#ccbb8f hex color

#ccbb8f Color Information

#ccbb8f Color Conversion

Color Schemes with #ccbb8f

Alternatives to #ccbb8f

#ccbb8f Preview

Shades and Tints of #ccbb8f

Tones of #ccbb8f

Color Blindness Simulator