#ccb8a0 hex color

In a RGB color space, hex #ccb8a0 is composed of 80% red, 72.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 21.6% yellow and 20% black. It has a hue angle of 32.7 degrees, a saturation of 30.1% and a lightness of 71.4%. #ccb8a0 color hex could be obtained by blending #ffffff with #997141. Closest websafe color is: #cccc99.

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

● #ccb8a0 color description : Grayish orange.

The hexadecimal color #ccb8a0 has RGB values of R:204, G:184, B:160 and CMYK values of C:0, M:0.1, Y:0.22, K:0.2. Its decimal value is 13416608.

Hex triplet	ccb8a0	`#ccb8a0`
RGB Decimal	204, 184, 160	`rgb(204,184,160)`
RGB Percent	80, 72.2, 62.7	`rgb(80%,72.2%,62.7%)`
CMYK	0, 10, 22, 20
HSL	32.7°, 30.1, 71.4	`hsl(32.7,30.1%,71.4%)`
HSV (or HSB)	32.7°, 21.6, 80
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.858, 3.297, 14.79
XYZ	48.387, 49.657, 40.292
xyY	0.35, 0.359, 49.657
CIE-LCH	75.858, 15.153, 77.432
CIE-LUV	75.858, 13.698, 20.281
Hunter-Lab	70.468, -0.752, 15.427
Binary	11001100, 10111000, 10100000

#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#a0b4cc
```
#a0b4cc rgb(160,180,204)
```

Complementary Color

#cca2a0
```
#cca2a0 rgb(204,162,160)
```
#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#cacca0
```
#cacca0 rgb(202,204,160)
```

Analogous Color

#a2a0cc
```
#a2a0cc rgb(162,160,204)
```
#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#a0cacc
```
#a0cacc rgb(160,202,204)
```

Split Complementary Color

#b8a0cc
```
#b8a0cc rgb(184,160,204)
```
#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#a0ccb8
```
#a0ccb8 rgb(160,204,184)
```

Triadic Color

#cca0b4
```
#cca0b4 rgb(204,160,180)
```
#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#a0ccb8
```
#a0ccb8 rgb(160,204,184)
```
#a0b4cc
```
#a0b4cc rgb(160,180,204)
```

Tetradic Color

#b1936e
```
#b1936e rgb(177,147,110)
```
#ba9f7f
```
#ba9f7f rgb(186,159,127)
```
#c3ac8f
```
#c3ac8f rgb(195,172,143)
```
#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#d5c4b1
```
#d5c4b1 rgb(213,196,177)
```
#ded1c1
```
#ded1c1 rgb(222,209,193)
```
#e7ddd2
```
#e7ddd2 rgb(231,221,210)
```

Monochromatic Color

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

#ccada0
```
#ccada0 rgb(204,173,160)
```
#ccb1a0
```
#ccb1a0 rgb(204,177,160)
```
#ccb4a0
```
#ccb4a0 rgb(204,180,160)
```
#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#ccbca0
```
#ccbca0 rgb(204,188,160)
```
#ccbfa0
```
#ccbfa0 rgb(204,191,160)
```
#ccc3a0
```
#ccc3a0 rgb(204,195,160)
```

Similar Colors

Text with hexadecimal color #ccb8a0

This text has a font color of #ccb8a0.

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

#ccb8a0 background color

This paragraph has a background color of #ccb8a0.

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

#ccb8a0 border color

This element has a border color of #ccb8a0.

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

CSS codes

.text {color:#ccb8a0;}

.background {background-color:#ccb8a0;}

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

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

#070604
```
#070604 rgb(7,6,4)
```
#14100b
```
#14100b rgb(20,16,11)
```
#211a12
```
#211a12 rgb(33,26,18)
```
#2d2418
```
#2d2418 rgb(45,36,24)
```
#3a2e1f
```
#3a2e1f rgb(58,46,31)
```
#473826
```
#473826 rgb(71,56,38)
```
#54422d
```
#54422d rgb(84,66,45)
```
#604c34
```
#604c34 rgb(96,76,52)
```
#6d563b
```
#6d563b rgb(109,86,59)
```
#7a6041
```
#7a6041 rgb(122,96,65)
```
#876a48
```
#876a48 rgb(135,106,72)
```
#94744f
```
#94744f rgb(148,116,79)
```
#a07f56
```
#a07f56 rgb(160,127,86)
```

Shade Color Variation

#aa8860
```
#aa8860 rgb(170,136,96)
```
#b1926d
```
#b1926d rgb(177,146,109)
```
#b79b7a
```
#b79b7a rgb(183,155,122)
```
#bea586
```
#bea586 rgb(190,165,134)
```
#c5ae93
```
#c5ae93 rgb(197,174,147)
```
#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#d3c2ad
```
#d3c2ad rgb(211,194,173)
```
#dacbba
```
#dacbba rgb(218,203,186)
```
#e1d5c6
```
#e1d5c6 rgb(225,213,198)
```
#e7ded3
```
#e7ded3 rgb(231,222,211)
```
#eee8e0
```
#eee8e0 rgb(238,232,224)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#bbb6b1
```
#bbb6b1 rgb(187,182,177)
```
#c1b7ab
```
#c1b7ab rgb(193,183,171)
```
#c6b7a6
```
#c6b7a6 rgb(198,183,166)
```
#ccb8a0
```
#ccb8a0 rgb(204,184,160)
```
#d2b99a
```
#d2b99a rgb(210,185,154)
```
#d7b995
```
#d7b995 rgb(215,185,149)
```
#ddba8f
```
#ddba8f rgb(221,186,143)
```
#e2ba8a
```
#e2ba8a rgb(226,186,138)
```
#e8bb84
```
#e8bb84 rgb(232,187,132)
```
#eebb7e
```
#eebb7e rgb(238,187,126)
```
#f3bc79
```
#f3bc79 rgb(243,188,121)
```
#f9bc73
```
#f9bc73 rgb(249,188,115)
```
#ffbd6d
```
#ffbd6d rgb(255,189,109)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebab6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bda5 Protanopia 1% of men
#d9b7a6 Deuteranopia 1% of men
#d3b7c4 Tritanopia 0.001% of the population

Trichromacy

#c9bba3 Protanomaly 1% of men, 0.01% of women
#d4b7a3 Deuteranomaly 6% of men, 0.4% of women
#d0b7b6 Tritanomaly 0.01% of the population

#ccb8a0 hex color

#ccb8a0 Color Information

#ccb8a0 Color Conversion

Color Schemes with #ccb8a0

Alternatives to #ccb8a0

#ccb8a0 Preview

Shades and Tints of #ccb8a0

Tones of #ccb8a0

Color Blindness Simulator