#ccc6bd hex color

In a RGB color space, hex #ccc6bd is composed of 80% red, 77.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 7.4% yellow and 20% black. It has a hue angle of 36 degrees, a saturation of 12.8% and a lightness of 77.1%. #ccc6bd color hex could be obtained by blending #ffffff with #998d7b. Closest websafe color is: #cccccc.

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

● #ccc6bd color description : Grayish orange.

The hexadecimal color #ccc6bd has RGB values of R:204, G:198, B:189 and CMYK values of C:0, M:0.03, Y:0.07, K:0.2. Its decimal value is 13420221.

Hex triplet	ccc6bd	`#ccc6bd`
RGB Decimal	204, 198, 189	`rgb(204,198,189)`
RGB Percent	80, 77.6, 74.1	`rgb(80%,77.6%,74.1%)`
CMYK	0, 3, 7, 20
HSL	36°, 12.8, 77.1	`hsl(36,12.8%,77.1%)`
HSV (or HSB)	36°, 7.4, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.123, 0.505, 5.237
XYZ	54.28, 56.9, 56.265
xyY	0.324, 0.34, 56.9
CIE-LCH	80.123, 5.261, 84.493
CIE-LUV	80.123, 3.996, 7.645
Hunter-Lab	75.432, -3.56, 8.578
Binary	11001100, 11000110, 10111101

#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#bdc3cc
```
#bdc3cc rgb(189,195,204)
```

Complementary Color

#ccbfbd
```
#ccbfbd rgb(204,191,189)
```
#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#cbccbd
```
#cbccbd rgb(203,204,189)
```

Analogous Color

#bfbdcc
```
#bfbdcc rgb(191,189,204)
```
#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#bdcbcc
```
#bdcbcc rgb(189,203,204)
```

Split Complementary Color

#c6bdcc
```
#c6bdcc rgb(198,189,204)
```
#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#bdccc6
```
#bdccc6 rgb(189,204,198)
```

Triadic Color

#ccbdc3
```
#ccbdc3 rgb(204,189,195)
```
#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#bdccc6
```
#bdccc6 rgb(189,204,198)
```
#bdc3cc
```
#bdc3cc rgb(189,195,204)
```

Tetradic Color

#aba192
```
#aba192 rgb(171,161,146)
```
#b6ada0
```
#b6ada0 rgb(182,173,160)
```
#c1baaf
```
#c1baaf rgb(193,186,175)
```
#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#d7d2cb
```
#d7d2cb rgb(215,210,203)
```
#e2dfda
```
#e2dfda rgb(226,223,218)
```
#edebe8
```
#edebe8 rgb(237,235,232)
```

Monochromatic Color

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

#ccc2bd
```
#ccc2bd rgb(204,194,189)
```
#ccc4bd
```
#ccc4bd rgb(204,196,189)
```
#ccc5bd
```
#ccc5bd rgb(204,197,189)
```
#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#ccc7bd
```
#ccc7bd rgb(204,199,189)
```
#ccc9bd
```
#ccc9bd rgb(204,201,189)
```
#cccabd
```
#cccabd rgb(204,202,189)
```

Similar Colors

Text with hexadecimal color #ccc6bd

This text has a font color of #ccc6bd.

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

#ccc6bd background color

This paragraph has a background color of #ccc6bd.

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

#ccc6bd border color

This element has a border color of #ccc6bd.

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

CSS codes

.text {color:#ccc6bd;}

.background {background-color:#ccc6bd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0a09
```
#0b0a09 rgb(11,10,9)
```
#171411
```
#171411 rgb(23,20,17)
```
#221f1a
```
#221f1a rgb(34,31,26)
```
#2d2923
```
#2d2923 rgb(45,41,35)
```
#38332b
```
#38332b rgb(56,51,43)
```
#433d34
```
#433d34 rgb(67,61,52)
```
#4e473c
```
#4e473c rgb(78,71,60)
```
#595145
```
#595145 rgb(89,81,69)
```
#645b4d
```
#645b4d rgb(100,91,77)
```
#6f6556
```
#6f6556 rgb(111,101,86)
```
#7a6f5e
```
#7a6f5e rgb(122,111,94)
```
#857967
```
#857967 rgb(133,121,103)
```

Shade Color Variation

#908370
```
#908370 rgb(144,131,112)
```
#998d7b
```
#998d7b rgb(153,141,123)
```
#a19686
```
#a19686 rgb(161,150,134)
```
#aaa091
```
#aaa091 rgb(170,160,145)
```
#b2a99c
```
#b2a99c rgb(178,169,156)
```
#bbb3a7
```
#bbb3a7 rgb(187,179,167)
```
#c3bcb2
```
#c3bcb2 rgb(195,188,178)
```
#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#d5d0c8
```
#d5d0c8 rgb(213,208,200)
```
#ddd9d3
```
#ddd9d3 rgb(221,217,211)
```
#e6e3de
```
#e6e3de rgb(230,227,222)
```
#eeece9
```
#eeece9 rgb(238,236,233)
```
#f7f6f4
```
#f7f6f4 rgb(247,246,244)
```

Tint Color Variation

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

#c8c5c2
```
#c8c5c2 rgb(200,197,194)
```
#ccc6bd
```
#ccc6bd rgb(204,198,189)
```
#d1c7b9
```
#d1c7b9 rgb(209,199,185)
```
#d5c8b4
```
#d5c8b4 rgb(213,200,180)
```
#dac9b0
```
#dac9b0 rgb(218,201,176)
```
#decaab
```
#decaab rgb(222,202,171)
```
#e3cba7
```
#e3cba7 rgb(227,203,167)
```
#e7cba2
```
#e7cba2 rgb(231,203,162)
```
#eccc9e
```
#eccc9e rgb(236,204,158)
```
#f0cd99
```
#f0cd99 rgb(240,205,153)
```
#f5ce95
```
#f5ce95 rgb(245,206,149)
```
#f9cf90
```
#f9cf90 rgb(249,207,144)
```
#fed08c
```
#fed08c rgb(254,208,140)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8c7c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc8c0 Protanopia 1% of men
#dfc3c2 Deuteranopia 1% of men
#d1c5d3 Tritanopia 0.001% of the population

Trichromacy

#cec7bf Protanomaly 1% of men, 0.01% of women
#d8c4c0 Deuteranomaly 6% of men, 0.4% of women
#cfc5cb Tritanomaly 0.01% of the population

#ccc6bd hex color

#ccc6bd Color Information

#ccc6bd Color Conversion

Color Schemes with #ccc6bd

Alternatives to #ccc6bd

#ccc6bd Preview

Shades and Tints of #ccc6bd

Tones of #ccc6bd

Color Blindness Simulator