#cca895 hex color

In a RGB color space, hex #cca895 is composed of 80% red, 65.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 27% yellow and 20% black. It has a hue angle of 20.7 degrees, a saturation of 35% and a lightness of 69.2%. #cca895 color hex could be obtained by blending #ffffff with #99512b. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 80
- G 66
- B 58
RGB color chart
- C 0
- M 18
- Y 27
- K 20
CMYK color chart

● #cca895 color description : Slightly desaturated orange.

The hexadecimal color #cca895 has RGB values of R:204, G:168, B:149 and CMYK values of C:0, M:0.18, Y:0.27, K:0.2. Its decimal value is 13412501.

Hex triplet	cca895	`#cca895`
RGB Decimal	204, 168, 149	`rgb(204,168,149)`
RGB Percent	80, 65.9, 58.4	`rgb(80%,65.9%,58.4%)`
CMYK	0, 18, 27, 20
HSL	20.7°, 35, 69.2	`hsl(20.7,35%,69.2%)`
HSV (or HSB)	20.7°, 27, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.564, 10.318, 14.757
XYZ	44.329, 43.014, 34.4
xyY	0.364, 0.353, 43.014
CIE-LCH	71.564, 18.007, 55.039
CIE-LUV	71.564, 24.036, 18.61
Hunter-Lab	65.585, 5.874, 14.812
Binary	11001100, 10101000, 10010101

#cca895
```
#cca895 rgb(204,168,149)
```
#95b9cc
```
#95b9cc rgb(149,185,204)
```

Complementary Color

#cc959e
```
#cc959e rgb(204,149,158)
```
#cca895
```
#cca895 rgb(204,168,149)
```
#ccc495
```
#ccc495 rgb(204,196,149)
```

Analogous Color

#959ecc
```
#959ecc rgb(149,158,204)
```
#cca895
```
#cca895 rgb(204,168,149)
```
#95ccc4
```
#95ccc4 rgb(149,204,196)
```

Split Complementary Color

#a895cc
```
#a895cc rgb(168,149,204)
```
#cca895
```
#cca895 rgb(204,168,149)
```
#95cca8
```
#95cca8 rgb(149,204,168)
```

Triadic Color

#cc95b9
```
#cc95b9 rgb(204,149,185)
```
#cca895
```
#cca895 rgb(204,168,149)
```
#95cca8
```
#95cca8 rgb(149,204,168)
```
#95b9cc
```
#95b9cc rgb(149,185,204)
```

Tetradic Color

#b37e61
```
#b37e61 rgb(179,126,97)
```
#bb8c73
```
#bb8c73 rgb(187,140,115)
```
#c49a84
```
#c49a84 rgb(196,154,132)
```
#cca895
```
#cca895 rgb(204,168,149)
```
#d4b6a6
```
#d4b6a6 rgb(212,182,166)
```
#ddc4b7
```
#ddc4b7 rgb(221,196,183)
```
#e5d2c9
```
#e5d2c9 rgb(229,210,201)
```

Monochromatic Color

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

#cc9a95
```
#cc9a95 rgb(204,154,149)
```
#cc9f95
```
#cc9f95 rgb(204,159,149)
```
#cca395
```
#cca395 rgb(204,163,149)
```
#cca895
```
#cca895 rgb(204,168,149)
```
#ccad95
```
#ccad95 rgb(204,173,149)
```
#ccb195
```
#ccb195 rgb(204,177,149)
```
#ccb695
```
#ccb695 rgb(204,182,149)
```

Similar Colors

Text with hexadecimal color #cca895

This text has a font color of #cca895.

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

#cca895 background color

This paragraph has a background color of #cca895.

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

#cca895 border color

This element has a border color of #cca895.

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

CSS codes

.text {color:#cca895;}

.background {background-color:#cca895;}

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

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, #0d0906 is the darkest color, while #ffffff is the lightest one.

#0d0906
```
#0d0906 rgb(13,9,6)
```
#1a110d
```
#1a110d rgb(26,17,13)
```
#281a13
```
#281a13 rgb(40,26,19)
```
#352319
```
#352319 rgb(53,35,25)
```
#422c20
```
#422c20 rgb(66,44,32)
```
#4f3426
```
#4f3426 rgb(79,52,38)
```
#5d3d2d
```
#5d3d2d rgb(93,61,45)
```
#6a4633
```
#6a4633 rgb(106,70,51)
```
#774f39
```
#774f39 rgb(119,79,57)
```
#845740
```
#845740 rgb(132,87,64)
```
#926046
```
#926046 rgb(146,96,70)
```
#9f694c
```
#9f694c rgb(159,105,76)
```
#ac7253
```
#ac7253 rgb(172,114,83)
```

Shade Color Variation

#b37d60
```
#b37d60 rgb(179,125,96)
```
#b9876d
```
#b9876d rgb(185,135,109)
```
#bf927b
```
#bf927b rgb(191,146,123)
```
#c69d88
```
#c69d88 rgb(198,157,136)
```
#cca895
```
#cca895 rgb(204,168,149)
```
#d2b3a2
```
#d2b3a2 rgb(210,179,162)
```
#d9beaf
```
#d9beaf rgb(217,190,175)
```
#dfc9bd
```
#dfc9bd rgb(223,201,189)
```
#e5d3ca
```
#e5d3ca rgb(229,211,202)
```
#ecded7
```
#ecded7 rgb(236,222,215)
```
#f2e9e4
```
#f2e9e4 rgb(242,233,228)
```
#f9f4f2
```
#f9f4f2 rgb(249,244,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b4afad
```
#b4afad rgb(180,175,173)
```
#baaea7
```
#baaea7 rgb(186,174,167)
```
#c0aca1
```
#c0aca1 rgb(192,172,161)
```
#c6aa9b
```
#c6aa9b rgb(198,170,155)
```
#cca895
```
#cca895 rgb(204,168,149)
```
#d2a68f
```
#d2a68f rgb(210,166,143)
```
#d8a489
```
#d8a489 rgb(216,164,137)
```
#dea283
```
#dea283 rgb(222,162,131)
```
#e4a17d
```
#e4a17d rgb(228,161,125)
```
#ea9f77
```
#ea9f77 rgb(234,159,119)
```
#f09d71
```
#f09d71 rgb(240,157,113)
```
#f69b6b
```
#f69b6b rgb(246,155,107)
```
#fc9965
```
#fc9965 rgb(252,153,101)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b6afab Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb29d Protanopia 1% of men
#cdad9a Deuteranopia 1% of men
#d2a8b4 Tritanopia 0.001% of the population

Trichromacy

#c1ae9a Protanomaly 1% of men, 0.01% of women
#ccab98 Deuteranomaly 6% of men, 0.4% of women
#cfa8a9 Tritanomaly 0.01% of the population

#cca895 hex color

#cca895 Color Information

#cca895 Color Conversion

Color Schemes with #cca895

Alternatives to #cca895

#cca895 Preview

Shades and Tints of #cca895

Tones of #cca895

Color Blindness Simulator