#ca421a hex color

In a RGB color space, hex #ca421a is composed of 79.2% red, 25.9% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 87.1% yellow and 20.8% black. It has a hue angle of 13.6 degrees, a saturation of 77.2% and a lightness of 44.7%. #ca421a color hex could be obtained by blending #ff8434 with #950000. Closest websafe color is: #cc3333.

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

● #ca421a color description : Strong red.

The hexadecimal color #ca421a has RGB values of R:202, G:66, B:26 and CMYK values of C:0, M:0.67, Y:0.87, K:0.21. Its decimal value is 13255194.

Hex triplet	ca421a	`#ca421a`
RGB Decimal	202, 66, 26	`rgb(202,66,26)`
RGB Percent	79.2, 25.9, 10.2	`rgb(79.2%,25.9%,10.2%)`
CMYK	0, 67, 87, 21
HSL	13.6°, 77.2, 44.7	`hsl(13.6,77.2%,44.7%)`
HSV (or HSB)	13.6°, 87.1, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.663, 52.204, 50.921
XYZ	26.493, 16.531, 2.773
xyY	0.578, 0.361, 16.531
CIE-LCH	47.663, 72.926, 44.288
CIE-LUV	47.663, 109.625, 35.813
Hunter-Lab	40.658, 45.161, 24.417
Binary	11001010, 01000010, 00011010

#ca421a
```
#ca421a rgb(202,66,26)
```
#1aa2ca
```
#1aa2ca rgb(26,162,202)
```

Complementary Color

#ca1a4a
```
#ca1a4a rgb(202,26,74)
```
#ca421a
```
#ca421a rgb(202,66,26)
```
#ca9a1a
```
#ca9a1a rgb(202,154,26)
```

Analogous Color

#1a4aca
```
#1a4aca rgb(26,74,202)
```
#ca421a
```
#ca421a rgb(202,66,26)
```
#1aca9a
```
#1aca9a rgb(26,202,154)
```

Split Complementary Color

#421aca
```
#421aca rgb(66,26,202)
```
#ca421a
```
#ca421a rgb(202,66,26)
```
#1aca42
```
#1aca42 rgb(26,202,66)
```

Triadic Color

#ca1aa2
```
#ca1aa2 rgb(202,26,162)
```
#ca421a
```
#ca421a rgb(202,66,26)
```
#1aca42
```
#1aca42 rgb(26,202,66)
```
#1aa2ca
```
#1aa2ca rgb(26,162,202)
```

Tetradic Color

#862c11
```
#862c11 rgb(134,44,17)
```
#9d3314
```
#9d3314 rgb(157,51,20)
```
#b33b17
```
#b33b17 rgb(179,59,23)
```
#ca421a
```
#ca421a rgb(202,66,26)
```
#e1491d
```
#e1491d rgb(225,73,29)
```
#e55b32
```
#e55b32 rgb(229,91,50)
```
#e86d49
```
#e86d49 rgb(232,109,73)
```

Monochromatic Color

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

#ca1a1e
```
#ca1a1e rgb(202,26,30)
```
#ca251a
```
#ca251a rgb(202,37,26)
```
#ca331a
```
#ca331a rgb(202,51,26)
```
#ca421a
```
#ca421a rgb(202,66,26)
```
#ca511a
```
#ca511a rgb(202,81,26)
```
#ca5f1a
```
#ca5f1a rgb(202,95,26)
```
#ca6e1a
```
#ca6e1a rgb(202,110,26)
```

Similar Colors

Text with hexadecimal color #ca421a

This text has a font color of #ca421a.

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

#ca421a background color

This paragraph has a background color of #ca421a.

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

#ca421a border color

This element has a border color of #ca421a.

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

CSS codes

.text {color:#ca421a;}

.background {background-color:#ca421a;}

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

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

#0b0401
```
#0b0401 rgb(11,4,1)
```
#1c0904
```
#1c0904 rgb(28,9,4)
```
#2e0f06
```
#2e0f06 rgb(46,15,6)
```
#3f1508
```
#3f1508 rgb(63,21,8)
```
#501a0a
```
#501a0a rgb(80,26,10)
```
#62200d
```
#62200d rgb(98,32,13)
```
#73260f
```
#73260f rgb(115,38,15)
```
#842b11
```
#842b11 rgb(132,43,17)
```
#963113
```
#963113 rgb(150,49,19)
```
#a73716
```
#a73716 rgb(167,55,22)
```
#b93c18
```
#b93c18 rgb(185,60,24)
```
#ca421a
```
#ca421a rgb(202,66,26)
```
#db481c
```
#db481c rgb(219,72,28)
```

Shade Color Variation

#e35328
```
#e35328 rgb(227,83,40)
```
#e66039
```
#e66039 rgb(230,96,57)
```
#e86e4b
```
#e86e4b rgb(232,110,75)
```
#ea7c5c
```
#ea7c5c rgb(234,124,92)
```
#ec8a6d
```
#ec8a6d rgb(236,138,109)
```
#ef987f
```
#ef987f rgb(239,152,127)
```
#f1a690
```
#f1a690 rgb(241,166,144)
```
#f3b4a2
```
#f3b4a2 rgb(243,180,162)
```
#f5c2b3
```
#f5c2b3 rgb(245,194,179)
```
#f7d0c4
```
#f7d0c4 rgb(247,208,196)
```
#faded6
```
#faded6 rgb(250,222,214)
```
#fcece7
```
#fcece7 rgb(252,236,231)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#727272
```
#727272 rgb(114,114,114)
```
#7b6d69
```
#7b6d69 rgb(123,109,105)
```
#846860
```
#846860 rgb(132,104,96)
```
#8d6357
```
#8d6357 rgb(141,99,87)
```
#955f4f
```
#955f4f rgb(149,95,79)
```
#9e5a46
```
#9e5a46 rgb(158,90,70)
```
#a7553d
```
#a7553d rgb(167,85,61)
```
#b05034
```
#b05034 rgb(176,80,52)
```
#b84c2c
```
#b84c2c rgb(184,76,44)
```
#c14723
```
#c14723 rgb(193,71,35)
```
#ca421a
```
#ca421a rgb(202,66,26)
```
#d33d11
```
#d33d11 rgb(211,61,17)
```
#dc3808
```
#dc3808 rgb(220,56,8)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7a5f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857830 Protanopia 1% of men
#967211 Deuteranopia 1% of men
#cd474b Tritanopia 0.001% of the population

Trichromacy

#9e6428 Protanomaly 1% of men, 0.01% of women
#a96014 Deuteranomaly 6% of men, 0.4% of women
#cc4539 Tritanomaly 0.01% of the population

#ca421a hex color

#ca421a Color Information

#ca421a Color Conversion

Color Schemes with #ca421a

Alternatives to #ca421a

#ca421a Preview

Shades and Tints of #ca421a

Tones of #ca421a

Color Blindness Simulator