#ccc4b4 hex color

In a RGB color space, hex #ccc4b4 is composed of 80% red, 76.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 11.8% yellow and 20% black. It has a hue angle of 40 degrees, a saturation of 19% and a lightness of 75.3%. #ccc4b4 color hex could be obtained by blending #ffffff with #998969. Closest websafe color is: #cccccc.

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

● #ccc4b4 color description : Grayish orange.

The hexadecimal color #ccc4b4 has RGB values of R:204, G:196, B:180 and CMYK values of C:0, M:0.04, Y:0.12, K:0.2. Its decimal value is 13419700.

Hex triplet	ccc4b4	`#ccc4b4`
RGB Decimal	204, 196, 180	`rgb(204,196,180)`
RGB Percent	80, 76.9, 70.6	`rgb(80%,76.9%,70.6%)`
CMYK	0, 4, 12, 20
HSL	40°, 19, 75.3	`hsl(40,19%,75.3%)`
HSV (or HSB)	40°, 11.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.393, 0.052, 9.021
XYZ	52.879, 55.613, 51.126
xyY	0.331, 0.348, 55.613
CIE-LCH	79.393, 9.021, 89.667
CIE-LUV	79.393, 5.626, 13.129
Hunter-Lab	74.574, -3.935, 11.554
Binary	11001100, 11000100, 10110100

#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#b4bccc
```
#b4bccc rgb(180,188,204)
```

Complementary Color

#ccb8b4
```
#ccb8b4 rgb(204,184,180)
```
#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#c8ccb4
```
#c8ccb4 rgb(200,204,180)
```

Analogous Color

#b8b4cc
```
#b8b4cc rgb(184,180,204)
```
#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#b4c8cc
```
#b4c8cc rgb(180,200,204)
```

Split Complementary Color

#c4b4cc
```
#c4b4cc rgb(196,180,204)
```
#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#b4ccc4
```
#b4ccc4 rgb(180,204,196)
```

Triadic Color

#ccb4bc
```
#ccb4bc rgb(204,180,188)
```
#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#b4ccc4
```
#b4ccc4 rgb(180,204,196)
```
#b4bccc
```
#b4bccc rgb(180,188,204)
```

Tetradic Color

#ada086
```
#ada086 rgb(173,160,134)
```
#b7ac96
```
#b7ac96 rgb(183,172,150)
```
#c2b8a5
```
#c2b8a5 rgb(194,184,165)
```
#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#d6d0c3
```
#d6d0c3 rgb(214,208,195)
```
#e1dcd2
```
#e1dcd2 rgb(225,220,210)
```
#ebe8e2
```
#ebe8e2 rgb(235,232,226)
```

Monochromatic Color

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

#ccbeb4
```
#ccbeb4 rgb(204,190,180)
```
#ccc0b4
```
#ccc0b4 rgb(204,192,180)
```
#ccc2b4
```
#ccc2b4 rgb(204,194,180)
```
#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#ccc6b4
```
#ccc6b4 rgb(204,198,180)
```
#ccc8b4
```
#ccc8b4 rgb(204,200,180)
```
#cccab4
```
#cccab4 rgb(204,202,180)
```

Similar Colors

Text with hexadecimal color #ccc4b4

This text has a font color of #ccc4b4.

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

#ccc4b4 background color

This paragraph has a background color of #ccc4b4.

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

#ccc4b4 border color

This element has a border color of #ccc4b4.

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

CSS codes

.text {color:#ccc4b4;}

.background {background-color:#ccc4b4;}

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

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

#070605
```
#070605 rgb(7,6,5)
```
#12100d
```
#12100d rgb(18,16,13)
```
#1e1b14
```
#1e1b14 rgb(30,27,20)
```
#2a251c
```
#2a251c rgb(42,37,28)
```
#353024
```
#353024 rgb(53,48,36)
```
#413a2c
```
#413a2c rgb(65,58,44)
```
#4d4534
```
#4d4534 rgb(77,69,52)
```
#584f3c
```
#584f3c rgb(88,79,60)
```
#645944
```
#645944 rgb(100,89,68)
```
#70644c
```
#70644c rgb(112,100,76)
```
#7b6e54
```
#7b6e54 rgb(123,110,84)
```
#87795c
```
#87795c rgb(135,121,92)
```
#938364
```
#938364 rgb(147,131,100)
```

Shade Color Variation

#9c8d6e
```
#9c8d6e rgb(156,141,110)
```
#a4967a
```
#a4967a rgb(164,150,122)
```
#ac9f85
```
#ac9f85 rgb(172,159,133)
```
#b4a891
```
#b4a891 rgb(180,168,145)
```
#bcb29d
```
#bcb29d rgb(188,178,157)
```
#c4bba8
```
#c4bba8 rgb(196,187,168)
```
#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#d4cdc0
```
#d4cdc0 rgb(212,205,192)
```
#dcd6cb
```
#dcd6cb rgb(220,214,203)
```
#e4e0d7
```
#e4e0d7 rgb(228,224,215)
```
#ece9e3
```
#ece9e3 rgb(236,233,227)
```
#f4f2ee
```
#f4f2ee rgb(244,242,238)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#c2c1be
```
#c2c1be rgb(194,193,190)
```
#c7c2b9
```
#c7c2b9 rgb(199,194,185)
```
#ccc4b4
```
#ccc4b4 rgb(204,196,180)
```
#d1c6af
```
#d1c6af rgb(209,198,175)
```
#d6c7aa
```
#d6c7aa rgb(214,199,170)
```
#dbc9a5
```
#dbc9a5 rgb(219,201,165)
```
#dfcaa1
```
#dfcaa1 rgb(223,202,161)
```
#e4cc9c
```
#e4cc9c rgb(228,204,156)
```
#e9ce97
```
#e9ce97 rgb(233,206,151)
```
#eecf92
```
#eecf92 rgb(238,207,146)
```
#f3d18d
```
#f3d18d rgb(243,209,141)
```
#f8d388
```
#f8d388 rgb(248,211,136)
```
#fcd484
```
#fcd484 rgb(252,212,132)
```

Tone Color Variation

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

#cec6b7 Protanopia 1% of men
#dfc1b9 Deuteranopia 1% of men
#d2c3d1 Tritanopia 0.001% of the population

Trichromacy

#cdc5b6 Protanomaly 1% of men, 0.01% of women
#d8c2b7 Deuteranomaly 6% of men, 0.4% of women
#d0c3c6 Tritanomaly 0.01% of the population

#ccc4b4 hex color

#ccc4b4 Color Information

#ccc4b4 Color Conversion

Color Schemes with #ccc4b4

Alternatives to #ccc4b4

#ccc4b4 Preview

Shades and Tints of #ccc4b4

Tones of #ccc4b4

Color Blindness Simulator