#ca895a hex color

In a RGB color space, hex #ca895a is composed of 79.2% red, 53.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.2% magenta, 55.4% yellow and 20.8% black. It has a hue angle of 25.2 degrees, a saturation of 51.4% and a lightness of 57.3%. #ca895a color hex could be obtained by blending #ffffb4 with #951300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 54
- B 35
RGB color chart
- C 0
- M 32
- Y 55
- K 21
CMYK color chart

● #ca895a color description : Moderate orange.

The hexadecimal color #ca895a has RGB values of R:202, G:137, B:90 and CMYK values of C:0, M:0.32, Y:0.55, K:0.21. Its decimal value is 13273434.

Hex triplet	ca895a	`#ca895a`
RGB Decimal	202, 137, 90	`rgb(202,137,90)`
RGB Percent	79.2, 53.7, 35.3	`rgb(79.2%,53.7%,35.3%)`
CMYK	0, 32, 55, 21
HSL	25.2°, 51.4, 57.3	`hsl(25.2,51.4%,57.3%)`
HSV (or HSB)	25.2°, 55.4, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.666, 19.811, 35.07
XYZ	35.149, 31.188, 13.841
xyY	0.438, 0.389, 31.188
CIE-LCH	62.666, 40.278, 60.538
CIE-LUV	62.666, 49.183, 38.432
Hunter-Lab	55.846, 14.614, 24.398
Binary	11001010, 10001001, 01011010

#ca895a
```
#ca895a rgb(202,137,90)
```
#5a9bca
```
#5a9bca rgb(90,155,202)
```

Complementary Color

#ca5a63
```
#ca5a63 rgb(202,90,99)
```
#ca895a
```
#ca895a rgb(202,137,90)
```
#cac15a
```
#cac15a rgb(202,193,90)
```

Analogous Color

#5a63ca
```
#5a63ca rgb(90,99,202)
```
#ca895a
```
#ca895a rgb(202,137,90)
```
#5acac1
```
#5acac1 rgb(90,202,193)
```

Split Complementary Color

#895aca
```
#895aca rgb(137,90,202)
```
#ca895a
```
#ca895a rgb(202,137,90)
```
#5aca89
```
#5aca89 rgb(90,202,137)
```

Triadic Color

#ca5a9b
```
#ca5a9b rgb(202,90,155)
```
#ca895a
```
#ca895a rgb(202,137,90)
```
#5aca89
```
#5aca89 rgb(90,202,137)
```
#5a9bca
```
#5a9bca rgb(90,155,202)
```

Tetradic Color

#a36334
```
#a36334 rgb(163,99,52)
```
#b66f3b
```
#b66f3b rgb(182,111,59)
```
#c47b47
```
#c47b47 rgb(196,123,71)
```
#ca895a
```
#ca895a rgb(202,137,90)
```
#d0976d
```
#d0976d rgb(208,151,109)
```
#d6a581
```
#d6a581 rgb(214,165,129)
```
#ddb294
```
#ddb294 rgb(221,178,148)
```

Monochromatic Color

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

#ca6d5a
```
#ca6d5a rgb(202,109,90)
```
#ca765a
```
#ca765a rgb(202,118,90)
```
#ca805a
```
#ca805a rgb(202,128,90)
```
#ca895a
```
#ca895a rgb(202,137,90)
```
#ca925a
```
#ca925a rgb(202,146,90)
```
#ca9c5a
```
#ca9c5a rgb(202,156,90)
```
#caa55a
```
#caa55a rgb(202,165,90)
```

Similar Colors

Text with hexadecimal color #ca895a

This text has a font color of #ca895a.

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

#ca895a background color

This paragraph has a background color of #ca895a.

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

#ca895a border color

This element has a border color of #ca895a.

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

CSS codes

.text {color:#ca895a;}

.background {background-color:#ca895a;}

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

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

#0d0804
```
#0d0804 rgb(13,8,4)
```
#1c1109
```
#1c1109 rgb(28,17,9)
```
#2b1a0e
```
#2b1a0e rgb(43,26,14)
```
#3a2313
```
#3a2313 rgb(58,35,19)
```
#492c17
```
#492c17 rgb(73,44,23)
```
#57351c
```
#57351c rgb(87,53,28)
```
#663e21
```
#663e21 rgb(102,62,33)
```
#754726
```
#754726 rgb(117,71,38)
```
#84502a
```
#84502a rgb(132,80,42)
```
#93592f
```
#93592f rgb(147,89,47)
```
#a26234
```
#a26234 rgb(162,98,52)
```
#b06b39
```
#b06b39 rgb(176,107,57)
```
#bf743d
```
#bf743d rgb(191,116,61)
```

Shade Color Variation

#c57e4b
```
#c57e4b rgb(197,126,75)
```
#ca895a
```
#ca895a rgb(202,137,90)
```
#cf9469
```
#cf9469 rgb(207,148,105)
```
#d49e78
```
#d49e78 rgb(212,158,120)
```
#d8a987
```
#d8a987 rgb(216,169,135)
```
#ddb395
```
#ddb395 rgb(221,179,149)
```
#e2bea4
```
#e2bea4 rgb(226,190,164)
```
#e7c9b3
```
#e7c9b3 rgb(231,201,179)
```
#ebd3c2
```
#ebd3c2 rgb(235,211,194)
```
#f0ded1
```
#f0ded1 rgb(240,222,209)
```
#f5e9e0
```
#f5e9e0 rgb(245,233,224)
```
#faf3ee
```
#faf3ee rgb(250,243,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#98918c
```
#98918c rgb(152,145,140)
```
#a09084
```
#a09084 rgb(160,144,132)
```
#a88e7c
```
#a88e7c rgb(168,142,124)
```
#b18d73
```
#b18d73 rgb(177,141,115)
```
#b98c6b
```
#b98c6b rgb(185,140,107)
```
#c28a62
```
#c28a62 rgb(194,138,98)
```
#ca895a
```
#ca895a rgb(202,137,90)
```
#d28852
```
#d28852 rgb(210,136,82)
```
#db8649
```
#db8649 rgb(219,134,73)
```
#e38541
```
#e38541 rgb(227,133,65)
```
#ec8438
```
#ec8438 rgb(236,132,56)
```
#f48230
```
#f48230 rgb(244,130,48)
```
#fc8128
```
#fc8128 rgb(252,129,40)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a1948b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9c67 Protanopia 1% of men
#bd9660 Deuteranopia 1% of men
#d08992 Tritanopia 0.001% of the population

Trichromacy

#b59562 Protanomaly 1% of men, 0.01% of women
#c1915e Deuteranomaly 6% of men, 0.4% of women
#ce897d Tritanomaly 0.01% of the population

#ca895a hex color

#ca895a Color Information

#ca895a Color Conversion

Color Schemes with #ca895a

Alternatives to #ca895a

#ca895a Preview

Shades and Tints of #ca895a

Tones of #ca895a

Color Blindness Simulator