#ca7020 hex color

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

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

● #ca7020 color description : Strong orange.

The hexadecimal color #ca7020 has RGB values of R:202, G:112, B:32 and CMYK values of C:0, M:0.45, Y:0.84, K:0.21. Its decimal value is 13266976.

Hex triplet	ca7020	`#ca7020`
RGB Decimal	202, 112, 32	`rgb(202,112,32)`
RGB Percent	79.2, 43.9, 12.5	`rgb(79.2%,43.9%,12.5%)`
CMYK	0, 45, 84, 21
HSL	28.2°, 72.6, 45.9	`hsl(28.2,72.6%,45.9%)`
HSV (or HSB)	28.2°, 84.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.339, 30.182, 55.853
XYZ	30.413, 24.252, 4.446
xyY	0.515, 0.41, 24.252
CIE-LCH	56.339, 63.486, 61.614
CIE-LUV	56.339, 73.733, 49.254
Hunter-Lab	49.246, 24.056, 29.12
Binary	11001010, 01110000, 00100000

#ca7020
```
#ca7020 rgb(202,112,32)
```
#207aca
```
#207aca rgb(32,122,202)
```

Complementary Color

#ca2025
```
#ca2025 rgb(202,32,37)
```
#ca7020
```
#ca7020 rgb(202,112,32)
```
#cac520
```
#cac520 rgb(202,197,32)
```

Analogous Color

#2025ca
```
#2025ca rgb(32,37,202)
```
#ca7020
```
#ca7020 rgb(202,112,32)
```
#20cac5
```
#20cac5 rgb(32,202,197)
```

Split Complementary Color

#7020ca
```
#7020ca rgb(112,32,202)
```
#ca7020
```
#ca7020 rgb(202,112,32)
```
#20ca70
```
#20ca70 rgb(32,202,112)
```

Triadic Color

#ca207a
```
#ca207a rgb(202,32,122)
```
#ca7020
```
#ca7020 rgb(202,112,32)
```
#20ca70
```
#20ca70 rgb(32,202,112)
```
#207aca
```
#207aca rgb(32,122,202)
```

Tetradic Color

#884b16
```
#884b16 rgb(136,75,22)
```
#9e5819
```
#9e5819 rgb(158,88,25)
```
#b4641d
```
#b4641d rgb(180,100,29)
```
#ca7020
```
#ca7020 rgb(202,112,32)
```
#dd7c27
```
#dd7c27 rgb(221,124,39)
```
#e08a3d
```
#e08a3d rgb(224,138,61)
```
#e49753
```
#e49753 rgb(228,151,83)
```

Monochromatic Color

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

#ca4520
```
#ca4520 rgb(202,69,32)
```
#ca5420
```
#ca5420 rgb(202,84,32)
```
#ca6220
```
#ca6220 rgb(202,98,32)
```
#ca7020
```
#ca7020 rgb(202,112,32)
```
#ca7e20
```
#ca7e20 rgb(202,126,32)
```
#ca8c20
```
#ca8c20 rgb(202,140,32)
```
#ca9b20
```
#ca9b20 rgb(202,155,32)
```

Similar Colors

Text with hexadecimal color #ca7020

This text has a font color of #ca7020.

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

#ca7020 background color

This paragraph has a background color of #ca7020.

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

#ca7020 border color

This element has a border color of #ca7020.

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

CSS codes

.text {color:#ca7020;}

.background {background-color:#ca7020;}

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

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

#100902
```
#100902 rgb(16,9,2)
```
#211205
```
#211205 rgb(33,18,5)
```
#321c08
```
#321c08 rgb(50,28,8)
```
#43250b
```
#43250b rgb(67,37,11)
```
#532e0d
```
#532e0d rgb(83,46,13)
```
#643810
```
#643810 rgb(100,56,16)
```
#754113
```
#754113 rgb(117,65,19)
```
#864a15
```
#864a15 rgb(134,74,21)
```
#975418
```
#975418 rgb(151,84,24)
```
#a85d1b
```
#a85d1b rgb(168,93,27)
```
#b9671d
```
#b9671d rgb(185,103,29)
```
#ca7020
```
#ca7020 rgb(202,112,32)
```
#db7923
```
#db7923 rgb(219,121,35)
```

Shade Color Variation

#df8433
```
#df8433 rgb(223,132,51)
```
#e18e44
```
#e18e44 rgb(225,142,68)
```
#e49854
```
#e49854 rgb(228,152,84)
```
#e7a265
```
#e7a265 rgb(231,162,101)
```
#e9ac76
```
#e9ac76 rgb(233,172,118)
```
#ecb787
```
#ecb787 rgb(236,183,135)
```
#efc198
```
#efc198 rgb(239,193,152)
```
#f1cba9
```
#f1cba9 rgb(241,203,169)
```
#f4d5ba
```
#f4d5ba rgb(244,213,186)
```
#f7e0cb
```
#f7e0cb rgb(247,224,203)
```
#f9eadc
```
#f9eadc rgb(249,234,220)
```
#fcf4ed
```
#fcf4ed rgb(252,244,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#797571
```
#797571 rgb(121,117,113)
```
#827468
```
#827468 rgb(130,116,104)
```
#8b745f
```
#8b745f rgb(139,116,95)
```
#947356
```
#947356 rgb(148,115,86)
```
#9d734d
```
#9d734d rgb(157,115,77)
```
#a67244
```
#a67244 rgb(166,114,68)
```
#af723b
```
#af723b rgb(175,114,59)
```
#b87132
```
#b87132 rgb(184,113,50)
```
#c17129
```
#c17129 rgb(193,113,41)
```
#ca7020
```
#ca7020 rgb(202,112,32)
```
#d36f17
```
#d36f17 rgb(211,111,23)
```
#dc6f0e
```
#dc6f0e rgb(220,111,14)
```
#e56e05
```
#e56e05 rgb(229,110,5)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#907e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8d31 Protanopia 1% of men
#b08623 Deuteranopia 1% of men
#d07077 Tritanopia 0.001% of the population

Trichromacy

#ad822b Protanomaly 1% of men, 0.01% of women
#b97e22 Deuteranomaly 6% of men, 0.4% of women
#ce7057 Tritanomaly 0.01% of the population

#ca7020 hex color

#ca7020 Color Information

#ca7020 Color Conversion

Color Schemes with #ca7020

Alternatives to #ca7020

#ca7020 Preview

Shades and Tints of #ca7020

Tones of #ca7020

Color Blindness Simulator