#ccc8bc hex color

In a RGB color space, hex #ccc8bc is composed of 80% red, 78.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 7.8% yellow and 20% black. It has a hue angle of 45 degrees, a saturation of 13.6% and a lightness of 76.9%. #ccc8bc color hex could be obtained by blending #ffffff with #999179. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 78
- B 74
RGB color chart
- C 0
- M 2
- Y 8
- K 20
CMYK color chart

● #ccc8bc color description : Grayish orange.

The hexadecimal color #ccc8bc has RGB values of R:204, G:200, B:188 and CMYK values of C:0, M:0.02, Y:0.08, K:0.2. Its decimal value is 13420732.

Hex triplet	ccc8bc	`#ccc8bc`
RGB Decimal	204, 200, 188	`rgb(204,200,188)`
RGB Percent	80, 78.4, 73.7	`rgb(80%,78.4%,73.7%)`
CMYK	0, 2, 8, 20
HSL	45°, 13.6, 76.9	`hsl(45,13.6%,76.9%)`
HSV (or HSB)	45°, 7.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.615, -0.718, 6.481
XYZ	54.632, 57.777, 55.848
xyY	0.325, 0.343, 57.777
CIE-LCH	80.615, 6.521, 96.324
CIE-LUV	80.615, 2.996, 9.677
Hunter-Lab	76.011, -4.726, 9.645
Binary	11001100, 11001000, 10111100

#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#bcc0cc
```
#bcc0cc rgb(188,192,204)
```

Complementary Color

#ccc0bc
```
#ccc0bc rgb(204,192,188)
```
#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#c8ccbc
```
#c8ccbc rgb(200,204,188)
```

Analogous Color

#c0bccc
```
#c0bccc rgb(192,188,204)
```
#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#bcc8cc
```
#bcc8cc rgb(188,200,204)
```

Split Complementary Color

#c8bccc
```
#c8bccc rgb(200,188,204)
```
#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#bcccc8
```
#bcccc8 rgb(188,204,200)
```

Triadic Color

#ccbcc0
```
#ccbcc0 rgb(204,188,192)
```
#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#bcccc8
```
#bcccc8 rgb(188,204,200)
```
#bcc0cc
```
#bcc0cc rgb(188,192,204)
```

Tetradic Color

#aba491
```
#aba491 rgb(171,164,145)
```
#b6b09f
```
#b6b09f rgb(182,176,159)
```
#c1bcae
```
#c1bcae rgb(193,188,174)
```
#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#d7d4ca
```
#d7d4ca rgb(215,212,202)
```
#e2e0d9
```
#e2e0d9 rgb(226,224,217)
```
#edece7
```
#edece7 rgb(237,236,231)
```

Monochromatic Color

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

#ccc4bc
```
#ccc4bc rgb(204,196,188)
```
#ccc5bc
```
#ccc5bc rgb(204,197,188)
```
#ccc7bc
```
#ccc7bc rgb(204,199,188)
```
#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#ccc9bc
```
#ccc9bc rgb(204,201,188)
```
#cccbbc
```
#cccbbc rgb(204,203,188)
```
#ccccbc
```
#ccccbc rgb(204,204,188)
```

Similar Colors

Text with hexadecimal color #ccc8bc

This text has a font color of #ccc8bc.

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

#ccc8bc background color

This paragraph has a background color of #ccc8bc.

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

#ccc8bc border color

This element has a border color of #ccc8bc.

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

CSS codes

.text {color:#ccc8bc;}

.background {background-color:#ccc8bc;}

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

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

#0b0a08
```
#0b0a08 rgb(11,10,8)
```
#161511
```
#161511 rgb(22,21,17)
```
#211f19
```
#211f19 rgb(33,31,25)
```
#2c2a22
```
#2c2a22 rgb(44,42,34)
```
#38342a
```
#38342a rgb(56,52,42)
```
#433f33
```
#433f33 rgb(67,63,51)
```
#4e493b
```
#4e493b rgb(78,73,59)
```
#595444
```
#595444 rgb(89,84,68)
```
#645e4c
```
#645e4c rgb(100,94,76)
```
#6f6955
```
#6f6955 rgb(111,105,85)
```
#7a735d
```
#7a735d rgb(122,115,93)
```
#857e66
```
#857e66 rgb(133,126,102)
```
#91886e
```
#91886e rgb(145,136,110)
```

Shade Color Variation

#999179
```
#999179 rgb(153,145,121)
```
#a29a84
```
#a29a84 rgb(162,154,132)
```
#aaa38f
```
#aaa38f rgb(170,163,143)
```
#b3ad9b
```
#b3ad9b rgb(179,173,155)
```
#bbb6a6
```
#bbb6a6 rgb(187,182,166)
```
#c4bfb1
```
#c4bfb1 rgb(196,191,177)
```
#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#d4d1c7
```
#d4d1c7 rgb(212,209,199)
```
#dddad2
```
#dddad2 rgb(221,218,210)
```
#e5e3dd
```
#e5e3dd rgb(229,227,221)
```
#eeede9
```
#eeede9 rgb(238,237,233)
```
#f6f6f4
```
#f6f6f4 rgb(246,246,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c7c6c1
```
#c7c6c1 rgb(199,198,193)
```
#ccc8bc
```
#ccc8bc rgb(204,200,188)
```
#d1cab7
```
#d1cab7 rgb(209,202,183)
```
#d5cdb3
```
#d5cdb3 rgb(213,205,179)
```
#dacfae
```
#dacfae rgb(218,207,174)
```
#ded1aa
```
#ded1aa rgb(222,209,170)
```
#e3d3a5
```
#e3d3a5 rgb(227,211,165)
```
#e7d6a1
```
#e7d6a1 rgb(231,214,161)
```
#ecd89c
```
#ecd89c rgb(236,216,156)
```
#f0da98
```
#f0da98 rgb(240,218,152)
```
#f5dc93
```
#f5dc93 rgb(245,220,147)
```
#f9df8f
```
#f9df8f rgb(249,223,143)
```
#fee18a
```
#fee18a rgb(254,225,138)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c9c8c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cabf Protanopia 1% of men
#e1c4c1 Deuteranopia 1% of men
#d2c7d5 Tritanopia 0.001% of the population

Trichromacy

#cfc9bd Protanomaly 1% of men, 0.01% of women
#d9c5bf Deuteranomaly 6% of men, 0.4% of women
#d0c7cc Tritanomaly 0.01% of the population

#ccc8bc hex color

#ccc8bc Color Information

#ccc8bc Color Conversion

Color Schemes with #ccc8bc

Alternatives to #ccc8bc

#ccc8bc Preview

Shades and Tints of #ccc8bc

Tones of #ccc8bc

Color Blindness Simulator