#ca6422 hex color

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

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

● #ca6422 color description : Strong orange.

The hexadecimal color #ca6422 has RGB values of R:202, G:100, B:34 and CMYK values of C:0, M:0.5, Y:0.83, K:0.21. Its decimal value is 13263906.

Hex triplet	ca6422	`#ca6422`
RGB Decimal	202, 100, 34	`rgb(202,100,34)`
RGB Percent	79.2, 39.2, 13.3	`rgb(79.2%,39.2%,13.3%)`
CMYK	0, 50, 83, 21
HSL	23.6°, 71.2, 46.3	`hsl(23.6,71.2%,46.3%)`
HSV (or HSB)	23.6°, 83.2, 79.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.803, 36.522, 52.874
XYZ	29.204, 21.789, 4.181
xyY	0.529, 0.395, 21.789
CIE-LCH	53.803, 64.262, 55.366
CIE-LUV	53.803, 83.297, 44.557
Hunter-Lab	46.679, 29.989, 27.364
Binary	11001010, 01100100, 00100010

#ca6422
```
#ca6422 rgb(202,100,34)
```
#2288ca
```
#2288ca rgb(34,136,202)
```

Complementary Color

#ca2234
```
#ca2234 rgb(202,34,52)
```
#ca6422
```
#ca6422 rgb(202,100,34)
```
#cab822
```
#cab822 rgb(202,184,34)
```

Analogous Color

#2234ca
```
#2234ca rgb(34,52,202)
```
#ca6422
```
#ca6422 rgb(202,100,34)
```
#22cab8
```
#22cab8 rgb(34,202,184)
```

Split Complementary Color

#6422ca
```
#6422ca rgb(100,34,202)
```
#ca6422
```
#ca6422 rgb(202,100,34)
```
#22ca64
```
#22ca64 rgb(34,202,100)
```

Triadic Color

#ca2288
```
#ca2288 rgb(202,34,136)
```
#ca6422
```
#ca6422 rgb(202,100,34)
```
#22ca64
```
#22ca64 rgb(34,202,100)
```
#2288ca
```
#2288ca rgb(34,136,202)
```

Tetradic Color

#894417
```
#894417 rgb(137,68,23)
```
#9e4e1b
```
#9e4e1b rgb(158,78,27)
```
#b4591e
```
#b4591e rgb(180,89,30)
```
#ca6422
```
#ca6422 rgb(202,100,34)
```
#db702a
```
#db702a rgb(219,112,42)
```
#df7e40
```
#df7e40 rgb(223,126,64)
```
#e38d56
```
#e38d56 rgb(227,141,86)
```

Monochromatic Color

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

#ca3a22
```
#ca3a22 rgb(202,58,34)
```
#ca4822
```
#ca4822 rgb(202,72,34)
```
#ca5622
```
#ca5622 rgb(202,86,34)
```
#ca6422
```
#ca6422 rgb(202,100,34)
```
#ca7222
```
#ca7222 rgb(202,114,34)
```
#ca8022
```
#ca8022 rgb(202,128,34)
```
#ca8e22
```
#ca8e22 rgb(202,142,34)
```

Similar Colors

Text with hexadecimal color #ca6422

This text has a font color of #ca6422.

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

#ca6422 background color

This paragraph has a background color of #ca6422.

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

#ca6422 border color

This element has a border color of #ca6422.

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

CSS codes

.text {color:#ca6422;}

.background {background-color:#ca6422;}

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

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 #fcf4ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110903
```
#110903 rgb(17,9,3)
```
#221106
```
#221106 rgb(34,17,6)
```
#331909
```
#331909 rgb(51,25,9)
```
#44220b
```
#44220b rgb(68,34,11)
```
#542a0e
```
#542a0e rgb(84,42,14)
```
#653211
```
#653211 rgb(101,50,17)
```
#763a14
```
#763a14 rgb(118,58,20)
```
#874317
```
#874317 rgb(135,67,23)
```
#984b1a
```
#984b1a rgb(152,75,26)
```
#a8531c
```
#a8531c rgb(168,83,28)
```
#b95c1f
```
#b95c1f rgb(185,92,31)
```
#ca6422
```
#ca6422 rgb(202,100,34)
```

Shade Color Variation

#da6c25
```
#da6c25 rgb(218,108,37)
```
#dd7836
```
#dd7836 rgb(221,120,54)
```
#e08347
```
#e08347 rgb(224,131,71)
```
#e38e58
```
#e38e58 rgb(227,142,88)
```
#e69a68
```
#e69a68 rgb(230,154,104)
```
#e8a579
```
#e8a579 rgb(232,165,121)
```
#ebb08a
```
#ebb08a rgb(235,176,138)
```
#eebc9b
```
#eebc9b rgb(238,188,155)
```
#f1c7ac
```
#f1c7ac rgb(241,199,172)
```
#f4d2bc
```
#f4d2bc rgb(244,210,188)
```
#f7ddcd
```
#f7ddcd rgb(247,221,205)
```
#f9e9de
```
#f9e9de rgb(249,233,222)
```
#fcf4ef
```
#fcf4ef rgb(252,244,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 #e55e07 is the most saturated one.

#787674
```
#787674 rgb(120,118,116)
```
#81746b
```
#81746b rgb(129,116,107)
```
#8a7262
```
#8a7262 rgb(138,114,98)
```
#947058
```
#947058 rgb(148,112,88)
```
#9d6e4f
```
#9d6e4f rgb(157,110,79)
```
#a66c46
```
#a66c46 rgb(166,108,70)
```
#af6a3d
```
#af6a3d rgb(175,106,61)
```
#b86834
```
#b86834 rgb(184,104,52)
```
#c1662b
```
#c1662b rgb(193,102,43)
```
#ca6422
```
#ca6422 rgb(202,100,34)
```
#d36219
```
#d36219 rgb(211,98,25)
```
#dc6010
```
#dc6010 rgb(220,96,16)
```
#e55e07
```
#e55e07 rgb(229,94,7)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8b7669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968734 Protanopia 1% of men
#a88024 Deuteranopia 1% of men
#cf656c Tritanopia 0.001% of the population

Trichromacy

#a97a2d Protanomaly 1% of men, 0.01% of women
#b47623 Deuteranomaly 6% of men, 0.4% of women
#cd6551 Tritanomaly 0.01% of the population

#ca6422 hex color

#ca6422 Color Information

#ca6422 Color Conversion

Color Schemes with #ca6422

Alternatives to #ca6422

#ca6422 Preview

Shades and Tints of #ca6422

Tones of #ca6422

Color Blindness Simulator