colorhexa.com

#c12d36 hex color

In a RGB color space, hex #c12d36 is composed of 75.7% red, 17.6% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.7% magenta, 72% yellow and 24.3% black. It has a hue angle of 356.4 degrees, a saturation of 62.2% and a lightness of 46.7%. #c12d36 color hex could be obtained by blending #ff5a6c with #830000. Closest websafe color is: #cc3333.

- R 76
- G 18
- B 21
RGB color chart
- C 0
- M 77
- Y 72
- K 24
CMYK color chart

● #c12d36 color description : Strong red.

The hexadecimal color #c12d36 has RGB values of R:193, G:45, B:54 and CMYK values of C:0, M:0.77, Y:0.72, K:0.24. Its decimal value is 12660022.

Hex triplet	c12d36	`#c12d36`
RGB Decimal	193, 45, 54	`rgb(193,45,54)`
RGB Percent	75.7, 17.6, 21.2	`rgb(75.7%,17.6%,21.2%)`
CMYK	0, 77, 72, 24
HSL	356.4°, 62.2, 46.7	`hsl(356.4,62.2%,46.7%)`
HSV (or HSB)	356.4°, 76.7, 75.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.483, 57.862, 31.661
XYZ	23.598, 13.483, 4.85
xyY	0.563, 0.322, 13.483
CIE-LCH	43.483, 65.958, 28.686
CIE-LUV	43.483, 110.117, 20.606
Hunter-Lab	36.72, 50.452, 17.873
Binary	11000001, 00101101, 00110110

#c12d36
```
#c12d36 rgb(193,45,54)
```
#2dc1b8
```
#2dc1b8 rgb(45,193,184)
```

Complementary Color

#c12d80
```
#c12d80 rgb(193,45,128)
```
#c12d36
```
#c12d36 rgb(193,45,54)
```
#c16e2d
```
#c16e2d rgb(193,110,45)
```

Analogous Color

#2d80c1
```
#2d80c1 rgb(45,128,193)
```
#c12d36
```
#c12d36 rgb(193,45,54)
```
#2dc16e
```
#2dc16e rgb(45,193,110)
```

Split Complementary Color

#2d36c1
```
#2d36c1 rgb(45,54,193)
```
#c12d36
```
#c12d36 rgb(193,45,54)
```
#36c12d
```
#36c12d rgb(54,193,45)
```

Triadic Color

#b82dc1
```
#b82dc1 rgb(184,45,193)
```
#c12d36
```
#c12d36 rgb(193,45,54)
```
#36c12d
```
#36c12d rgb(54,193,45)
```
#2dc1b8
```
#2dc1b8 rgb(45,193,184)
```

Tetradic Color

#831f25
```
#831f25 rgb(131,31,37)
```
#98232a
```
#98232a rgb(152,35,42)
```
#ac2830
```
#ac2830 rgb(172,40,48)
```
#c12d36
```
#c12d36 rgb(193,45,54)
```
#d03740
```
#d03740 rgb(208,55,64)
```
#d54c54
```
#d54c54 rgb(213,76,84)
```
#da6068
```
#da6068 rgb(218,96,104)
```

Monochromatic Color

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

#c12d5b
```
#c12d5b rgb(193,45,91)
```
#c12d4f
```
#c12d4f rgb(193,45,79)
```
#c12d42
```
#c12d42 rgb(193,45,66)
```
#c12d36
```
#c12d36 rgb(193,45,54)
```
#c1302d
```
#c1302d rgb(193,48,45)
```
#c13d2d
```
#c13d2d rgb(193,61,45)
```
#c1492d
```
#c1492d rgb(193,73,45)
```

Similar Colors

Text with hexadecimal color #c12d36

This text has a font color of #c12d36.

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

#c12d36 background color

This paragraph has a background color of #c12d36.

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

#c12d36 border color

This element has a border color of #c12d36.

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

CSS codes

.text {color:#c12d36;}

.background {background-color:#c12d36;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#120405
```
#120405 rgb(18,4,5)
```
#220809
```
#220809 rgb(34,8,9)
```
#320c0e
```
#320c0e rgb(50,12,14)
```
#420f12
```
#420f12 rgb(66,15,18)
```
#521317
```
#521317 rgb(82,19,23)
```
#62171b
```
#62171b rgb(98,23,27)
```
#711a20
```
#711a20 rgb(113,26,32)
```
#811e24
```
#811e24 rgb(129,30,36)
```
#912229
```
#912229 rgb(145,34,41)
```
#a1262d
```
#a1262d rgb(161,38,45)
```
#b12932
```
#b12932 rgb(177,41,50)
```
#c12d36
```
#c12d36 rgb(193,45,54)
```

Shade Color Variation

#cf323c
```
#cf323c rgb(207,50,60)
```
#d3424b
```
#d3424b rgb(211,66,75)
```
#d7525a
```
#d7525a rgb(215,82,90)
```
#da6269
```
#da6269 rgb(218,98,105)
```
#de7279
```
#de7279 rgb(222,114,121)
```
#e28288
```
#e28288 rgb(226,130,136)
```
#e69297
```
#e69297 rgb(230,146,151)
```
#e9a2a6
```
#e9a2a6 rgb(233,162,166)
```
#edb2b5
```
#edb2b5 rgb(237,178,181)
```
#f1c1c4
```
#f1c1c4 rgb(241,193,196)
```
#f4d1d4
```
#f4d1d4 rgb(244,209,212)
```
#f8e1e3
```
#f8e1e3 rgb(248,225,227)
```
#fcf1f2
```
#fcf1f2 rgb(252,241,242)
```

Tint Color Variation

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

#787676
```
#787676 rgb(120,118,118)
```
#816d6e
```
#816d6e rgb(129,109,110)
```
#8a6466
```
#8a6466 rgb(138,100,102)
```
#935b5e
```
#935b5e rgb(147,91,94)
```
#9c5256
```
#9c5256 rgb(156,82,86)
```
#a6484e
```
#a6484e rgb(166,72,78)
```
#af3f46
```
#af3f46 rgb(175,63,70)
```
#b8363e
```
#b8363e rgb(184,54,62)
```
#c12d36
```
#c12d36 rgb(193,45,54)
```
#ca242e
```
#ca242e rgb(202,36,46)
```
#d31b26
```
#d31b26 rgb(211,27,38)
```
#dc121e
```
#dc121e rgb(220,18,30)
```
#e60816
```
#e60816 rgb(230,8,22)
```

Tone Color Variation

Below, you can see how #c12d36 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
#6f5153 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766e52 Protanopia 1% of men
#876936 Deuteranopia 1% of men
#c4383a Tritanopia 0.001% of the population

Trichromacy

#915647 Protanomaly 1% of men, 0.01% of women
#9c5336 Deuteranomaly 6% of men, 0.4% of women
#c23439 Tritanomaly 0.01% of the population