#ca2221 hex color

In a RGB color space, hex #ca2221 is composed of 79.2% red, 13.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.2% magenta, 83.7% yellow and 20.8% black. It has a hue angle of 0.4 degrees, a saturation of 71.9% and a lightness of 46.1%. #ca2221 color hex could be obtained by blending #ff4442 with #950000. Closest websafe color is: #cc3333.

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

● #ca2221 color description : Strong red.

The hexadecimal color #ca2221 has RGB values of R:202, G:34, B:33 and CMYK values of C:0, M:0.83, Y:0.84, K:0.21. Its decimal value is 13247009.

Hex triplet	ca2221	`#ca2221`
RGB Decimal	202, 34, 33	`rgb(202,34,33)`
RGB Percent	79.2, 13.3, 12.9	`rgb(79.2%,13.3%,12.9%)`
CMYK	0, 83, 84, 21
HSL	0.4°, 71.9, 46.1	`hsl(0.4,71.9%,46.1%)`
HSV (or HSB)	0.4°, 83.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.964, 62.765, 44.509
XYZ	25.205, 13.814, 2.778
xyY	0.603, 0.33, 13.814
CIE-LCH	43.964, 76.945, 35.342
CIE-LUV	43.964, 126.279, 27.477
Hunter-Lab	37.167, 56.01, 21.585
Binary	11001010, 00100010, 00100001

#ca2221
```
#ca2221 rgb(202,34,33)
```
#21c9ca
```
#21c9ca rgb(33,201,202)
```

Complementary Color

#ca2175
```
#ca2175 rgb(202,33,117)
```
#ca2221
```
#ca2221 rgb(202,34,33)
```
#ca7721
```
#ca7721 rgb(202,119,33)
```

Analogous Color

#2175ca
```
#2175ca rgb(33,117,202)
```
#ca2221
```
#ca2221 rgb(202,34,33)
```
#21ca77
```
#21ca77 rgb(33,202,119)
```

Split Complementary Color

#2221ca
```
#2221ca rgb(34,33,202)
```
#ca2221
```
#ca2221 rgb(202,34,33)
```
#21ca22
```
#21ca22 rgb(33,202,34)
```

Triadic Color

#ca21c9
```
#ca21c9 rgb(202,33,201)
```
#ca2221
```
#ca2221 rgb(202,34,33)
```
#21ca22
```
#21ca22 rgb(33,202,34)
```
#21c9ca
```
#21c9ca rgb(33,201,202)
```

Tetradic Color

#881716
```
#881716 rgb(136,23,22)
```
#9e1b1a
```
#9e1b1a rgb(158,27,26)
```
#b41e1d
```
#b41e1d rgb(180,30,29)
```
#ca2221
```
#ca2221 rgb(202,34,33)
```
#dc2a29
```
#dc2a29 rgb(220,42,41)
```
#e03f3e
```
#e03f3e rgb(224,63,62)
```
#e35554
```
#e35554 rgb(227,85,84)
```

Monochromatic Color

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

#ca214a
```
#ca214a rgb(202,33,74)
```
#ca213c
```
#ca213c rgb(202,33,60)
```
#ca212e
```
#ca212e rgb(202,33,46)
```
#ca2221
```
#ca2221 rgb(202,34,33)
```
#ca3021
```
#ca3021 rgb(202,48,33)
```
#ca3e21
```
#ca3e21 rgb(202,62,33)
```
#ca4c21
```
#ca4c21 rgb(202,76,33)
```

Similar Colors

Text with hexadecimal color #ca2221

This text has a font color of #ca2221.

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

#ca2221 background color

This paragraph has a background color of #ca2221.

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

#ca2221 border color

This element has a border color of #ca2221.

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

CSS codes

.text {color:#ca2221;}

.background {background-color:#ca2221;}

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

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

#110303
```
#110303 rgb(17,3,3)
```
#210605
```
#210605 rgb(33,6,5)
```
#320808
```
#320808 rgb(50,8,8)
```
#430b0b
```
#430b0b rgb(67,11,11)
```
#540e0e
```
#540e0e rgb(84,14,14)
```
#651110
```
#651110 rgb(101,17,16)
```
#761413
```
#761413 rgb(118,20,19)
```
#871716
```
#871716 rgb(135,23,22)
```
#971919
```
#971919 rgb(151,25,25)
```
#a81c1b
```
#a81c1b rgb(168,28,27)
```
#b91f1e
```
#b91f1e rgb(185,31,30)
```
#ca2221
```
#ca2221 rgb(202,34,33)
```
#db2524
```
#db2524 rgb(219,37,36)
```

Shade Color Variation

#de3534
```
#de3534 rgb(222,53,52)
```
#e14645
```
#e14645 rgb(225,70,69)
```
#e35756
```
#e35756 rgb(227,87,86)
```
#e66867
```
#e66867 rgb(230,104,103)
```
#e97878
```
#e97878 rgb(233,120,120)
```
#ec8989
```
#ec8989 rgb(236,137,137)
```
#ee9a9a
```
#ee9a9a rgb(238,154,154)
```
#f1abaa
```
#f1abaa rgb(241,171,170)
```
#f4bcbb
```
#f4bcbb rgb(244,188,187)
```
#f7cccc
```
#f7cccc rgb(247,204,204)
```
#f9dddd
```
#f9dddd rgb(249,221,221)
```
#fceeee
```
#fceeee rgb(252,238,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797272
```
#797272 rgb(121,114,114)
```
#826969
```
#826969 rgb(130,105,105)
```
#8b6160
```
#8b6160 rgb(139,97,96)
```
#945857
```
#945857 rgb(148,88,87)
```
#9d4f4e
```
#9d4f4e rgb(157,79,78)
```
#a64645
```
#a64645 rgb(166,70,69)
```
#af3d3c
```
#af3d3c rgb(175,61,60)
```
#b83433
```
#b83433 rgb(184,52,51)
```
#c12b2a
```
#c12b2a rgb(193,43,42)
```
#ca2221
```
#ca2221 rgb(202,34,33)
```
#d31918
```
#d31918 rgb(211,25,24)
```
#dc100f
```
#dc100f rgb(220,16,15)
```
#e50706
```
#e50706 rgb(229,7,6)
```

Tone Color Variation

Below, you can see how #ca2221 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
#6c4a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6f3c Protanopia 1% of men
#8b6a1b Deuteranopia 1% of men
#cc2d2d Tritanopia 0.001% of the population

Trichromacy

#975332 Protanomaly 1% of men, 0.01% of women
#a2501d Deuteranomaly 6% of men, 0.4% of women
#cb2928 Tritanomaly 0.01% of the population

#ca2221 hex color

#ca2221 Color Information

#ca2221 Color Conversion

Color Schemes with #ca2221

Alternatives to #ca2221

#ca2221 Preview

Shades and Tints of #ca2221

Tones of #ca2221

Color Blindness Simulator