#cc895e hex color

In a RGB color space, hex #cc895e is composed of 80% red, 53.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 53.9% yellow and 20% black. It has a hue angle of 23.5 degrees, a saturation of 51.9% and a lightness of 58.4%. #cc895e color hex could be obtained by blending #ffffbc with #991300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 54
- B 37
RGB color chart
- C 0
- M 33
- Y 54
- K 20
CMYK color chart

● #cc895e color description : Moderate orange.

The hexadecimal color #cc895e has RGB values of R:204, G:137, B:94 and CMYK values of C:0, M:0.33, Y:0.54, K:0.2. Its decimal value is 13404510.

Hex triplet	cc895e	`#cc895e`
RGB Decimal	204, 137, 94	`rgb(204,137,94)`
RGB Percent	80, 53.7, 36.9	`rgb(80%,53.7%,36.9%)`
CMYK	0, 33, 54, 20
HSL	23.5°, 51.9, 58.4	`hsl(23.5,51.9%,58.4%)`
HSV (or HSB)	23.5°, 53.9, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.96, 20.977, 33.334
XYZ	35.868, 31.539, 14.788
xyY	0.436, 0.384, 31.539
CIE-LCH	62.96, 39.385, 57.818
CIE-LUV	62.96, 50.302, 36.556
Hunter-Lab	56.16, 15.726, 23.7
Binary	11001100, 10001001, 01011110

#cc895e
```
#cc895e rgb(204,137,94)
```
#5ea1cc
```
#5ea1cc rgb(94,161,204)
```

Complementary Color

#cc5e6a
```
#cc5e6a rgb(204,94,106)
```
#cc895e
```
#cc895e rgb(204,137,94)
```
#ccc05e
```
#ccc05e rgb(204,192,94)
```

Analogous Color

#5e6acc
```
#5e6acc rgb(94,106,204)
```
#cc895e
```
#cc895e rgb(204,137,94)
```
#5eccc0
```
#5eccc0 rgb(94,204,192)
```

Split Complementary Color

#895ecc
```
#895ecc rgb(137,94,204)
```
#cc895e
```
#cc895e rgb(204,137,94)
```
#5ecc89
```
#5ecc89 rgb(94,204,137)
```

Triadic Color

#cc5ea1
```
#cc5ea1 rgb(204,94,161)
```
#cc895e
```
#cc895e rgb(204,137,94)
```
#5ecc89
```
#5ecc89 rgb(94,204,137)
```
#5ea1cc
```
#5ea1cc rgb(94,161,204)
```

Tetradic Color

#a86235
```
#a86235 rgb(168,98,53)
```
#bc6e3b
```
#bc6e3b rgb(188,110,59)
```
#c67b4b
```
#c67b4b rgb(198,123,75)
```
#cc895e
```
#cc895e rgb(204,137,94)
```
#d29771
```
#d29771 rgb(210,151,113)
```
#d8a585
```
#d8a585 rgb(216,165,133)
```
#deb498
```
#deb498 rgb(222,180,152)
```

Monochromatic Color

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

#cc6e5e
```
#cc6e5e rgb(204,110,94)
```
#cc775e
```
#cc775e rgb(204,119,94)
```
#cc805e
```
#cc805e rgb(204,128,94)
```
#cc895e
```
#cc895e rgb(204,137,94)
```
#cc925e
```
#cc925e rgb(204,146,94)
```
#cc9b5e
```
#cc9b5e rgb(204,155,94)
```
#cca55e
```
#cca55e rgb(204,165,94)
```

Similar Colors

Text with hexadecimal color #cc895e

This text has a font color of #cc895e.

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

#cc895e background color

This paragraph has a background color of #cc895e.

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

#cc895e border color

This element has a border color of #cc895e.

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

CSS codes

.text {color:#cc895e;}

.background {background-color:#cc895e;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120a06
```
#120a06 rgb(18,10,6)
```
#21130a
```
#21130a rgb(33,19,10)
```
#301c0f
```
#301c0f rgb(48,28,15)
```
#3e2414
```
#3e2414 rgb(62,36,20)
```
#4d2d19
```
#4d2d19 rgb(77,45,25)
```
#5c361d
```
#5c361d rgb(92,54,29)
```
#6b3f22
```
#6b3f22 rgb(107,63,34)
```
#7a4727
```
#7a4727 rgb(122,71,39)
```
#89502b
```
#89502b rgb(137,80,43)
```
#985930
```
#985930 rgb(152,89,48)
```
#a76135
```
#a76135 rgb(167,97,53)
```
#b66a3a
```
#b66a3a rgb(182,106,58)
```

Shade Color Variation

#c37340
```
#c37340 rgb(195,115,64)
```
#c77e4f
```
#c77e4f rgb(199,126,79)
```
#cc895e
```
#cc895e rgb(204,137,94)
```
#d1946d
```
#d1946d rgb(209,148,109)
```
#d59f7c
```
#d59f7c rgb(213,159,124)
```
#daaa8b
```
#daaa8b rgb(218,170,139)
```
#dfb59a
```
#dfb59a rgb(223,181,154)
```
#e4c0a8
```
#e4c0a8 rgb(228,192,168)
```
#e8cbb7
```
#e8cbb7 rgb(232,203,183)
```
#edd5c6
```
#edd5c6 rgb(237,213,198)
```
#f2e0d5
```
#f2e0d5 rgb(242,224,213)
```
#f6ebe4
```
#f6ebe4 rgb(246,235,228)
```
#fbf6f3
```
#fbf6f3 rgb(251,246,243)
```

Tint Color Variation

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

#9b948f
```
#9b948f rgb(155,148,143)
```
#a39287
```
#a39287 rgb(163,146,135)
```
#ab907f
```
#ab907f rgb(171,144,127)
```
#b48e76
```
#b48e76 rgb(180,142,118)
```
#bc8d6e
```
#bc8d6e rgb(188,141,110)
```
#c48b66
```
#c48b66 rgb(196,139,102)
```
#cc895e
```
#cc895e rgb(204,137,94)
```
#d48756
```
#d48756 rgb(212,135,86)
```
#dc854e
```
#dc854e rgb(220,133,78)
```
#e48446
```
#e48446 rgb(228,132,70)
```
#ed823d
```
#ed823d rgb(237,130,61)
```
#f58035
```
#f58035 rgb(245,128,53)
```
#fd7e2d
```
#fd7e2d rgb(253,126,45)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a2958c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9d6b Protanopia 1% of men
#bd9764 Deuteranopia 1% of men
#d28992 Tritanopia 0.001% of the population

Trichromacy

#b69666 Protanomaly 1% of men, 0.01% of women
#c29161 Deuteranomaly 6% of men, 0.4% of women
#d0897f Tritanomaly 0.01% of the population

#cc895e hex color

#cc895e Color Information

#cc895e Color Conversion

Color Schemes with #cc895e

Alternatives to #cc895e

#cc895e Preview

Shades and Tints of #cc895e

Tones of #cc895e

Color Blindness Simulator