#ca7a22 hex color

In a RGB color space, hex #ca7a22 is composed of 79.2% red, 47.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.6% magenta, 83.2% yellow and 20.8% black. It has a hue angle of 31.4 degrees, a saturation of 71.2% and a lightness of 46.3%. #ca7a22 color hex could be obtained by blending #fff444 with #950000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 79
- G 48
- B 13
RGB color chart
- C 0
- M 40
- Y 83
- K 21
CMYK color chart

● #ca7a22 color description : Strong orange.

The hexadecimal color #ca7a22 has RGB values of R:202, G:122, B:34 and CMYK values of C:0, M:0.4, Y:0.83, K:0.21. Its decimal value is 13269538.

Hex triplet	ca7a22	`#ca7a22`
RGB Decimal	202, 122, 34	`rgb(202,122,34)`
RGB Percent	79.2, 47.8, 13.3	`rgb(79.2%,47.8%,13.3%)`
CMYK	0, 40, 83, 21
HSL	31.4°, 71.2, 46.3	`hsl(31.4,71.2%,46.3%)`
HSV (or HSB)	31.4°, 83.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	58.596, 24.868, 57.081
XYZ	31.606, 26.594, 4.982
xyY	0.5, 0.421, 26.594
CIE-LCH	58.596, 62.263, 66.459
CIE-LUV	58.596, 65.489, 52.531
Hunter-Lab	51.569, 19.156, 30.371
Binary	11001010, 01111010, 00100010

#ca7a22
```
#ca7a22 rgb(202,122,34)
```
#2272ca
```
#2272ca rgb(34,114,202)
```

Complementary Color

#ca2622
```
#ca2622 rgb(202,38,34)
```
#ca7a22
```
#ca7a22 rgb(202,122,34)
```
#c6ca22
```
#c6ca22 rgb(198,202,34)
```

Analogous Color

#2622ca
```
#2622ca rgb(38,34,202)
```
#ca7a22
```
#ca7a22 rgb(202,122,34)
```
#22c6ca
```
#22c6ca rgb(34,198,202)
```

Split Complementary Color

#7a22ca
```
#7a22ca rgb(122,34,202)
```
#ca7a22
```
#ca7a22 rgb(202,122,34)
```
#22ca7a
```
#22ca7a rgb(34,202,122)
```

Triadic Color

#ca2272
```
#ca2272 rgb(202,34,114)
```
#ca7a22
```
#ca7a22 rgb(202,122,34)
```
#22ca7a
```
#22ca7a rgb(34,202,122)
```
#2272ca
```
#2272ca rgb(34,114,202)
```

Tetradic Color

#895217
```
#895217 rgb(137,82,23)
```
#9e601b
```
#9e601b rgb(158,96,27)
```
#b46d1e
```
#b46d1e rgb(180,109,30)
```
#ca7a22
```
#ca7a22 rgb(202,122,34)
```
#db872a
```
#db872a rgb(219,135,42)
```
#df9340
```
#df9340 rgb(223,147,64)
```
#e3a056
```
#e3a056 rgb(227,160,86)
```

Monochromatic Color

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

#ca5022
```
#ca5022 rgb(202,80,34)
```
#ca5e22
```
#ca5e22 rgb(202,94,34)
```
#ca6c22
```
#ca6c22 rgb(202,108,34)
```
#ca7a22
```
#ca7a22 rgb(202,122,34)
```
#ca8822
```
#ca8822 rgb(202,136,34)
```
#ca9622
```
#ca9622 rgb(202,150,34)
```
#caa422
```
#caa422 rgb(202,164,34)
```

Similar Colors

Text with hexadecimal color #ca7a22

This text has a font color of #ca7a22.

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

#ca7a22 background color

This paragraph has a background color of #ca7a22.

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

#ca7a22 border color

This element has a border color of #ca7a22.

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

CSS codes

.text {color:#ca7a22;}

.background {background-color:#ca7a22;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110a03
```
#110a03 rgb(17,10,3)
```
#221506
```
#221506 rgb(34,21,6)
```
#331f09
```
#331f09 rgb(51,31,9)
```
#44290b
```
#44290b rgb(68,41,11)
```
#54330e
```
#54330e rgb(84,51,14)
```
#653d11
```
#653d11 rgb(101,61,17)
```
#764714
```
#764714 rgb(118,71,20)
```
#875117
```
#875117 rgb(135,81,23)
```
#985c1a
```
#985c1a rgb(152,92,26)
```
#a8661c
```
#a8661c rgb(168,102,28)
```
#b9701f
```
#b9701f rgb(185,112,31)
```
#ca7a22
```
#ca7a22 rgb(202,122,34)
```

Shade Color Variation

#da8425
```
#da8425 rgb(218,132,37)
```
#dd8e36
```
#dd8e36 rgb(221,142,54)
```
#e09747
```
#e09747 rgb(224,151,71)
```
#e3a158
```
#e3a158 rgb(227,161,88)
```
#e6aa68
```
#e6aa68 rgb(230,170,104)
```
#e8b379
```
#e8b379 rgb(232,179,121)
```
#ebbd8a
```
#ebbd8a rgb(235,189,138)
```
#eec69b
```
#eec69b rgb(238,198,155)
```
#f1d0ac
```
#f1d0ac rgb(241,208,172)
```
#f4d9bc
```
#f4d9bc rgb(244,217,188)
```
#f7e3cd
```
#f7e3cd rgb(247,227,205)
```
#f9ecde
```
#f9ecde rgb(249,236,222)
```
#fcf6ef
```
#fcf6ef rgb(252,246,239)
```

Tint Color Variation

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

#787674
```
#787674 rgb(120,118,116)
```
#81776b
```
#81776b rgb(129,119,107)
```
#8a7762
```
#8a7762 rgb(138,119,98)
```
#947758
```
#947758 rgb(148,119,88)
```
#9d784f
```
#9d784f rgb(157,120,79)
```
#a67846
```
#a67846 rgb(166,120,70)
```
#af793d
```
#af793d rgb(175,121,61)
```
#b87934
```
#b87934 rgb(184,121,52)
```
#c17a2b
```
#c17a2b rgb(193,122,43)
```
#ca7a22
```
#ca7a22 rgb(202,122,34)
```
#d37a19
```
#d37a19 rgb(211,122,25)
```
#dc7b10
```
#dc7b10 rgb(220,123,16)
```
#e57b07
```
#e57b07 rgb(229,123,7)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#958574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39332 Protanopia 1% of men
#b68b28 Deuteranopia 1% of men
#d17981 Tritanopia 0.001% of the population

Trichromacy

#b1892c Protanomaly 1% of men, 0.01% of women
#bd8525 Deuteranomaly 6% of men, 0.4% of women
#ce795e Tritanomaly 0.01% of the population

#ca7a22 hex color

#ca7a22 Color Information

#ca7a22 Color Conversion

Color Schemes with #ca7a22

Alternatives to #ca7a22

#ca7a22 Preview

Shades and Tints of #ca7a22

Tones of #ca7a22

Color Blindness Simulator