#ccbbaf hex color

In a RGB color space, hex #ccbbaf is composed of 80% red, 73.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 14.2% yellow and 20% black. It has a hue angle of 24.8 degrees, a saturation of 22.1% and a lightness of 74.3%. #ccbbaf color hex could be obtained by blending #ffffff with #99775f. Closest websafe color is: #cccc99.

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

● #ccbbaf color description : Grayish orange.

The hexadecimal color #ccbbaf has RGB values of R:204, G:187, B:175 and CMYK values of C:0, M:0.08, Y:0.14, K:0.2. Its decimal value is 13417391.

Hex triplet	ccbbaf	`#ccbbaf`
RGB Decimal	204, 187, 175	`rgb(204,187,175)`
RGB Percent	80, 73.3, 68.6	`rgb(80%,73.3%,68.6%)`
CMYK	0, 8, 14, 20
HSL	24.8°, 22.1, 74.3	`hsl(24.8,22.1%,74.3%)`
HSV (or HSB)	24.8°, 14.2, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	76.965, 4.013, 8.244
XYZ	50.409, 51.474, 47.835
xyY	0.337, 0.344, 51.474
CIE-LCH	76.965, 9.169, 64.047
CIE-LUV	76.965, 10.894, 11.229
Hunter-Lab	71.745, -0.138, 10.691
Binary	11001100, 10111011, 10101111

#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#afc0cc
```
#afc0cc rgb(175,192,204)
```

Complementary Color

#ccafb2
```
#ccafb2 rgb(204,175,178)
```
#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#cccaaf
```
#cccaaf rgb(204,202,175)
```

Analogous Color

#afb2cc
```
#afb2cc rgb(175,178,204)
```
#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#afccca
```
#afccca rgb(175,204,202)
```

Split Complementary Color

#bbafcc
```
#bbafcc rgb(187,175,204)
```
#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#afccbb
```
#afccbb rgb(175,204,187)
```

Triadic Color

#ccafc0
```
#ccafc0 rgb(204,175,192)
```
#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#afccbb
```
#afccbb rgb(175,204,187)
```
#afc0cc
```
#afc0cc rgb(175,192,204)
```

Tetradic Color

#ae9380
```
#ae9380 rgb(174,147,128)
```
#b8a190
```
#b8a190 rgb(184,161,144)
```
#c2ae9f
```
#c2ae9f rgb(194,174,159)
```
#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#d6c8bf
```
#d6c8bf rgb(214,200,191)
```
#e0d5ce
```
#e0d5ce rgb(224,213,206)
```
#eae3de
```
#eae3de rgb(234,227,222)
```

Monochromatic Color

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

#ccb4af
```
#ccb4af rgb(204,180,175)
```
#ccb6af
```
#ccb6af rgb(204,182,175)
```
#ccb9af
```
#ccb9af rgb(204,185,175)
```
#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#ccbdaf
```
#ccbdaf rgb(204,189,175)
```
#ccc0af
```
#ccc0af rgb(204,192,175)
```
#ccc2af
```
#ccc2af rgb(204,194,175)
```

Similar Colors

Text with hexadecimal color #ccbbaf

This text has a font color of #ccbbaf.

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

#ccbbaf background color

This paragraph has a background color of #ccbbaf.

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

#ccbbaf border color

This element has a border color of #ccbbaf.

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

CSS codes

.text {color:#ccbbaf;}

.background {background-color:#ccbbaf;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#100c0a
```
#100c0a rgb(16,12,10)
```
#1c1612
```
#1c1612 rgb(28,22,18)
```
#281f19
```
#281f19 rgb(40,31,25)
```
#342921
```
#342921 rgb(52,41,33)
```
#403229
```
#403229 rgb(64,50,41)
```
#4c3c30
```
#4c3c30 rgb(76,60,48)
```
#584538
```
#584538 rgb(88,69,56)
```
#644f40
```
#644f40 rgb(100,79,64)
```
#705847
```
#705847 rgb(112,88,71)
```
#7c614f
```
#7c614f rgb(124,97,79)
```
#886b56
```
#886b56 rgb(136,107,86)
```
#94745e
```
#94745e rgb(148,116,94)
```

Shade Color Variation

#9e7e67
```
#9e7e67 rgb(158,126,103)
```
#a68873
```
#a68873 rgb(166,136,115)
```
#ad927f
```
#ad927f rgb(173,146,127)
```
#b59c8b
```
#b59c8b rgb(181,156,139)
```
#bda797
```
#bda797 rgb(189,167,151)
```
#c4b1a3
```
#c4b1a3 rgb(196,177,163)
```
#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#d4c5bb
```
#d4c5bb rgb(212,197,187)
```
#dbcfc7
```
#dbcfc7 rgb(219,207,199)
```
#e3dad3
```
#e3dad3 rgb(227,218,211)
```
#ebe4df
```
#ebe4df rgb(235,228,223)
```
#f2eeeb
```
#f2eeeb rgb(242,238,235)
```
#faf8f7
```
#faf8f7 rgb(250,248,247)
```

Tint Color Variation

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

#c2bdb9
```
#c2bdb9 rgb(194,189,185)
```
#c7bcb4
```
#c7bcb4 rgb(199,188,180)
```
#ccbbaf
```
#ccbbaf rgb(204,187,175)
```
#d1baaa
```
#d1baaa rgb(209,186,170)
```
#d6b9a5
```
#d6b9a5 rgb(214,185,165)
```
#dbb8a0
```
#dbb8a0 rgb(219,184,160)
```
#e0b89b
```
#e0b89b rgb(224,184,155)
```
#e5b796
```
#e5b796 rgb(229,183,150)
```
#eab691
```
#eab691 rgb(234,182,145)
```
#efb58c
```
#efb58c rgb(239,181,140)
```
#f4b487
```
#f4b487 rgb(244,180,135)
```
#f9b382
```
#f9b382 rgb(249,179,130)
```
#feb27d
```
#feb27d rgb(254,178,125)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c2bebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c0b4 Protanopia 1% of men
#d8bbb4 Deuteranopia 1% of men
#d1bbc8 Tritanopia 0.001% of the population

Trichromacy

#c9beb2 Protanomaly 1% of men, 0.01% of women
#d3bbb2 Deuteranomaly 6% of men, 0.4% of women
#cfbbbf Tritanomaly 0.01% of the population

#ccbbaf hex color

#ccbbaf Color Information

#ccbbaf Color Conversion

Color Schemes with #ccbbaf

Alternatives to #ccbbaf

#ccbbaf Preview

Shades and Tints of #ccbbaf

Tones of #ccbbaf

Color Blindness Simulator