#ca221e hex color

In a RGB color space, hex #ca221e is composed of 79.2% red, 13.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.2% magenta, 85.1% yellow and 20.8% black. It has a hue angle of 1.4 degrees, a saturation of 74.1% and a lightness of 45.5%. #ca221e color hex could be obtained by blending #ff443c with #950000. Closest websafe color is: #cc3333.

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

● #ca221e color description : Strong red.

The hexadecimal color #ca221e has RGB values of R:202, G:34, B:30 and CMYK values of C:0, M:0.83, Y:0.85, K:0.21. Its decimal value is 13247006.

Hex triplet	ca221e	`#ca221e`
RGB Decimal	202, 34, 30	`rgb(202,34,30)`
RGB Percent	79.2, 13.3, 11.8	`rgb(79.2%,13.3%,11.8%)`
CMYK	0, 83, 85, 21
HSL	1.4°, 74.1, 45.5	`hsl(1.4,74.1%,45.5%)`
HSV (or HSB)	1.4°, 85.1, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.941, 62.694, 46.003
XYZ	25.165, 13.798, 2.566
xyY	0.606, 0.332, 13.798
CIE-LCH	43.941, 77.762, 36.27
CIE-LUV	43.941, 126.743, 28.244
Hunter-Lab	37.145, 55.925, 21.905
Binary	11001010, 00100010, 00011110

#ca221e
```
#ca221e rgb(202,34,30)
```
#1ec6ca
```
#1ec6ca rgb(30,198,202)
```

Complementary Color

#ca1e70
```
#ca1e70 rgb(202,30,112)
```
#ca221e
```
#ca221e rgb(202,34,30)
```
#ca781e
```
#ca781e rgb(202,120,30)
```

Analogous Color

#1e70ca
```
#1e70ca rgb(30,112,202)
```
#ca221e
```
#ca221e rgb(202,34,30)
```
#1eca78
```
#1eca78 rgb(30,202,120)
```

Split Complementary Color

#221eca
```
#221eca rgb(34,30,202)
```
#ca221e
```
#ca221e rgb(202,34,30)
```
#1eca22
```
#1eca22 rgb(30,202,34)
```

Triadic Color

#ca1ec6
```
#ca1ec6 rgb(202,30,198)
```
#ca221e
```
#ca221e rgb(202,34,30)
```
#1eca22
```
#1eca22 rgb(30,202,34)
```
#1ec6ca
```
#1ec6ca rgb(30,198,202)
```

Tetradic Color

#871714
```
#871714 rgb(135,23,20)
```
#9e1b17
```
#9e1b17 rgb(158,27,23)
```
#b41e1b
```
#b41e1b rgb(180,30,27)
```
#ca221e
```
#ca221e rgb(202,34,30)
```
#de2823
```
#de2823 rgb(222,40,35)
```
#e23d39
```
#e23d39 rgb(226,61,57)
```
#e55350
```
#e55350 rgb(229,83,80)
```

Monochromatic Color

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

#ca1e45
```
#ca1e45 rgb(202,30,69)
```
#ca1e37
```
#ca1e37 rgb(202,30,55)
```
#ca1e28
```
#ca1e28 rgb(202,30,40)
```
#ca221e
```
#ca221e rgb(202,34,30)
```
#ca301e
```
#ca301e rgb(202,48,30)
```
#ca3f1e
```
#ca3f1e rgb(202,63,30)
```
#ca4d1e
```
#ca4d1e rgb(202,77,30)
```

Similar Colors

Text with hexadecimal color #ca221e

This text has a font color of #ca221e.

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

#ca221e background color

This paragraph has a background color of #ca221e.

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

#ca221e border color

This element has a border color of #ca221e.

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

CSS codes

.text {color:#ca221e;}

.background {background-color:#ca221e;}

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

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

#0e0202
```
#0e0202 rgb(14,2,2)
```
#1f0505
```
#1f0505 rgb(31,5,5)
```
#300807
```
#300807 rgb(48,8,7)
```
#410b0a
```
#410b0a rgb(65,11,10)
```
#520e0c
```
#520e0c rgb(82,14,12)
```
#64110f
```
#64110f rgb(100,17,15)
```
#751411
```
#751411 rgb(117,20,17)
```
#861714
```
#861714 rgb(134,23,20)
```
#971916
```
#971916 rgb(151,25,22)
```
#a81c19
```
#a81c19 rgb(168,28,25)
```
#b91f1b
```
#b91f1b rgb(185,31,27)
```
#ca221e
```
#ca221e rgb(202,34,30)
```
#db2521
```
#db2521 rgb(219,37,33)
```

Shade Color Variation

#e0332f
```
#e0332f rgb(224,51,47)
```
#e34440
```
#e34440 rgb(227,68,64)
```
#e55551
```
#e55551 rgb(229,85,81)
```
#e86562
```
#e86562 rgb(232,101,98)
```
#ea7673
```
#ea7673 rgb(234,118,115)
```
#ed8785
```
#ed8785 rgb(237,135,133)
```
#ef9896
```
#ef9896 rgb(239,152,150)
```
#f2a8a7
```
#f2a8a7 rgb(242,168,167)
```
#f4b9b8
```
#f4b9b8 rgb(244,185,184)
```
#f7cac9
```
#f7cac9 rgb(247,202,201)
```
#f9dbda
```
#f9dbda rgb(249,219,218)
```
#fcebeb
```
#fcebeb rgb(252,235,235)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#7a6f6e
```
#7a6f6e rgb(122,111,110)
```
#836665
```
#836665 rgb(131,102,101)
```
#8c5e5c
```
#8c5e5c rgb(140,94,92)
```
#945554
```
#945554 rgb(148,85,84)
```
#9d4d4b
```
#9d4d4b rgb(157,77,75)
```
#a64442
```
#a64442 rgb(166,68,66)
```
#af3c39
```
#af3c39 rgb(175,60,57)
```
#b83330
```
#b83330 rgb(184,51,48)
```
#c12b27
```
#c12b27 rgb(193,43,39)
```
#ca221e
```
#ca221e rgb(202,34,30)
```
#d31915
```
#d31915 rgb(211,25,21)
```
#dc110c
```
#dc110c rgb(220,17,12)
```
#e50803
```
#e50803 rgb(229,8,3)
```

Tone Color Variation

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

#7b6f39 Protanopia 1% of men
#8b6a15 Deuteranopia 1% of men
#cc2d2c Tritanopia 0.001% of the population

Trichromacy

#97532f Protanomaly 1% of men, 0.01% of women
#a25018 Deuteranomaly 6% of men, 0.4% of women
#cb2927 Tritanomaly 0.01% of the population

#ca221e hex color

#ca221e Color Information

#ca221e Color Conversion

Color Schemes with #ca221e

Alternatives to #ca221e

#ca221e Preview

Shades and Tints of #ca221e

Tones of #ca221e

Color Blindness Simulator