#ca855f hex color

In a RGB color space, hex #ca855f is composed of 79.2% red, 52.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.2% magenta, 53% yellow and 20.8% black. It has a hue angle of 21.3 degrees, a saturation of 50.2% and a lightness of 58.2%. #ca855f color hex could be obtained by blending #ffffbe with #950b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 79
- G 52
- B 37
RGB color chart
- C 0
- M 34
- Y 53
- K 21
CMYK color chart

● #ca855f color description : Moderate orange.

The hexadecimal color #ca855f has RGB values of R:202, G:133, B:95 and CMYK values of C:0, M:0.34, Y:0.53, K:0.21. Its decimal value is 13272415.

Hex triplet	ca855f	`#ca855f`
RGB Decimal	202, 133, 95	`rgb(202,133,95)`
RGB Percent	79.2, 52.2, 37.3	`rgb(79.2%,52.2%,37.3%)`
CMYK	0, 34, 53, 21
HSL	21.3°, 50.2, 58.2	`hsl(21.3,50.2%,58.2%)`
HSV (or HSB)	21.3°, 53, 79.2
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.792, 22.425, 31.259
XYZ	34.811, 30.16, 14.814
xyY	0.436, 0.378, 30.16
CIE-LCH	61.792, 38.471, 54.345
CIE-LUV	61.792, 51.464, 33.917
Hunter-Lab	54.918, 17.038, 22.449
Binary	11001010, 10000101, 01011111

#ca855f
```
#ca855f rgb(202,133,95)
```
#5fa4ca
```
#5fa4ca rgb(95,164,202)
```

Complementary Color

#ca5f6f
```
#ca5f6f rgb(202,95,111)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#cabb5f
```
#cabb5f rgb(202,187,95)
```

Analogous Color

#5f6fca
```
#5f6fca rgb(95,111,202)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#5fcabb
```
#5fcabb rgb(95,202,187)
```

Split Complementary Color

#855fca
```
#855fca rgb(133,95,202)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#5fca85
```
#5fca85 rgb(95,202,133)
```

Triadic Color

#ca5fa4
```
#ca5fa4 rgb(202,95,164)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#5fca85
```
#5fca85 rgb(95,202,133)
```
#5fa4ca
```
#5fa4ca rgb(95,164,202)
```

Tetradic Color

#a65e37
```
#a65e37 rgb(166,94,55)
```
#b9693d
```
#b9693d rgb(185,105,61)
```
#c4764c
```
#c4764c rgb(196,118,76)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#d09472
```
#d09472 rgb(208,148,114)
```
#d7a285
```
#d7a285 rgb(215,162,133)
```
#ddb198
```
#ddb198 rgb(221,177,152)
```

Monochromatic Color

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

#ca6a5f
```
#ca6a5f rgb(202,106,95)
```
#ca735f
```
#ca735f rgb(202,115,95)
```
#ca7c5f
```
#ca7c5f rgb(202,124,95)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#ca8e5f
```
#ca8e5f rgb(202,142,95)
```
#ca975f
```
#ca975f rgb(202,151,95)
```
#caa05f
```
#caa05f rgb(202,160,95)
```

Similar Colors

Text with hexadecimal color #ca855f

This text has a font color of #ca855f.

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

#ca855f background color

This paragraph has a background color of #ca855f.

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

#ca855f border color

This element has a border color of #ca855f.

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

CSS codes

.text {color:#ca855f;}

.background {background-color:#ca855f;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110a06
```
#110a06 rgb(17,10,6)
```
#20120a
```
#20120a rgb(32,18,10)
```
#2e1a0f
```
#2e1a0f rgb(46,26,15)
```
#3d2314
```
#3d2314 rgb(61,35,20)
```
#4c2b19
```
#4c2b19 rgb(76,43,25)
```
#5a331e
```
#5a331e rgb(90,51,30)
```
#693c23
```
#693c23 rgb(105,60,35)
```
#784428
```
#784428 rgb(120,68,40)
```
#874d2d
```
#874d2d rgb(135,77,45)
```
#955531
```
#955531 rgb(149,85,49)
```
#a45d36
```
#a45d36 rgb(164,93,54)
```
#b3663b
```
#b3663b rgb(179,102,59)
```

Shade Color Variation

#c06f42
```
#c06f42 rgb(192,111,66)
```
#c57a50
```
#c57a50 rgb(197,122,80)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#cf906e
```
#cf906e rgb(207,144,110)
```
#d49b7c
```
#d49b7c rgb(212,155,124)
```
#d9a78b
```
#d9a78b rgb(217,167,139)
```
#deb29a
```
#deb29a rgb(222,178,154)
```
#e2bda9
```
#e2bda9 rgb(226,189,169)
```
#e7c8b7
```
#e7c8b7 rgb(231,200,183)
```
#ecd4c6
```
#ecd4c6 rgb(236,212,198)
```
#f1dfd5
```
#f1dfd5 rgb(241,223,213)
```
#f6eae4
```
#f6eae4 rgb(246,234,228)
```
#fbf5f2
```
#fbf5f2 rgb(251,245,242)
```

Tint Color Variation

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

#999390
```
#999390 rgb(153,147,144)
```
#a19188
```
#a19188 rgb(161,145,136)
```
#a98e80
```
#a98e80 rgb(169,142,128)
```
#b18c78
```
#b18c78 rgb(177,140,120)
```
#ba8a6f
```
#ba8a6f rgb(186,138,111)
```
#c28767
```
#c28767 rgb(194,135,103)
```
#ca855f
```
#ca855f rgb(202,133,95)
```
#d28357
```
#d28357 rgb(210,131,87)
```
#da804f
```
#da804f rgb(218,128,79)
```
#e37e46
```
#e37e46 rgb(227,126,70)
```
#eb7c3e
```
#eb7c3e rgb(235,124,62)
```
#f37936
```
#f37936 rgb(243,121,54)
```
#fb772e
```
#fb772e rgb(251,119,46)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a0928a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69a6d Protanopia 1% of men
#b99464 Deuteranopia 1% of men
#d0868f Tritanopia 0.001% of the population

Trichromacy

#b39267 Protanomaly 1% of men, 0.01% of women
#bf8e62 Deuteranomaly 6% of men, 0.4% of women
#cd857d Tritanomaly 0.01% of the population

#ca855f hex color

#ca855f Color Information

#ca855f Color Conversion

Color Schemes with #ca855f

Alternatives to #ca855f

#ca855f Preview

Shades and Tints of #ca855f

Tones of #ca855f

Color Blindness Simulator