#ccb7ae hex color

In a RGB color space, hex #ccb7ae is composed of 80% red, 71.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 14.7% yellow and 20% black. It has a hue angle of 18 degrees, a saturation of 22.7% and a lightness of 74.1%. #ccb7ae color hex could be obtained by blending #ffffff with #996f5d. Closest websafe color is: #cccc99.

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

● #ccb7ae color description : Grayish orange.

The hexadecimal color #ccb7ae has RGB values of R:204, G:183, B:174 and CMYK values of C:0, M:0.1, Y:0.15, K:0.2. Its decimal value is 13416366.

Hex triplet	ccb7ae	`#ccb7ae`
RGB Decimal	204, 183, 174	`rgb(204,183,174)`
RGB Percent	80, 71.8, 68.2	`rgb(80%,71.8%,68.2%)`
CMYK	0, 10, 15, 20
HSL	18°, 22.7, 74.1	`hsl(18,22.7%,74.1%)`
HSV (or HSB)	18°, 14.7, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.922, 5.99, 7.293
XYZ	49.474, 49.761, 47.041
xyY	0.338, 0.34, 49.761
CIE-LCH	75.922, 9.438, 50.601
CIE-LUV	75.922, 13.186, 9.493
Hunter-Lab	70.542, 1.743, 9.841
Binary	11001100, 10110111, 10101110

#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#aec3cc
```
#aec3cc rgb(174,195,204)
```

Complementary Color

#ccaeb4
```
#ccaeb4 rgb(204,174,180)
```
#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#ccc6ae
```
#ccc6ae rgb(204,198,174)
```

Analogous Color

#aeb4cc
```
#aeb4cc rgb(174,180,204)
```
#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#aeccc6
```
#aeccc6 rgb(174,204,198)
```

Split Complementary Color

#b7aecc
```
#b7aecc rgb(183,174,204)
```
#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#aeccb7
```
#aeccb7 rgb(174,204,183)
```

Triadic Color

#ccaec3
```
#ccaec3 rgb(204,174,195)
```
#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#aeccb7
```
#aeccb7 rgb(174,204,183)
```
#aec3cc
```
#aec3cc rgb(174,195,204)
```

Tetradic Color

#ae8d7f
```
#ae8d7f rgb(174,141,127)
```
#b89b8f
```
#b89b8f rgb(184,155,143)
```
#c2a99e
```
#c2a99e rgb(194,169,158)
```
#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#d6c5be
```
#d6c5be rgb(214,197,190)
```
#e0d3cd
```
#e0d3cd rgb(224,211,205)
```
#eae1dd
```
#eae1dd rgb(234,225,221)
```

Monochromatic Color

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

#ccb0ae
```
#ccb0ae rgb(204,176,174)
```
#ccb2ae
```
#ccb2ae rgb(204,178,174)
```
#ccb5ae
```
#ccb5ae rgb(204,181,174)
```
#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#ccbaae
```
#ccbaae rgb(204,186,174)
```
#ccbcae
```
#ccbcae rgb(204,188,174)
```
#ccbfae
```
#ccbfae rgb(204,191,174)
```

Similar Colors

Text with hexadecimal color #ccb7ae

This text has a font color of #ccb7ae.

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

#ccb7ae background color

This paragraph has a background color of #ccb7ae.

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

#ccb7ae border color

This element has a border color of #ccb7ae.

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

CSS codes

.text {color:#ccb7ae;}

.background {background-color:#ccb7ae;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#0f0b0a
```
#0f0b0a rgb(15,11,10)
```
#1b1411
```
#1b1411 rgb(27,20,17)
```
#271d19
```
#271d19 rgb(39,29,25)
```
#332620
```
#332620 rgb(51,38,32)
```
#3f2f28
```
#3f2f28 rgb(63,47,40)
```
#4b3830
```
#4b3830 rgb(75,56,48)
```
#584137
```
#584137 rgb(88,65,55)
```
#644a3f
```
#644a3f rgb(100,74,63)
```
#705346
```
#705346 rgb(112,83,70)
```
#7c5c4e
```
#7c5c4e rgb(124,92,78)
```
#886455
```
#886455 rgb(136,100,85)
```
#946d5d
```
#946d5d rgb(148,109,93)
```

Shade Color Variation

#9f7766
```
#9f7766 rgb(159,119,102)
```
#a68272
```
#a68272 rgb(166,130,114)
```
#ae8c7e
```
#ae8c7e rgb(174,140,126)
```
#b5978a
```
#b5978a rgb(181,151,138)
```
#bda296
```
#bda296 rgb(189,162,150)
```
#c4aca2
```
#c4aca2 rgb(196,172,162)
```
#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#d4c2ba
```
#d4c2ba rgb(212,194,186)
```
#dbccc6
```
#dbccc6 rgb(219,204,198)
```
#e3d7d2
```
#e3d7d2 rgb(227,215,210)
```
#eae2de
```
#eae2de rgb(234,226,222)
```
#f2ecea
```
#f2ecea rgb(242,236,234)
```
#f9f7f6
```
#f9f7f6 rgb(249,247,246)
```

Tint Color Variation

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

#c2bbb8
```
#c2bbb8 rgb(194,187,184)
```
#c7b9b3
```
#c7b9b3 rgb(199,185,179)
```
#ccb7ae
```
#ccb7ae rgb(204,183,174)
```
#d1b5a9
```
#d1b5a9 rgb(209,181,169)
```
#d6b3a4
```
#d6b3a4 rgb(214,179,164)
```
#dbb19f
```
#dbb19f rgb(219,177,159)
```
#e0af9a
```
#e0af9a rgb(224,175,154)
```
#e5ad95
```
#e5ad95 rgb(229,173,149)
```
#eaab90
```
#eaab90 rgb(234,171,144)
```
#f0a98a
```
#f0a98a rgb(240,169,138)
```
#f5a785
```
#f5a785 rgb(245,167,133)
```
#faa580
```
#faa580 rgb(250,165,128)
```
#ffa37b
```
#ffa37b rgb(255,163,123)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfbbb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4bdb3 Protanopia 1% of men
#d4b8b2 Deuteranopia 1% of men
#d1b7c4 Tritanopia 0.001% of the population

Trichromacy

#c7bbb1 Protanomaly 1% of men, 0.01% of women
#d1b7b1 Deuteranomaly 6% of men, 0.4% of women
#cfb7bc Tritanomaly 0.01% of the population

#ccb7ae hex color

#ccb7ae Color Information

#ccb7ae Color Conversion

Color Schemes with #ccb7ae

Alternatives to #ccb7ae

#ccb7ae Preview

Shades and Tints of #ccb7ae

Tones of #ccb7ae

Color Blindness Simulator