#ccc8bf hex color

In a RGB color space, hex #ccc8bf is composed of 80% red, 78.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 6.4% yellow and 20% black. It has a hue angle of 41.5 degrees, a saturation of 11.3% and a lightness of 77.5%. #ccc8bf color hex could be obtained by blending #ffffff with #99917f. Closest websafe color is: #cccccc.

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

● #ccc8bf color description : Grayish orange.

The hexadecimal color #ccc8bf has RGB values of R:204, G:200, B:191 and CMYK values of C:0, M:0.02, Y:0.06, K:0.2. Its decimal value is 13420735.

Hex triplet	ccc8bf	`#ccc8bf`
RGB Decimal	204, 200, 191	`rgb(204,200,191)`
RGB Percent	80, 78.4, 74.9	`rgb(80%,78.4%,74.9%)`
CMYK	0, 2, 6, 20
HSL	41.5°, 11.3, 77.5	`hsl(41.5,11.3%,77.5%)`
HSV (or HSB)	41.5°, 6.4, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.687, -0.205, 4.979
XYZ	54.958, 57.908, 57.569
xyY	0.322, 0.34, 57.908
CIE-LCH	80.687, 4.983, 92.355
CIE-LUV	80.687, 2.818, 7.406
Hunter-Lab	76.097, -4.255, 8.414
Binary	11001100, 11001000, 10111111

#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#bfc3cc
```
#bfc3cc rgb(191,195,204)
```

Complementary Color

#ccc2bf
```
#ccc2bf rgb(204,194,191)
```
#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#caccbf
```
#caccbf rgb(202,204,191)
```

Analogous Color

#c2bfcc
```
#c2bfcc rgb(194,191,204)
```
#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#bfcacc
```
#bfcacc rgb(191,202,204)
```

Split Complementary Color

#c8bfcc
```
#c8bfcc rgb(200,191,204)
```
#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#bfccc8
```
#bfccc8 rgb(191,204,200)
```

Triadic Color

#ccbfc3
```
#ccbfc3 rgb(204,191,195)
```
#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#bfccc8
```
#bfccc8 rgb(191,204,200)
```
#bfc3cc
```
#bfc3cc rgb(191,195,204)
```

Tetradic Color

#aaa394
```
#aaa394 rgb(170,163,148)
```
#b5b0a3
```
#b5b0a3 rgb(181,176,163)
```
#c1bcb1
```
#c1bcb1 rgb(193,188,177)
```
#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#d7d4cd
```
#d7d4cd rgb(215,212,205)
```
#e3e0db
```
#e3e0db rgb(227,224,219)
```
#eeedea
```
#eeedea rgb(238,237,234)
```

Monochromatic Color

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

#ccc5bf
```
#ccc5bf rgb(204,197,191)
```
#ccc6bf
```
#ccc6bf rgb(204,198,191)
```
#ccc7bf
```
#ccc7bf rgb(204,199,191)
```
#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#ccc9bf
```
#ccc9bf rgb(204,201,191)
```
#cccabf
```
#cccabf rgb(204,202,191)
```
#cccbbf
```
#cccbbf rgb(204,203,191)
```

Similar Colors

Text with hexadecimal color #ccc8bf

This text has a font color of #ccc8bf.

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

#ccc8bf background color

This paragraph has a background color of #ccc8bf.

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

#ccc8bf border color

This element has a border color of #ccc8bf.

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

CSS codes

.text {color:#ccc8bf;}

.background {background-color:#ccc8bf;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0c0a
```
#0c0c0a rgb(12,12,10)
```
#171613
```
#171613 rgb(23,22,19)
```
#22201b
```
#22201b rgb(34,32,27)
```
#2d2a24
```
#2d2a24 rgb(45,42,36)
```
#38352d
```
#38352d rgb(56,53,45)
```
#433f35
```
#433f35 rgb(67,63,53)
```
#4e493e
```
#4e493e rgb(78,73,62)
```
#595347
```
#595347 rgb(89,83,71)
```
#645e4f
```
#645e4f rgb(100,94,79)
```
#6f6858
```
#6f6858 rgb(111,104,88)
```
#7a7261
```
#7a7261 rgb(122,114,97)
```
#847c6a
```
#847c6a rgb(132,124,106)
```

Shade Color Variation

#8f8673
```
#8f8673 rgb(143,134,115)
```
#98907e
```
#98907e rgb(152,144,126)
```
#a19988
```
#a19988 rgb(161,153,136)
```
#a9a293
```
#a9a293 rgb(169,162,147)
```
#b2ac9e
```
#b2ac9e rgb(178,172,158)
```
#bbb5a9
```
#bbb5a9 rgb(187,181,169)
```
#c3bfb4
```
#c3bfb4 rgb(195,191,180)
```
#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#d5d1ca
```
#d5d1ca rgb(213,209,202)
```
#dddbd5
```
#dddbd5 rgb(221,219,213)
```
#e6e4e0
```
#e6e4e0 rgb(230,228,224)
```
#efeeeb
```
#efeeeb rgb(239,238,235)
```
#f7f7f6
```
#f7f7f6 rgb(247,247,246)
```

Tint Color Variation

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

#c8c6c3
```
#c8c6c3 rgb(200,198,195)
```
#ccc8bf
```
#ccc8bf rgb(204,200,191)
```
#d0cabb
```
#d0cabb rgb(208,202,187)
```
#d5cbb6
```
#d5cbb6 rgb(213,203,182)
```
#d9cdb2
```
#d9cdb2 rgb(217,205,178)
```
#decfad
```
#decfad rgb(222,207,173)
```
#e2d1a9
```
#e2d1a9 rgb(226,209,169)
```
#e7d2a4
```
#e7d2a4 rgb(231,210,164)
```
#ebd4a0
```
#ebd4a0 rgb(235,212,160)
```
#efd69c
```
#efd69c rgb(239,214,156)
```
#f4d797
```
#f4d797 rgb(244,215,151)
```
#f8d993
```
#f8d993 rgb(248,217,147)
```
#fddb8e
```
#fddb8e rgb(253,219,142)
```

Tone Color Variation

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

#d0cac2 Protanopia 1% of men
#e0c4c4 Deuteranopia 1% of men
#d2c7d6 Tritanopia 0.001% of the population

Trichromacy

#cec9c0 Protanomaly 1% of men, 0.01% of women
#d9c5c2 Deuteranomaly 6% of men, 0.4% of women
#cfc7cd Tritanomaly 0.01% of the population

#ccc8bf hex color

#ccc8bf Color Information

#ccc8bf Color Conversion

Color Schemes with #ccc8bf

Alternatives to #ccc8bf

#ccc8bf Preview

Shades and Tints of #ccc8bf

Tones of #ccc8bf

Color Blindness Simulator