#ca221d hex color

In a RGB color space, hex #ca221d is composed of 79.2% red, 13.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.2% magenta, 85.6% yellow and 20.8% black. It has a hue angle of 1.7 degrees, a saturation of 74.9% and a lightness of 45.3%. #ca221d color hex could be obtained by blending #ff443a with #950000. Closest websafe color is: #cc3333.

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

● #ca221d color description : Strong red.

The hexadecimal color #ca221d has RGB values of R:202, G:34, B:29 and CMYK values of C:0, M:0.83, Y:0.86, K:0.21. Its decimal value is 13247005.

Hex triplet	ca221d	`#ca221d`
RGB Decimal	202, 34, 29	`rgb(202,34,29)`
RGB Percent	79.2, 13.3, 11.4	`rgb(79.2%,13.3%,11.4%)`
CMYK	0, 83, 86, 21
HSL	1.7°, 74.9, 45.3	`hsl(1.7,74.9%,45.3%)`
HSV (or HSB)	1.7°, 85.6, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.934, 62.672, 46.488
XYZ	25.152, 13.793, 2.5
xyY	0.607, 0.333, 13.793
CIE-LCH	43.934, 78.032, 36.567
CIE-LUV	43.934, 126.889, 28.486
Hunter-Lab	37.138, 55.899, 22.005
Binary	11001010, 00100010, 00011101

#ca221d
```
#ca221d rgb(202,34,29)
```
#1dc5ca
```
#1dc5ca rgb(29,197,202)
```

Complementary Color

#ca1d6f
```
#ca1d6f rgb(202,29,111)
```
#ca221d
```
#ca221d rgb(202,34,29)
```
#ca791d
```
#ca791d rgb(202,121,29)
```

Analogous Color

#1d6fca
```
#1d6fca rgb(29,111,202)
```
#ca221d
```
#ca221d rgb(202,34,29)
```
#1dca79
```
#1dca79 rgb(29,202,121)
```

Split Complementary Color

#221dca
```
#221dca rgb(34,29,202)
```
#ca221d
```
#ca221d rgb(202,34,29)
```
#1dca22
```
#1dca22 rgb(29,202,34)
```

Triadic Color

#ca1dc5
```
#ca1dc5 rgb(202,29,197)
```
#ca221d
```
#ca221d rgb(202,34,29)
```
#1dca22
```
#1dca22 rgb(29,202,34)
```
#1dc5ca
```
#1dc5ca rgb(29,197,202)
```

Tetradic Color

#871713
```
#871713 rgb(135,23,19)
```
#9d1a17
```
#9d1a17 rgb(157,26,23)
```
#b41e1a
```
#b41e1a rgb(180,30,26)
```
#ca221d
```
#ca221d rgb(202,34,29)
```
#df2721
```
#df2721 rgb(223,39,33)
```
#e23d38
```
#e23d38 rgb(226,61,56)
```
#e6524e
```
#e6524e rgb(230,82,78)
```

Monochromatic Color

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

#ca1d43
```
#ca1d43 rgb(202,29,67)
```
#ca1d35
```
#ca1d35 rgb(202,29,53)
```
#ca1d26
```
#ca1d26 rgb(202,29,38)
```
#ca221d
```
#ca221d rgb(202,34,29)
```
#ca301d
```
#ca301d rgb(202,48,29)
```
#ca3f1d
```
#ca3f1d rgb(202,63,29)
```
#ca4d1d
```
#ca4d1d rgb(202,77,29)
```

Similar Colors

Text with hexadecimal color #ca221d

This text has a font color of #ca221d.

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

#ca221d background color

This paragraph has a background color of #ca221d.

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

#ca221d border color

This element has a border color of #ca221d.

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

CSS codes

.text {color:#ca221d;}

.background {background-color:#ca221d;}

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

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, #0d0202 is the darkest color, while #fefbfb is the lightest one.

#0d0202
```
#0d0202 rgb(13,2,2)
```
#1e0504
```
#1e0504 rgb(30,5,4)
```
#300807
```
#300807 rgb(48,8,7)
```
#410b09
```
#410b09 rgb(65,11,9)
```
#520e0c
```
#520e0c rgb(82,14,12)
```
#63110e
```
#63110e rgb(99,17,14)
```
#741411
```
#741411 rgb(116,20,17)
```
#851613
```
#851613 rgb(133,22,19)
```
#971916
```
#971916 rgb(151,25,22)
```
#a81c18
```
#a81c18 rgb(168,28,24)
```
#b91f1b
```
#b91f1b rgb(185,31,27)
```
#ca221d
```
#ca221d rgb(202,34,29)
```
#db251f
```
#db251f rgb(219,37,31)
```

Shade Color Variation

#e1332d
```
#e1332d rgb(225,51,45)
```
#e3433e
```
#e3433e rgb(227,67,62)
```
#e65450
```
#e65450 rgb(230,84,80)
```
#e86561
```
#e86561 rgb(232,101,97)
```
#eb7572
```
#eb7572 rgb(235,117,114)
```
#ed8683
```
#ed8683 rgb(237,134,131)
```
#f09794
```
#f09794 rgb(240,151,148)
```
#f2a8a5
```
#f2a8a5 rgb(242,168,165)
```
#f5b8b7
```
#f5b8b7 rgb(245,184,183)
```
#f7c9c8
```
#f7c9c8 rgb(247,201,200)
```
#fadad9
```
#fadad9 rgb(250,218,217)
```
#fcebea
```
#fcebea rgb(252,235,234)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#7a6d6d
```
#7a6d6d rgb(122,109,109)
```
#836564
```
#836564 rgb(131,101,100)
```
#8c5d5b
```
#8c5d5b rgb(140,93,91)
```
#955452
```
#955452 rgb(149,84,82)
```
#9e4c49
```
#9e4c49 rgb(158,76,73)
```
#a64341
```
#a64341 rgb(166,67,65)
```
#af3b38
```
#af3b38 rgb(175,59,56)
```
#b8332f
```
#b8332f rgb(184,51,47)
```
#c12a26
```
#c12a26 rgb(193,42,38)
```
#ca221d
```
#ca221d rgb(202,34,29)
```
#d31a14
```
#d31a14 rgb(211,26,20)
```
#dc110b
```
#dc110b rgb(220,17,11)
```
#e50902
```
#e50902 rgb(229,9,2)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6c4a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f38 Protanopia 1% of men
#8b6a13 Deuteranopia 1% of men
#cc2c2c Tritanopia 0.001% of the population

Trichromacy

#97532e Protanomaly 1% of men, 0.01% of women
#a25017 Deuteranomaly 6% of men, 0.4% of women
#cb2826 Tritanomaly 0.01% of the population

#ca221d hex color

#ca221d Color Information

#ca221d Color Conversion

Color Schemes with #ca221d

Alternatives to #ca221d

#ca221d Preview

Shades and Tints of #ca221d

Tones of #ca221d

Color Blindness Simulator