#ca2f12 hex color

In a RGB color space, hex #ca2f12 is composed of 79.2% red, 18.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.7% magenta, 91.1% yellow and 20.8% black. It has a hue angle of 9.5 degrees, a saturation of 83.6% and a lightness of 43.1%. #ca2f12 color hex could be obtained by blending #ff5e24 with #950000. Closest websafe color is: #cc3300.

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

● #ca2f12 color description : Strong red.

The hexadecimal color #ca2f12 has RGB values of R:202, G:47, B:18 and CMYK values of C:0, M:0.77, Y:0.91, K:0.21. Its decimal value is 13250322.

Hex triplet	ca2f12	`#ca2f12`
RGB Decimal	202, 47, 18	`rgb(202,47,18)`
RGB Percent	79.2, 18.4, 7.1	`rgb(79.2%,18.4%,7.1%)`
CMYK	0, 77, 91, 21
HSL	9.5°, 83.6, 43.1	`hsl(9.5,83.6%,43.1%)`
HSV (or HSB)	9.5°, 91.1, 79.2
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.132, 58.913, 52.146
XYZ	25.484, 14.636, 2.056
xyY	0.604, 0.347, 14.636
CIE-LCH	45.132, 78.677, 41.513
CIE-LUV	45.132, 122.016, 32.894
Hunter-Lab	38.258, 51.952, 23.595
Binary	11001010, 00101111, 00010010

#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#12adca
```
#12adca rgb(18,173,202)
```

Complementary Color

#ca1251
```
#ca1251 rgb(202,18,81)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#ca8b12
```
#ca8b12 rgb(202,139,18)
```

Analogous Color

#1251ca
```
#1251ca rgb(18,81,202)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#12ca8b
```
#12ca8b rgb(18,202,139)
```

Split Complementary Color

#2f12ca
```
#2f12ca rgb(47,18,202)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#12ca2f
```
#12ca2f rgb(18,202,47)
```

Triadic Color

#ca12ad
```
#ca12ad rgb(202,18,173)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#12ca2f
```
#12ca2f rgb(18,202,47)
```
#12adca
```
#12adca rgb(18,173,202)
```

Tetradic Color

#841f0c
```
#841f0c rgb(132,31,12)
```
#9b240e
```
#9b240e rgb(155,36,14)
```
#b32a10
```
#b32a10 rgb(179,42,16)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#e13414
```
#e13414 rgb(225,52,20)
```
#eb4324
```
#eb4324 rgb(235,67,36)
```
#ee573b
```
#ee573b rgb(238,87,59)
```

Monochromatic Color

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

#ca1223
```
#ca1223 rgb(202,18,35)
```
#ca1214
```
#ca1214 rgb(202,18,20)
```
#ca2012
```
#ca2012 rgb(202,32,18)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#ca3e12
```
#ca3e12 rgb(202,62,18)
```
#ca4e12
```
#ca4e12 rgb(202,78,18)
```
#ca5d12
```
#ca5d12 rgb(202,93,18)
```

Similar Colors

Text with hexadecimal color #ca2f12

This text has a font color of #ca2f12.

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

#ca2f12 background color

This paragraph has a background color of #ca2f12.

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

#ca2f12 border color

This element has a border color of #ca2f12.

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

CSS codes

.text {color:#ca2f12;}

.background {background-color:#ca2f12;}

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

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, #040100 is the darkest color, while #fef3f1 is the lightest one.

#040100
```
#040100 rgb(4,1,0)
```
#160502
```
#160502 rgb(22,5,2)
```
#280904
```
#280904 rgb(40,9,4)
```
#3a0d05
```
#3a0d05 rgb(58,13,5)
```
#4c1207
```
#4c1207 rgb(76,18,7)
```
#5e1608
```
#5e1608 rgb(94,22,8)
```
#701a0a
```
#701a0a rgb(112,26,10)
```
#821e0c
```
#821e0c rgb(130,30,12)
```
#94220d
```
#94220d rgb(148,34,13)
```
#a6270f
```
#a6270f rgb(166,39,15)
```
#b82b10
```
#b82b10 rgb(184,43,16)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#dc3314
```
#dc3314 rgb(220,51,20)
```

Shade Color Variation

#ea3a19
```
#ea3a19 rgb(234,58,25)
```
#ec492b
```
#ec492b rgb(236,73,43)
```
#ee593d
```
#ee593d rgb(238,89,61)
```
#ef684f
```
#ef684f rgb(239,104,79)
```
#f17861
```
#f17861 rgb(241,120,97)
```
#f38773
```
#f38773 rgb(243,135,115)
```
#f49685
```
#f49685 rgb(244,150,133)
```
#f6a697
```
#f6a697 rgb(246,166,151)
```
#f7b5a9
```
#f7b5a9 rgb(247,181,169)
```
#f9c5bb
```
#f9c5bb rgb(249,197,187)
```
#fbd4cd
```
#fbd4cd rgb(251,212,205)
```
#fce3df
```
#fce3df rgb(252,227,223)
```
#fef3f1
```
#fef3f1 rgb(254,243,241)
```

Tint Color Variation

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

#756967
```
#756967 rgb(117,105,103)
```
#7e635e
```
#7e635e rgb(126,99,94)
```
#865d56
```
#865d56 rgb(134,93,86)
```
#8f584d
```
#8f584d rgb(143,88,77)
```
#975245
```
#975245 rgb(151,82,69)
```
#a04c3c
```
#a04c3c rgb(160,76,60)
```
#a84634
```
#a84634 rgb(168,70,52)
```
#b1402b
```
#b1402b rgb(177,64,43)
```
#b93b23
```
#b93b23 rgb(185,59,35)
```
#c2351a
```
#c2351a rgb(194,53,26)
```
#ca2f12
```
#ca2f12 rgb(202,47,18)
```
#d2290a
```
#d2290a rgb(210,41,10)
```
#db2301
```
#db2301 rgb(219,35,1)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#70514c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f722b Protanopia 1% of men
#8f6d00 Deuteranopia 1% of men
#cd3738 Tritanopia 0.001% of the population

Trichromacy

#9a5a22 Protanomaly 1% of men, 0.01% of women
#a45606 Deuteranomaly 6% of men, 0.4% of women
#cc342a Tritanomaly 0.01% of the population

#ca2f12 hex color

#ca2f12 Color Information

#ca2f12 Color Conversion

Color Schemes with #ca2f12

Alternatives to #ca2f12

#ca2f12 Preview

Shades and Tints of #ca2f12

Tones of #ca2f12

Color Blindness Simulator