#ca2f1f hex color

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

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

● #ca2f1f color description : Strong red.

The hexadecimal color #ca2f1f has RGB values of R:202, G:47, B:31 and CMYK values of C:0, M:0.77, Y:0.85, K:0.21. Its decimal value is 13250335.

Hex triplet	ca2f1f	`#ca2f1f`
RGB Decimal	202, 47, 31	`rgb(202,47,31)`
RGB Percent	79.2, 18.4, 12.2	`rgb(79.2%,18.4%,12.2%)`
CMYK	0, 77, 85, 21
HSL	5.6°, 73.4, 45.7	`hsl(5.6,73.4%,45.7%)`
HSV (or HSB)	5.6°, 84.7, 79.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.209, 59.164, 46.62
XYZ	25.622, 14.692, 2.783
xyY	0.595, 0.341, 14.692
CIE-LCH	45.209, 75.324, 38.237
CIE-LUV	45.209, 120.547, 30.283
Hunter-Lab	38.33, 52.245, 22.526
Binary	11001010, 00101111, 00011111

#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#1fbaca
```
#1fbaca rgb(31,186,202)
```

Complementary Color

#ca1f65
```
#ca1f65 rgb(202,31,101)
```
#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#ca851f
```
#ca851f rgb(202,133,31)
```

Analogous Color

#1f65ca
```
#1f65ca rgb(31,101,202)
```
#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#1fca85
```
#1fca85 rgb(31,202,133)
```

Split Complementary Color

#2f1fca
```
#2f1fca rgb(47,31,202)
```
#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#1fca2f
```
#1fca2f rgb(31,202,47)
```

Triadic Color

#ca1fba
```
#ca1fba rgb(202,31,186)
```
#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#1fca2f
```
#1fca2f rgb(31,202,47)
```
#1fbaca
```
#1fbaca rgb(31,186,202)
```

Tetradic Color

#882015
```
#882015 rgb(136,32,21)
```
#9e2518
```
#9e2518 rgb(158,37,24)
```
#b42a1c
```
#b42a1c rgb(180,42,28)
```
#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#de3625
```
#de3625 rgb(222,54,37)
```
#e14b3b
```
#e14b3b rgb(225,75,59)
```
#e45f51
```
#e45f51 rgb(228,95,81)
```

Monochromatic Color

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

#ca1f3a
```
#ca1f3a rgb(202,31,58)
```
#ca1f2c
```
#ca1f2c rgb(202,31,44)
```
#ca211f
```
#ca211f rgb(202,33,31)
```
#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#ca3d1f
```
#ca3d1f rgb(202,61,31)
```
#ca4c1f
```
#ca4c1f rgb(202,76,31)
```
#ca5a1f
```
#ca5a1f rgb(202,90,31)
```

Similar Colors

Text with hexadecimal color #ca2f1f

This text has a font color of #ca2f1f.

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

#ca2f1f background color

This paragraph has a background color of #ca2f1f.

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

#ca2f1f border color

This element has a border color of #ca2f1f.

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

CSS codes

.text {color:#ca2f1f;}

.background {background-color:#ca2f1f;}

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

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

#0f0302
```
#0f0302 rgb(15,3,2)
```
#200705
```
#200705 rgb(32,7,5)
```
#310b08
```
#310b08 rgb(49,11,8)
```
#420f0a
```
#420f0a rgb(66,15,10)
```
#53130d
```
#53130d rgb(83,19,13)
```
#64170f
```
#64170f rgb(100,23,15)
```
#751b12
```
#751b12 rgb(117,27,18)
```
#861f15
```
#861f15 rgb(134,31,21)
```
#972317
```
#972317 rgb(151,35,23)
```
#a8271a
```
#a8271a rgb(168,39,26)
```
#b92b1c
```
#b92b1c rgb(185,43,28)
```
#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#db3322
```
#db3322 rgb(219,51,34)
```

Shade Color Variation

#df4131
```
#df4131 rgb(223,65,49)
```
#e25142
```
#e25142 rgb(226,81,66)
```
#e56153
```
#e56153 rgb(229,97,83)
```
#e77064
```
#e77064 rgb(231,112,100)
```
#ea8075
```
#ea8075 rgb(234,128,117)
```
#ec8f86
```
#ec8f86 rgb(236,143,134)
```
#ef9f97
```
#ef9f97 rgb(239,159,151)
```
#f2afa8
```
#f2afa8 rgb(242,175,168)
```
#f4beb9
```
#f4beb9 rgb(244,190,185)
```
#f7ceca
```
#f7ceca rgb(247,206,202)
```
#f9dedb
```
#f9dedb rgb(249,222,219)
```
#fcedec
```
#fcedec rgb(252,237,236)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797170
```
#797170 rgb(121,113,112)
```
#826967
```
#826967 rgb(130,105,103)
```
#8b625e
```
#8b625e rgb(139,98,94)
```
#945b55
```
#945b55 rgb(148,91,85)
```
#9d534c
```
#9d534c rgb(157,83,76)
```
#a64c43
```
#a64c43 rgb(166,76,67)
```
#af453a
```
#af453a rgb(175,69,58)
```
#b83e31
```
#b83e31 rgb(184,62,49)
```
#c13628
```
#c13628 rgb(193,54,40)
```
#ca2f1f
```
#ca2f1f rgb(202,47,31)
```
#d32816
```
#d32816 rgb(211,40,22)
```
#dc200d
```
#dc200d rgb(220,32,13)
```
#e51904
```
#e51904 rgb(229,25,4)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#725350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7238 Protanopia 1% of men
#8f6d18 Deuteranopia 1% of men
#cd3739 Tritanopia 0.001% of the population

Trichromacy

#9a5a2f Protanomaly 1% of men, 0.01% of women
#a4561b Deuteranomaly 6% of men, 0.4% of women
#cb342f Tritanomaly 0.01% of the population

#ca2f1f hex color

#ca2f1f Color Information

#ca2f1f Color Conversion

Color Schemes with #ca2f1f

Alternatives to #ca2f1f

#ca2f1f Preview

Shades and Tints of #ca2f1f

Tones of #ca2f1f

Color Blindness Simulator