#ccc1bb hex color

In a RGB color space, hex #ccc1bb is composed of 80% red, 75.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.4% magenta, 8.3% yellow and 20% black. It has a hue angle of 21.2 degrees, a saturation of 14.3% and a lightness of 76.7%. #ccc1bb color hex could be obtained by blending #ffffff with #998377. Closest websafe color is: #cccccc.

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

● #ccc1bb color description : Grayish orange.

The hexadecimal color #ccc1bb has RGB values of R:204, G:193, B:187 and CMYK values of C:0, M:0.05, Y:0.08, K:0.2. Its decimal value is 13418939.

Hex triplet	ccc1bb	`#ccc1bb`
RGB Decimal	204, 193, 187	`rgb(204,193,187)`
RGB Percent	80, 75.7, 73.3	`rgb(80%,75.7%,73.3%)`
CMYK	0, 5, 8, 20
HSL	21.2°, 14.3, 76.7	`hsl(21.2,14.3%,76.7%)`
HSV (or HSB)	21.2°, 8.3, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.79, 2.809, 4.388
XYZ	52.94, 54.566, 54.754
xyY	0.326, 0.336, 54.566
CIE-LCH	78.79, 5.21, 57.375
CIE-LUV	78.79, 6.784, 5.974
Hunter-Lab	73.869, -1.343, 7.76
Binary	11001100, 11000001, 10111011

#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#bbc6cc
```
#bbc6cc rgb(187,198,204)
```

Complementary Color

#ccbbbe
```
#ccbbbe rgb(204,187,190)
```
#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#cccabb
```
#cccabb rgb(204,202,187)
```

Analogous Color

#bbbecc
```
#bbbecc rgb(187,190,204)
```
#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#bbccca
```
#bbccca rgb(187,204,202)
```

Split Complementary Color

#c1bbcc
```
#c1bbcc rgb(193,187,204)
```
#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#bbccc1
```
#bbccc1 rgb(187,204,193)
```

Triadic Color

#ccbbc6
```
#ccbbc6 rgb(204,187,198)
```
#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#bbccc1
```
#bbccc1 rgb(187,204,193)
```
#bbc6cc
```
#bbc6cc rgb(187,198,204)
```

Tetradic Color

#ab998f
```
#ab998f rgb(171,153,143)
```
#b6a69e
```
#b6a69e rgb(182,166,158)
```
#c1b4ac
```
#c1b4ac rgb(193,180,172)
```
#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#d7ceca
```
#d7ceca rgb(215,206,202)
```
#e2dcd8
```
#e2dcd8 rgb(226,220,216)
```
#ede9e7
```
#ede9e7 rgb(237,233,231)
```

Monochromatic Color

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

#ccbdbb
```
#ccbdbb rgb(204,189,187)
```
#ccbebb
```
#ccbebb rgb(204,190,187)
```
#ccc0bb
```
#ccc0bb rgb(204,192,187)
```
#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#ccc2bb
```
#ccc2bb rgb(204,194,187)
```
#ccc4bb
```
#ccc4bb rgb(204,196,187)
```
#ccc5bb
```
#ccc5bb rgb(204,197,187)
```

Similar Colors

Text with hexadecimal color #ccc1bb

This text has a font color of #ccc1bb.

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

#ccc1bb background color

This paragraph has a background color of #ccc1bb.

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

#ccc1bb border color

This element has a border color of #ccc1bb.

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

CSS codes

.text {color:#ccc1bb;}

.background {background-color:#ccc1bb;}

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

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, #0a0908 is the darkest color, while #fefefe is the lightest one.

#0a0908
```
#0a0908 rgb(10,9,8)
```
#161210
```
#161210 rgb(22,18,16)
```
#211c19
```
#211c19 rgb(33,28,25)
```
#2c2521
```
#2c2521 rgb(44,37,33)
```
#372e29
```
#372e29 rgb(55,46,41)
```
#433832
```
#433832 rgb(67,56,50)
```
#4e413a
```
#4e413a rgb(78,65,58)
```
#594b43
```
#594b43 rgb(89,75,67)
```
#64544b
```
#64544b rgb(100,84,75)
```
#6f5d54
```
#6f5d54 rgb(111,93,84)
```
#7b675c
```
#7b675c rgb(123,103,92)
```
#867064
```
#867064 rgb(134,112,100)
```
#917a6d
```
#917a6d rgb(145,122,109)
```

Shade Color Variation

#9a8478
```
#9a8478 rgb(154,132,120)
```
#a28e83
```
#a28e83 rgb(162,142,131)
```
#aa988e
```
#aa988e rgb(170,152,142)
```
#b3a299
```
#b3a299 rgb(179,162,153)
```
#bbada5
```
#bbada5 rgb(187,173,165)
```
#c4b7b0
```
#c4b7b0 rgb(196,183,176)
```
#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#d4cbc6
```
#d4cbc6 rgb(212,203,198)
```
#ddd5d1
```
#ddd5d1 rgb(221,213,209)
```
#e5e0dd
```
#e5e0dd rgb(229,224,221)
```
#eeeae8
```
#eeeae8 rgb(238,234,232)
```
#f6f4f3
```
#f6f4f3 rgb(246,244,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c7c2c0
```
#c7c2c0 rgb(199,194,192)
```
#ccc1bb
```
#ccc1bb rgb(204,193,187)
```
#d1c0b6
```
#d1c0b6 rgb(209,192,182)
```
#d5beb2
```
#d5beb2 rgb(213,190,178)
```
#dabdad
```
#dabdad rgb(218,189,173)
```
#debca9
```
#debca9 rgb(222,188,169)
```
#e3baa4
```
#e3baa4 rgb(227,186,164)
```
#e7b9a0
```
#e7b9a0 rgb(231,185,160)
```
#ecb89b
```
#ecb89b rgb(236,184,155)
```
#f1b696
```
#f1b696 rgb(241,182,150)
```
#f5b592
```
#f5b592 rgb(245,181,146)
```
#fab48d
```
#fab48d rgb(250,180,141)
```
#feb289
```
#feb289 rgb(254,178,137)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c3c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc5bf Protanopia 1% of men
#dabfbf Deuteranopia 1% of men
#d1c1cf Tritanopia 0.001% of the population

Trichromacy

#cbc3bd Protanomaly 1% of men, 0.01% of women
#d5c0be Deuteranomaly 6% of men, 0.4% of women
#cfc1c7 Tritanomaly 0.01% of the population

#ccc1bb hex color

#ccc1bb Color Information

#ccc1bb Color Conversion

Color Schemes with #ccc1bb

Alternatives to #ccc1bb

#ccc1bb Preview

Shades and Tints of #ccc1bb

Tones of #ccc1bb

Color Blindness Simulator