#ca5520 hex color

In a RGB color space, hex #ca5520 is composed of 79.2% red, 33.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 84.2% yellow and 20.8% black. It has a hue angle of 18.7 degrees, a saturation of 72.6% and a lightness of 45.9%. #ca5520 color hex could be obtained by blending #ffaa40 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 33
- B 13
RGB color chart
- C 0
- M 58
- Y 84
- K 21
CMYK color chart

● #ca5520 color description : Strong orange.

The hexadecimal color #ca5520 has RGB values of R:202, G:85, B:32 and CMYK values of C:0, M:0.58, Y:0.84, K:0.21. Its decimal value is 13260064.

Hex triplet	ca5520	`#ca5520`
RGB Decimal	202, 85, 32	`rgb(202,85,32)`
RGB Percent	79.2, 33.3, 12.5	`rgb(79.2%,33.3%,12.5%)`
CMYK	0, 58, 84, 21
HSL	18.7°, 72.6, 45.9	`hsl(18.7,72.6%,45.9%)`
HSV (or HSB)	18.7°, 84.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	50.875, 43.914, 51.125
XYZ	27.868, 19.161, 3.597
xyY	0.55, 0.378, 19.161
CIE-LCH	50.875, 67.396, 49.339
CIE-LUV	50.875, 95.25, 40.03
Hunter-Lab	43.773, 37.037, 25.768
Binary	11001010, 01010101, 00100000

#ca5520
```
#ca5520 rgb(202,85,32)
```
#2095ca
```
#2095ca rgb(32,149,202)
```

Complementary Color

#ca2040
```
#ca2040 rgb(202,32,64)
```
#ca5520
```
#ca5520 rgb(202,85,32)
```
#caaa20
```
#caaa20 rgb(202,170,32)
```

Analogous Color

#2040ca
```
#2040ca rgb(32,64,202)
```
#ca5520
```
#ca5520 rgb(202,85,32)
```
#20caaa
```
#20caaa rgb(32,202,170)
```

Split Complementary Color

#5520ca
```
#5520ca rgb(85,32,202)
```
#ca5520
```
#ca5520 rgb(202,85,32)
```
#20ca55
```
#20ca55 rgb(32,202,85)
```

Triadic Color

#ca2095
```
#ca2095 rgb(202,32,149)
```
#ca5520
```
#ca5520 rgb(202,85,32)
```
#20ca55
```
#20ca55 rgb(32,202,85)
```
#2095ca
```
#2095ca rgb(32,149,202)
```

Tetradic Color

#883916
```
#883916 rgb(136,57,22)
```
#9e4219
```
#9e4219 rgb(158,66,25)
```
#b44c1d
```
#b44c1d rgb(180,76,29)
```
#ca5520
```
#ca5520 rgb(202,85,32)
```
#dd5f27
```
#dd5f27 rgb(221,95,39)
```
#e0703d
```
#e0703d rgb(224,112,61)
```
#e48053
```
#e48053 rgb(228,128,83)
```

Monochromatic Color

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

#ca2a20
```
#ca2a20 rgb(202,42,32)
```
#ca3920
```
#ca3920 rgb(202,57,32)
```
#ca4720
```
#ca4720 rgb(202,71,32)
```
#ca5520
```
#ca5520 rgb(202,85,32)
```
#ca6320
```
#ca6320 rgb(202,99,32)
```
#ca7120
```
#ca7120 rgb(202,113,32)
```
#ca8020
```
#ca8020 rgb(202,128,32)
```

Similar Colors

Text with hexadecimal color #ca5520

This text has a font color of #ca5520.

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

#ca5520 background color

This paragraph has a background color of #ca5520.

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

#ca5520 border color

This element has a border color of #ca5520.

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

CSS codes

.text {color:#ca5520;}

.background {background-color:#ca5520;}

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

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

#100702
```
#100702 rgb(16,7,2)
```
#210e05
```
#210e05 rgb(33,14,5)
```
#321508
```
#321508 rgb(50,21,8)
```
#431c0b
```
#431c0b rgb(67,28,11)
```
#53230d
```
#53230d rgb(83,35,13)
```
#642a10
```
#642a10 rgb(100,42,16)
```
#753113
```
#753113 rgb(117,49,19)
```
#863815
```
#863815 rgb(134,56,21)
```
#974018
```
#974018 rgb(151,64,24)
```
#a8471b
```
#a8471b rgb(168,71,27)
```
#b94e1d
```
#b94e1d rgb(185,78,29)
```
#ca5520
```
#ca5520 rgb(202,85,32)
```
#db5c23
```
#db5c23 rgb(219,92,35)
```

Shade Color Variation

#df6833
```
#df6833 rgb(223,104,51)
```
#e17544
```
#e17544 rgb(225,117,68)
```
#e48154
```
#e48154 rgb(228,129,84)
```
#e78e65
```
#e78e65 rgb(231,142,101)
```
#e99a76
```
#e99a76 rgb(233,154,118)
```
#eca787
```
#eca787 rgb(236,167,135)
```
#efb398
```
#efb398 rgb(239,179,152)
```
#f1c0a9
```
#f1c0a9 rgb(241,192,169)
```
#f4ccba
```
#f4ccba rgb(244,204,186)
```
#f7d9cb
```
#f7d9cb rgb(247,217,203)
```
#f9e5dc
```
#f9e5dc rgb(249,229,220)
```
#fcf2ed
```
#fcf2ed rgb(252,242,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#797371
```
#797371 rgb(121,115,113)
```
#827068
```
#827068 rgb(130,112,104)
```
#8b6d5f
```
#8b6d5f rgb(139,109,95)
```
#946956
```
#946956 rgb(148,105,86)
```
#9d664d
```
#9d664d rgb(157,102,77)
```
#a66344
```
#a66344 rgb(166,99,68)
```
#af5f3b
```
#af5f3b rgb(175,95,59)
```
#b85c32
```
#b85c32 rgb(184,92,50)
```
#c15829
```
#c15829 rgb(193,88,41)
```
#ca5520
```
#ca5520 rgb(202,85,32)
```
#d35217
```
#d35217 rgb(211,82,23)
```
#dc4e0e
```
#dc4e0e rgb(220,78,14)
```
#e54b05
```
#e54b05 rgb(229,75,5)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#846c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8034 Protanopia 1% of men
#9f7a1f Deuteranopia 1% of men
#ce585d Tritanopia 0.001% of the population

Trichromacy

#a4702d Protanomaly 1% of men, 0.01% of women
#af6c1f Deuteranomaly 6% of men, 0.4% of women
#cc5747 Tritanomaly 0.01% of the population

#ca5520 hex color

#ca5520 Color Information

#ca5520 Color Conversion

Color Schemes with #ca5520

Alternatives to #ca5520

#ca5520 Preview

Shades and Tints of #ca5520

Tones of #ca5520

Color Blindness Simulator