#ccc4b8 hex color

In a RGB color space, hex #ccc4b8 is composed of 80% red, 76.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 9.8% yellow and 20% black. It has a hue angle of 36 degrees, a saturation of 16.4% and a lightness of 76.1%. #ccc4b8 color hex could be obtained by blending #ffffff with #998971. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 77
- B 72
RGB color chart
- C 0
- M 4
- Y 10
- K 20
CMYK color chart

● #ccc4b8 color description : Grayish orange.

The hexadecimal color #ccc4b8 has RGB values of R:204, G:196, B:184 and CMYK values of C:0, M:0.04, Y:0.1, K:0.2. Its decimal value is 13419704.

Hex triplet	ccc4b8	`#ccc4b8`
RGB Decimal	204, 196, 184	`rgb(204,196,184)`
RGB Percent	80, 76.9, 72.2	`rgb(80%,76.9%,72.2%)`
CMYK	0, 4, 10, 20
HSL	36°, 16.4, 76.1	`hsl(36,16.4%,76.1%)`
HSV (or HSB)	36°, 9.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.487, 0.714, 7.007
XYZ	53.292, 55.778, 53.304
xyY	0.328, 0.344, 55.778
CIE-LCH	79.487, 7.043, 84.18
CIE-LUV	79.487, 5.375, 10.147
Hunter-Lab	74.685, -3.328, 9.963
Binary	11001100, 11000100, 10111000

#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#b8c0cc
```
#b8c0cc rgb(184,192,204)
```

Complementary Color

#ccbab8
```
#ccbab8 rgb(204,186,184)
```
#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#caccb8
```
#caccb8 rgb(202,204,184)
```

Analogous Color

#bab8cc
```
#bab8cc rgb(186,184,204)
```
#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#b8cacc
```
#b8cacc rgb(184,202,204)
```

Split Complementary Color

#c4b8cc
```
#c4b8cc rgb(196,184,204)
```
#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#b8ccc4
```
#b8ccc4 rgb(184,204,196)
```

Triadic Color

#ccb8c0
```
#ccb8c0 rgb(204,184,192)
```
#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#b8ccc4
```
#b8ccc4 rgb(184,204,196)
```
#b8c0cc
```
#b8c0cc rgb(184,192,204)
```

Tetradic Color

#ac9f8b
```
#ac9f8b rgb(172,159,139)
```
#b7ab9a
```
#b7ab9a rgb(183,171,154)
```
#c1b8a9
```
#c1b8a9 rgb(193,184,169)
```
#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#d7d0c7
```
#d7d0c7 rgb(215,208,199)
```
#e1ddd6
```
#e1ddd6 rgb(225,221,214)
```
#ece9e5
```
#ece9e5 rgb(236,233,229)
```

Monochromatic Color

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

#ccbfb8
```
#ccbfb8 rgb(204,191,184)
```
#ccc1b8
```
#ccc1b8 rgb(204,193,184)
```
#ccc2b8
```
#ccc2b8 rgb(204,194,184)
```
#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#ccc6b8
```
#ccc6b8 rgb(204,198,184)
```
#ccc7b8
```
#ccc7b8 rgb(204,199,184)
```
#ccc9b8
```
#ccc9b8 rgb(204,201,184)
```

Similar Colors

Text with hexadecimal color #ccc4b8

This text has a font color of #ccc4b8.

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

#ccc4b8 background color

This paragraph has a background color of #ccc4b8.

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

#ccc4b8 border color

This element has a border color of #ccc4b8.

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

CSS codes

.text {color:#ccc4b8;}

.background {background-color:#ccc4b8;}

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

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

#090806
```
#090806 rgb(9,8,6)
```
#14120f
```
#14120f rgb(20,18,15)
```
#201c17
```
#201c17 rgb(32,28,23)
```
#2b261f
```
#2b261f rgb(43,38,31)
```
#373027
```
#373027 rgb(55,48,39)
```
#423b2f
```
#423b2f rgb(66,59,47)
```
#4d4538
```
#4d4538 rgb(77,69,56)
```
#594f40
```
#594f40 rgb(89,79,64)
```
#645948
```
#645948 rgb(100,89,72)
```
#706350
```
#706350 rgb(112,99,80)
```
#7b6d58
```
#7b6d58 rgb(123,109,88)
```
#867761
```
#867761 rgb(134,119,97)
```
#928169
```
#928169 rgb(146,129,105)
```

Shade Color Variation

#9b8b74
```
#9b8b74 rgb(155,139,116)
```
#a3957f
```
#a3957f rgb(163,149,127)
```
#ab9e8a
```
#ab9e8a rgb(171,158,138)
```
#b3a896
```
#b3a896 rgb(179,168,150)
```
#bcb1a1
```
#bcb1a1 rgb(188,177,161)
```
#c4bbad
```
#c4bbad rgb(196,187,173)
```
#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#d4cdc3
```
#d4cdc3 rgb(212,205,195)
```
#dcd7cf
```
#dcd7cf rgb(220,215,207)
```
#e5e0da
```
#e5e0da rgb(229,224,218)
```
#edeae6
```
#edeae6 rgb(237,234,230)
```
#f5f3f1
```
#f5f3f1 rgb(245,243,241)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#c3c2c1
```
#c3c2c1 rgb(195,194,193)
```
#c7c3bd
```
#c7c3bd rgb(199,195,189)
```
#ccc4b8
```
#ccc4b8 rgb(204,196,184)
```
#d1c5b3
```
#d1c5b3 rgb(209,197,179)
```
#d5c6af
```
#d5c6af rgb(213,198,175)
```
#dac7aa
```
#dac7aa rgb(218,199,170)
```
#dfc8a5
```
#dfc8a5 rgb(223,200,165)
```
#e3c9a1
```
#e3c9a1 rgb(227,201,161)
```
#e8ca9c
```
#e8ca9c rgb(232,202,156)
```
#edcb97
```
#edcb97 rgb(237,203,151)
```
#f2cc92
```
#f2cc92 rgb(242,204,146)
```
#f6cc8e
```
#f6cc8e rgb(246,204,142)
```
#fbcd89
```
#fbcd89 rgb(251,205,137)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c6c5c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec7bb Protanopia 1% of men
#dec1bd Deuteranopia 1% of men
#d2c3d1 Tritanopia 0.001% of the population

Trichromacy

#cdc6ba Protanomaly 1% of men, 0.01% of women
#d7c2bb Deuteranomaly 6% of men, 0.4% of women
#cfc3c8 Tritanomaly 0.01% of the population

#ccc4b8 hex color

#ccc4b8 Color Information

#ccc4b8 Color Conversion

Color Schemes with #ccc4b8

Alternatives to #ccc4b8

#ccc4b8 Preview

Shades and Tints of #ccc4b8

Tones of #ccc4b8

Color Blindness Simulator