#ca422a hex color

In a RGB color space, hex #ca422a is composed of 79.2% red, 25.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 79.2% yellow and 20.8% black. It has a hue angle of 9 degrees, a saturation of 65.6% and a lightness of 47.8%. #ca422a color hex could be obtained by blending #ff8454 with #950000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 79
- G 26
- B 16
RGB color chart
- C 0
- M 67
- Y 79
- K 21
CMYK color chart

● #ca422a color description : Strong red.

The hexadecimal color #ca422a has RGB values of R:202, G:66, B:42 and CMYK values of C:0, M:0.67, Y:0.79, K:0.21. Its decimal value is 13255210.

Hex triplet	ca422a	`#ca422a`
RGB Decimal	202, 66, 42	`rgb(202,66,42)`
RGB Percent	79.2, 25.9, 16.5	`rgb(79.2%,25.9%,16.5%)`
CMYK	0, 67, 79, 21
HSL	9°, 65.6, 47.8	`hsl(9,65.6%,47.8%)`
HSV (or HSB)	9°, 79.2, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.782, 52.641, 43.528
XYZ	26.724, 16.623, 3.992
xyY	0.565, 0.351, 16.623
CIE-LCH	47.782, 68.306, 39.587
CIE-LUV	47.782, 107.63, 31.712
Hunter-Lab	40.772, 45.651, 22.735
Binary	11001010, 01000010, 00101010

#ca422a
```
#ca422a rgb(202,66,42)
```
#2ab2ca
```
#2ab2ca rgb(42,178,202)
```

Complementary Color

#ca2a62
```
#ca2a62 rgb(202,42,98)
```
#ca422a
```
#ca422a rgb(202,66,42)
```
#ca922a
```
#ca922a rgb(202,146,42)
```

Analogous Color

#2a62ca
```
#2a62ca rgb(42,98,202)
```
#ca422a
```
#ca422a rgb(202,66,42)
```
#2aca92
```
#2aca92 rgb(42,202,146)
```

Split Complementary Color

#422aca
```
#422aca rgb(66,42,202)
```
#ca422a
```
#ca422a rgb(202,66,42)
```
#2aca42
```
#2aca42 rgb(42,202,66)
```

Triadic Color

#ca2ab2
```
#ca2ab2 rgb(202,42,178)
```
#ca422a
```
#ca422a rgb(202,66,42)
```
#2aca42
```
#2aca42 rgb(42,202,66)
```
#2ab2ca
```
#2ab2ca rgb(42,178,202)
```

Tetradic Color

#8b2d1d
```
#8b2d1d rgb(139,45,29)
```
#a03421
```
#a03421 rgb(160,52,33)
```
#b53b26
```
#b53b26 rgb(181,59,38)
```
#ca422a
```
#ca422a rgb(202,66,42)
```
#d65038
```
#d65038 rgb(214,80,56)
```
#da624d
```
#da624d rgb(218,98,77)
```
#de7562
```
#de7562 rgb(222,117,98)
```

Monochromatic Color

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

#ca2a3a
```
#ca2a3a rgb(202,42,58)
```
#ca2a2d
```
#ca2a2d rgb(202,42,45)
```
#ca352a
```
#ca352a rgb(202,53,42)
```
#ca422a
```
#ca422a rgb(202,66,42)
```
#ca4f2a
```
#ca4f2a rgb(202,79,42)
```
#ca5d2a
```
#ca5d2a rgb(202,93,42)
```
#ca6a2a
```
#ca6a2a rgb(202,106,42)
```

Similar Colors

Text with hexadecimal color #ca422a

This text has a font color of #ca422a.

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

#ca422a background color

This paragraph has a background color of #ca422a.

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

#ca422a border color

This element has a border color of #ca422a.

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

CSS codes

.text {color:#ca422a;}

.background {background-color:#ca422a;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#170805
```
#170805 rgb(23,8,5)
```
#280d08
```
#280d08 rgb(40,13,8)
```
#38120c
```
#38120c rgb(56,18,12)
```
#48180f
```
#48180f rgb(72,24,15)
```
#581d12
```
#581d12 rgb(88,29,18)
```
#692216
```
#692216 rgb(105,34,22)
```
#792719
```
#792719 rgb(121,39,25)
```
#892d1c
```
#892d1c rgb(137,45,28)
```
#993220
```
#993220 rgb(153,50,32)
```
#aa3723
```
#aa3723 rgb(170,55,35)
```
#ba3d27
```
#ba3d27 rgb(186,61,39)
```
#ca422a
```
#ca422a rgb(202,66,42)
```

Shade Color Variation

#d54b33
```
#d54b33 rgb(213,75,51)
```
#d85a43
```
#d85a43 rgb(216,90,67)
```
#db6854
```
#db6854 rgb(219,104,84)
```
#df7664
```
#df7664 rgb(223,118,100)
```
#e28474
```
#e28474 rgb(226,132,116)
```
#e59384
```
#e59384 rgb(229,147,132)
```
#e9a194
```
#e9a194 rgb(233,161,148)
```
#ecafa5
```
#ecafa5 rgb(236,175,165)
```
#f0beb5
```
#f0beb5 rgb(240,190,181)
```
#f3ccc5
```
#f3ccc5 rgb(243,204,197)
```
#f6dad5
```
#f6dad5 rgb(246,218,213)
```
#fae9e6
```
#fae9e6 rgb(250,233,230)
```
#fdf7f6
```
#fdf7f6 rgb(253,247,246)
```

Tint Color Variation

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

#7f7775
```
#7f7775 rgb(127,119,117)
```
#88706c
```
#88706c rgb(136,112,108)
```
#926962
```
#926962 rgb(146,105,98)
```
#9b6359
```
#9b6359 rgb(155,99,89)
```
#a45c50
```
#a45c50 rgb(164,92,80)
```
#ae5646
```
#ae5646 rgb(174,86,70)
```
#b74f3d
```
#b74f3d rgb(183,79,61)
```
#c14933
```
#c14933 rgb(193,73,51)
```
#ca422a
```
#ca422a rgb(202,66,42)
```
#d33b21
```
#d33b21 rgb(211,59,33)
```
#dd3517
```
#dd3517 rgb(221,53,23)
```
#e62e0e
```
#e62e0e rgb(230,46,14)
```
#f02804
```
#f02804 rgb(240,40,4)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7c605c Atypical Achromatopsia 0.001% of the population

Dichromacy

#847841 Protanopia 1% of men
#957329 Deuteranopia 1% of men
#cd484c Tritanopia 0.001% of the population

Trichromacy

#9d6439 Protanomaly 1% of men, 0.01% of women
#a86129 Deuteranomaly 6% of men, 0.4% of women
#cc463f Tritanomaly 0.01% of the population

#ca422a hex color

#ca422a Color Information

#ca422a Color Conversion

Color Schemes with #ca422a

Alternatives to #ca422a

#ca422a Preview

Shades and Tints of #ca422a

Tones of #ca422a

Color Blindness Simulator