#ca1e2a hex color

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

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

● #ca1e2a color description : Strong red.

The hexadecimal color #ca1e2a has RGB values of R:202, G:30, B:42 and CMYK values of C:0, M:0.85, Y:0.79, K:0.21. Its decimal value is 13245994.

Hex triplet	ca1e2a	`#ca1e2a`
RGB Decimal	202, 30, 42	`rgb(202,30,42)`
RGB Percent	79.2, 11.8, 16.5	`rgb(79.2%,11.8%,16.5%)`
CMYK	0, 85, 79, 21
HSL	355.8°, 74.1, 45.5	`hsl(355.8,74.1%,45.5%)`
HSV (or HSB)	355.8°, 85.1, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.735, 63.906, 39.417
XYZ	25.241, 13.655, 3.497
xyY	0.595, 0.322, 13.655
CIE-LCH	43.735, 75.085, 31.666
CIE-LUV	43.735, 126.133, 24.188
Hunter-Lab	36.953, 57.254, 20.256
Binary	11001010, 00011110, 00101010

#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#1ecabe
```
#1ecabe rgb(30,202,190)
```

Complementary Color

#ca1e80
```
#ca1e80 rgb(202,30,128)
```
#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#ca681e
```
#ca681e rgb(202,104,30)
```

Analogous Color

#1e80ca
```
#1e80ca rgb(30,128,202)
```
#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#1eca68
```
#1eca68 rgb(30,202,104)
```

Split Complementary Color

#1e2aca
```
#1e2aca rgb(30,42,202)
```
#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#2aca1e
```
#2aca1e rgb(42,202,30)
```

Triadic Color

#be1eca
```
#be1eca rgb(190,30,202)
```
#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#2aca1e
```
#2aca1e rgb(42,202,30)
```
#1ecabe
```
#1ecabe rgb(30,202,190)
```

Tetradic Color

#87141c
```
#87141c rgb(135,20,28)
```
#9e1721
```
#9e1721 rgb(158,23,33)
```
#b41b25
```
#b41b25 rgb(180,27,37)
```
#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#de2330
```
#de2330 rgb(222,35,48)
```
#e23945
```
#e23945 rgb(226,57,69)
```
#e5505a
```
#e5505a rgb(229,80,90)
```

Monochromatic Color

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

#ca1e55
```
#ca1e55 rgb(202,30,85)
```
#ca1e47
```
#ca1e47 rgb(202,30,71)
```
#ca1e38
```
#ca1e38 rgb(202,30,56)
```
#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#ca201e
```
#ca201e rgb(202,32,30)
```
#ca2f1e
```
#ca2f1e rgb(202,47,30)
```
#ca3d1e
```
#ca3d1e rgb(202,61,30)
```

Similar Colors

Text with hexadecimal color #ca1e2a

This text has a font color of #ca1e2a.

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

#ca1e2a background color

This paragraph has a background color of #ca1e2a.

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

#ca1e2a border color

This element has a border color of #ca1e2a.

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

CSS codes

.text {color:#ca1e2a;}

.background {background-color:#ca1e2a;}

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

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

#0e0203
```
#0e0203 rgb(14,2,3)
```
#1f0506
```
#1f0506 rgb(31,5,6)
```
#30070a
```
#30070a rgb(48,7,10)
```
#410a0e
```
#410a0e rgb(65,10,14)
```
#520c11
```
#520c11 rgb(82,12,17)
```
#640f15
```
#640f15 rgb(100,15,21)
```
#751118
```
#751118 rgb(117,17,24)
```
#86141c
```
#86141c rgb(134,20,28)
```
#97161f
```
#97161f rgb(151,22,31)
```
#a81923
```
#a81923 rgb(168,25,35)
```
#b91b26
```
#b91b26 rgb(185,27,38)
```
#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#db212e
```
#db212e rgb(219,33,46)
```

Shade Color Variation

#e02f3b
```
#e02f3b rgb(224,47,59)
```
#e3404c
```
#e3404c rgb(227,64,76)
```
#e5515c
```
#e5515c rgb(229,81,92)
```
#e8626c
```
#e8626c rgb(232,98,108)
```
#ea737c
```
#ea737c rgb(234,115,124)
```
#ed858c
```
#ed858c rgb(237,133,140)
```
#ef969c
```
#ef969c rgb(239,150,156)
```
#f2a7ac
```
#f2a7ac rgb(242,167,172)
```
#f4b8bc
```
#f4b8bc rgb(244,184,188)
```
#f7c9cc
```
#f7c9cc rgb(247,201,204)
```
#f9dadc
```
#f9dadc rgb(249,218,220)
```
#fcebec
```
#fcebec rgb(252,235,236)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#7a6e6f
```
#7a6e6f rgb(122,110,111)
```
#836567
```
#836567 rgb(131,101,103)
```
#8c5c60
```
#8c5c60 rgb(140,92,96)
```
#945458
```
#945458 rgb(148,84,88)
```
#9d4b50
```
#9d4b50 rgb(157,75,80)
```
#a64249
```
#a64249 rgb(166,66,73)
```
#af3941
```
#af3941 rgb(175,57,65)
```
#b83039
```
#b83039 rgb(184,48,57)
```
#c12732
```
#c12732 rgb(193,39,50)
```
#ca1e2a
```
#ca1e2a rgb(202,30,42)
```
#d31522
```
#d31522 rgb(211,21,34)
```
#dc0c1b
```
#dc0c1b rgb(220,12,27)
```
#e50313
```
#e50313 rgb(229,3,19)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6b484b Atypical Achromatopsia 0.001% of the population

Dichromacy

#786f47 Protanopia 1% of men
#896a27 Deuteranopia 1% of men
#cc2b2a Tritanopia 0.001% of the population

Trichromacy

#96513c Protanomaly 1% of men, 0.01% of women
#a14e28 Deuteranomaly 6% of men, 0.4% of women
#cb262a Tritanomaly 0.01% of the population

#ca1e2a hex color

#ca1e2a Color Information

#ca1e2a Color Conversion

Color Schemes with #ca1e2a

Alternatives to #ca1e2a

#ca1e2a Preview

Shades and Tints of #ca1e2a

Tones of #ca1e2a

Color Blindness Simulator