colorhexa.com

#ca421f hex color

In a RGB color space, hex #ca421f is composed of 79.2% red, 25.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 84.7% yellow and 20.8% black. It has a hue angle of 12.3 degrees, a saturation of 73.4% and a lightness of 45.7%. #ca421f color hex could be obtained by blending #ff843e with #950000. Closest websafe color is: #cc3333.

- R 79
- G 26
- B 12
RGB color chart
- C 0
- M 67
- Y 85
- K 21
CMYK color chart

● #ca421f color description : Strong red.

The hexadecimal color #ca421f has RGB values of R:202, G:66, B:31 and CMYK values of C:0, M:0.67, Y:0.85, K:0.21. Its decimal value is 13255199.

Hex triplet	ca421f	`#ca421f`
RGB Decimal	202, 66, 31	`rgb(202,66,31)`
RGB Percent	79.2, 25.9, 12.2	`rgb(79.2%,25.9%,12.2%)`
CMYK	0, 67, 85, 21
HSL	12.3°, 73.4, 45.7	`hsl(12.3,73.4%,45.7%)`
HSV (or HSB)	12.3°, 84.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.694, 52.319, 48.79
XYZ	26.554, 16.555, 3.093
xyY	0.575, 0.358, 16.555
CIE-LCH	47.694, 71.539, 43.001
CIE-LUV	47.694, 109.093, 34.721
Hunter-Lab	40.688, 45.29, 23.974
Binary	11001010, 01000010, 00011111

#ca421f
```
#ca421f rgb(202,66,31)
```
#1fa7ca
```
#1fa7ca rgb(31,167,202)
```

Complementary Color

#ca1f51
```
#ca1f51 rgb(202,31,81)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#ca981f
```
#ca981f rgb(202,152,31)
```

Analogous Color

#1f52ca
```
#1f52ca rgb(31,82,202)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#1fca98
```
#1fca98 rgb(31,202,152)
```

Split Complementary Color

#421fca
```
#421fca rgb(66,31,202)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#1fca42
```
#1fca42 rgb(31,202,66)
```

Triadic Color

#ca1fa7
```
#ca1fa7 rgb(202,31,167)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#1fca42
```
#1fca42 rgb(31,202,66)
```
#1fa7ca
```
#1fa7ca rgb(31,167,202)
```

Tetradic Color

#882c15
```
#882c15 rgb(136,44,21)
```
#9e3418
```
#9e3418 rgb(158,52,24)
```
#b43b1c
```
#b43b1c rgb(180,59,28)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#de4b25
```
#de4b25 rgb(222,75,37)
```
#e15d3b
```
#e15d3b rgb(225,93,59)
```
#e46f51
```
#e46f51 rgb(228,111,81)
```

Monochromatic Color

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

#ca1f27
```
#ca1f27 rgb(202,31,39)
```
#ca261f
```
#ca261f rgb(202,38,31)
```
#ca341f
```
#ca341f rgb(202,52,31)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#ca501f
```
#ca501f rgb(202,80,31)
```
#ca5f1f
```
#ca5f1f rgb(202,95,31)
```
#ca6d1f
```
#ca6d1f rgb(202,109,31)
```

Similar Colors

Text with hexadecimal color #ca421f

This text has a font color of #ca421f.

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

#ca421f background color

This paragraph has a background color of #ca421f.

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

#ca421f border color

This element has a border color of #ca421f.

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

CSS codes

.text {color:#ca421f;}

.background {background-color:#ca421f;}

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

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

#0f0502
```
#0f0502 rgb(15,5,2)
```
#200a05
```
#200a05 rgb(32,10,5)
```
#311008
```
#311008 rgb(49,16,8)
```
#42160a
```
#42160a rgb(66,22,10)
```
#531b0d
```
#531b0d rgb(83,27,13)
```
#64210f
```
#64210f rgb(100,33,15)
```
#752612
```
#752612 rgb(117,38,18)
```
#862c15
```
#862c15 rgb(134,44,21)
```
#973117
```
#973117 rgb(151,49,23)
```
#a8371a
```
#a8371a rgb(168,55,26)
```
#b93c1c
```
#b93c1c rgb(185,60,28)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#db4822
```
#db4822 rgb(219,72,34)
```

Shade Color Variation

#df5531
```
#df5531 rgb(223,85,49)
```
#e26342
```
#e26342 rgb(226,99,66)
```
#e57153
```
#e57153 rgb(229,113,83)
```
#e77f64
```
#e77f64 rgb(231,127,100)
```
#ea8d75
```
#ea8d75 rgb(234,141,117)
```
#ec9b86
```
#ec9b86 rgb(236,155,134)
```
#efa997
```
#efa997 rgb(239,169,151)
```
#f2b7a8
```
#f2b7a8 rgb(242,183,168)
```
#f4c5b9
```
#f4c5b9 rgb(244,197,185)
```
#f7d3ca
```
#f7d3ca rgb(247,211,202)
```
#f9e1db
```
#f9e1db rgb(249,225,219)
```
#fcefec
```
#fcefec rgb(252,239,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797270
```
#797270 rgb(121,114,112)
```
#826c67
```
#826c67 rgb(130,108,103)
```
#8b675e
```
#8b675e rgb(139,103,94)
```
#946255
```
#946255 rgb(148,98,85)
```
#9d5c4c
```
#9d5c4c rgb(157,92,76)
```
#a65743
```
#a65743 rgb(166,87,67)
```
#af523a
```
#af523a rgb(175,82,58)
```
#b84d31
```
#b84d31 rgb(184,77,49)
```
#c14728
```
#c14728 rgb(193,71,40)
```
#ca421f
```
#ca421f rgb(202,66,31)
```
#d33d16
```
#d33d16 rgb(211,61,22)
```
#dc370d
```
#dc370d rgb(220,55,13)
```
#e53204
```
#e53204 rgb(229,50,4)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7b6059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857836 Protanopia 1% of men
#96721b Deuteranopia 1% of men
#cd484b Tritanopia 0.001% of the population

Trichromacy

#9e642d Protanomaly 1% of men, 0.01% of women
#a9611c Deuteranomaly 6% of men, 0.4% of women
#cc453b Tritanomaly 0.01% of the population