#ca451f hex color

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

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

● #ca451f color description : Strong red.

The hexadecimal color #ca451f has RGB values of R:202, G:69, B:31 and CMYK values of C:0, M:0.66, Y:0.85, K:0.21. Its decimal value is 13255967.

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

CIE-LAB	48.152, 51.081, 49.188
XYZ	26.734, 16.915, 3.153
xyY	0.571, 0.361, 16.915
CIE-LCH	48.152, 70.914, 43.919
CIE-LUV	48.152, 107.049, 35.529
Hunter-Lab	41.128, 44.056, 24.243
Binary	11001010, 01000101, 00011111

#ca451f
```
#ca451f rgb(202,69,31)
```
#1fa4ca
```
#1fa4ca rgb(31,164,202)
```

Complementary Color

#ca1f4e
```
#ca1f4e rgb(202,31,78)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#ca9b1f
```
#ca9b1f rgb(202,155,31)
```

Analogous Color

#1f4eca
```
#1f4eca rgb(31,78,202)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#1fca9b
```
#1fca9b rgb(31,202,155)
```

Split Complementary Color

#451fca
```
#451fca rgb(69,31,202)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#1fca45
```
#1fca45 rgb(31,202,69)
```

Triadic Color

#ca1fa4
```
#ca1fa4 rgb(202,31,164)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#1fca45
```
#1fca45 rgb(31,202,69)
```
#1fa4ca
```
#1fa4ca rgb(31,164,202)
```

Tetradic Color

#882e15
```
#882e15 rgb(136,46,21)
```
#9e3618
```
#9e3618 rgb(158,54,24)
```
#b43d1c
```
#b43d1c rgb(180,61,28)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#de4e25
```
#de4e25 rgb(222,78,37)
```
#e1603b
```
#e1603b rgb(225,96,59)
```
#e47251
```
#e47251 rgb(228,114,81)
```

Monochromatic Color

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

#ca1f24
```
#ca1f24 rgb(202,31,36)
```
#ca291f
```
#ca291f rgb(202,41,31)
```
#ca371f
```
#ca371f rgb(202,55,31)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#ca531f
```
#ca531f rgb(202,83,31)
```
#ca621f
```
#ca621f rgb(202,98,31)
```
#ca701f
```
#ca701f rgb(202,112,31)
```

Similar Colors

Text with hexadecimal color #ca451f

This text has a font color of #ca451f.

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

#ca451f background color

This paragraph has a background color of #ca451f.

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

#ca451f border color

This element has a border color of #ca451f.

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

CSS codes

.text {color:#ca451f;}

.background {background-color:#ca451f;}

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

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)
```
#200b05
```
#200b05 rgb(32,11,5)
```
#311108
```
#311108 rgb(49,17,8)
```
#42170a
```
#42170a rgb(66,23,10)
```
#531c0d
```
#531c0d rgb(83,28,13)
```
#64220f
```
#64220f rgb(100,34,15)
```
#752812
```
#752812 rgb(117,40,18)
```
#862e15
```
#862e15 rgb(134,46,21)
```
#973417
```
#973417 rgb(151,52,23)
```
#a8391a
```
#a8391a rgb(168,57,26)
```
#b93f1c
```
#b93f1c rgb(185,63,28)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#db4b22
```
#db4b22 rgb(219,75,34)
```

Shade Color Variation

#df5831
```
#df5831 rgb(223,88,49)
```
#e26542
```
#e26542 rgb(226,101,66)
```
#e57353
```
#e57353 rgb(229,115,83)
```
#e78164
```
#e78164 rgb(231,129,100)
```
#ea8f75
```
#ea8f75 rgb(234,143,117)
```
#ec9d86
```
#ec9d86 rgb(236,157,134)
```
#efaa97
```
#efaa97 rgb(239,170,151)
```
#f2b8a8
```
#f2b8a8 rgb(242,184,168)
```
#f4c6b9
```
#f4c6b9 rgb(244,198,185)
```
#f7d4ca
```
#f7d4ca rgb(247,212,202)
```
#f9e2db
```
#f9e2db rgb(249,226,219)
```
#fcf0ec
```
#fcf0ec rgb(252,240,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 #e53604 is the most saturated one.

#797270
```
#797270 rgb(121,114,112)
```
#826d67
```
#826d67 rgb(130,109,103)
```
#8b685e
```
#8b685e rgb(139,104,94)
```
#946355
```
#946355 rgb(148,99,85)
```
#9d5e4c
```
#9d5e4c rgb(157,94,76)
```
#a65943
```
#a65943 rgb(166,89,67)
```
#af543a
```
#af543a rgb(175,84,58)
```
#b84f31
```
#b84f31 rgb(184,79,49)
```
#c14a28
```
#c14a28 rgb(193,74,40)
```
#ca451f
```
#ca451f rgb(202,69,31)
```
#d34016
```
#d34016 rgb(211,64,22)
```
#dc3b0d
```
#dc3b0d rgb(220,59,13)
```
#e53604
```
#e53604 rgb(229,54,4)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7c6159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867935 Protanopia 1% of men
#97731b Deuteranopia 1% of men
#cd4a4e Tritanopia 0.001% of the population

Trichromacy

#9f662d Protanomaly 1% of men, 0.01% of women
#aa621c Deuteranomaly 6% of men, 0.4% of women
#cc483d Tritanomaly 0.01% of the population

#ca451f hex color

#ca451f Color Information

#ca451f Color Conversion

Color Schemes with #ca451f

Alternatives to #ca451f

#ca451f Preview

Shades and Tints of #ca451f

Tones of #ca451f

Color Blindness Simulator