#ca421c hex color

In a RGB color space, hex #ca421c is composed of 79.2% red, 25.9% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 86.1% yellow and 20.8% black. It has a hue angle of 13.1 degrees, a saturation of 75.7% and a lightness of 45.1%. #ca421c color hex could be obtained by blending #ff8438 with #950000. Closest websafe color is: #cc3333.

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

● #ca421c color description : Strong red.

The hexadecimal color #ca421c has RGB values of R:202, G:66, B:28 and CMYK values of C:0, M:0.67, Y:0.86, K:0.21. Its decimal value is 13255196.

Hex triplet	ca421c	`#ca421c`
RGB Decimal	202, 66, 28	`rgb(202,66,28)`
RGB Percent	79.2, 25.9, 11	`rgb(79.2%,25.9%,11%)`
CMYK	0, 67, 86, 21
HSL	13.1°, 75.7, 45.1	`hsl(13.1,75.7%,45.1%)`
HSV (or HSB)	13.1°, 86.1, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.675, 52.248, 50.092
XYZ	26.516, 16.54, 2.895
xyY	0.577, 0.36, 16.54
CIE-LCH	47.675, 72.381, 43.793
CIE-LUV	47.675, 109.422, 35.397
Hunter-Lab	40.669, 45.21, 24.248
Binary	11001010, 01000010, 00011100

#ca421c
```
#ca421c rgb(202,66,28)
```
#1ca4ca
```
#1ca4ca rgb(28,164,202)
```

Complementary Color

#ca1c4d
```
#ca1c4d rgb(202,28,77)
```
#ca421c
```
#ca421c rgb(202,66,28)
```
#ca991c
```
#ca991c rgb(202,153,28)
```

Analogous Color

#1c4dca
```
#1c4dca rgb(28,77,202)
```
#ca421c
```
#ca421c rgb(202,66,28)
```
#1cca99
```
#1cca99 rgb(28,202,153)
```

Split Complementary Color

#421cca
```
#421cca rgb(66,28,202)
```
#ca421c
```
#ca421c rgb(202,66,28)
```
#1cca42
```
#1cca42 rgb(28,202,66)
```

Triadic Color

#ca1ca4
```
#ca1ca4 rgb(202,28,164)
```
#ca421c
```
#ca421c rgb(202,66,28)
```
#1cca42
```
#1cca42 rgb(28,202,66)
```
#1ca4ca
```
#1ca4ca rgb(28,164,202)
```

Tetradic Color

#872c13
```
#872c13 rgb(135,44,19)
```
#9d3316
```
#9d3316 rgb(157,51,22)
```
#b43b19
```
#b43b19 rgb(180,59,25)
```
#ca421c
```
#ca421c rgb(202,66,28)
```
#e04a1f
```
#e04a1f rgb(224,74,31)
```
#e35c36
```
#e35c36 rgb(227,92,54)
```
#e66e4c
```
#e66e4c rgb(230,110,76)
```

Monochromatic Color

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

#ca1c22
```
#ca1c22 rgb(202,28,34)
```
#ca251c
```
#ca251c rgb(202,37,28)
```
#ca341c
```
#ca341c rgb(202,52,28)
```
#ca421c
```
#ca421c rgb(202,66,28)
```
#ca511c
```
#ca511c rgb(202,81,28)
```
#ca5f1c
```
#ca5f1c rgb(202,95,28)
```
#ca6e1c
```
#ca6e1c rgb(202,110,28)
```

Similar Colors

Text with hexadecimal color #ca421c

This text has a font color of #ca421c.

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

#ca421c background color

This paragraph has a background color of #ca421c.

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

#ca421c border color

This element has a border color of #ca421c.

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

CSS codes

.text {color:#ca421c;}

.background {background-color:#ca421c;}

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

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

#0c0402
```
#0c0402 rgb(12,4,2)
```
#1e0a04
```
#1e0a04 rgb(30,10,4)
```
#2f0f07
```
#2f0f07 rgb(47,15,7)
```
#401509
```
#401509 rgb(64,21,9)
```
#511b0b
```
#511b0b rgb(81,27,11)
```
#63200e
```
#63200e rgb(99,32,14)
```
#742610
```
#742610 rgb(116,38,16)
```
#852b12
```
#852b12 rgb(133,43,18)
```
#963115
```
#963115 rgb(150,49,21)
```
#a83717
```
#a83717 rgb(168,55,23)
```
#b93c1a
```
#b93c1a rgb(185,60,26)
```
#ca421c
```
#ca421c rgb(202,66,28)
```
#db481e
```
#db481e rgb(219,72,30)
```

Shade Color Variation

#e2532c
```
#e2532c rgb(226,83,44)
```
#e4613d
```
#e4613d rgb(228,97,61)
```
#e66f4e
```
#e66f4e rgb(230,111,78)
```
#e97d5f
```
#e97d5f rgb(233,125,95)
```
#eb8b70
```
#eb8b70 rgb(235,139,112)
```
#ee9982
```
#ee9982 rgb(238,153,130)
```
#f0a793
```
#f0a793 rgb(240,167,147)
```
#f2b5a4
```
#f2b5a4 rgb(242,181,164)
```
#f5c3b5
```
#f5c3b5 rgb(245,195,181)
```
#f7d1c7
```
#f7d1c7 rgb(247,209,199)
```
#fadfd8
```
#fadfd8 rgb(250,223,216)
```
#fcede9
```
#fcede9 rgb(252,237,233)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#7a6f6c
```
#7a6f6c rgb(122,111,108)
```
#836a63
```
#836a63 rgb(131,106,99)
```
#8c655a
```
#8c655a rgb(140,101,90)
```
#956051
```
#956051 rgb(149,96,81)
```
#9e5b48
```
#9e5b48 rgb(158,91,72)
```
#a7563f
```
#a7563f rgb(167,86,63)
```
#af5137
```
#af5137 rgb(175,81,55)
```
#b84c2e
```
#b84c2e rgb(184,76,46)
```
#c14725
```
#c14725 rgb(193,71,37)
```
#ca421c
```
#ca421c rgb(202,66,28)
```
#d33d13
```
#d33d13 rgb(211,61,19)
```
#dc380a
```
#dc380a rgb(220,56,10)
```
#e53301
```
#e53301 rgb(229,51,1)
```

Tone Color Variation

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

#857833 Protanopia 1% of men
#967216 Deuteranopia 1% of men
#cd474b Tritanopia 0.001% of the population

Trichromacy

#9e642a Protanomaly 1% of men, 0.01% of women
#a96018 Deuteranomaly 6% of men, 0.4% of women
#cc453a Tritanomaly 0.01% of the population

#ca421c hex color

#ca421c Color Information

#ca421c Color Conversion

Color Schemes with #ca421c

Alternatives to #ca421c

#ca421c Preview

Shades and Tints of #ca421c

Tones of #ca421c

Color Blindness Simulator