#c12a30 hex color

In a RGB color space, hex #c12a30 is composed of 75.7% red, 16.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.2% magenta, 75.1% yellow and 24.3% black. It has a hue angle of 357.6 degrees, a saturation of 64.3% and a lightness of 46.1%. #c12a30 color hex could be obtained by blending #ff5460 with #830000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 76
- G 16
- B 19
RGB color chart
- C 0
- M 78
- Y 75
- K 24
CMYK color chart

● #c12a30 color description : Strong red.

The hexadecimal color #c12a30 has RGB values of R:193, G:42, B:48 and CMYK values of C:0, M:0.78, Y:0.75, K:0.24. Its decimal value is 12659248.

Hex triplet	c12a30	`#c12a30`
RGB Decimal	193, 42, 48	`rgb(193,42,48)`
RGB Percent	75.7, 16.5, 18.8	`rgb(75.7%,16.5%,18.8%)`
CMYK	0, 78, 75, 24
HSL	357.6°, 64.3, 46.1	`hsl(357.6,64.3%,46.1%)`
HSV (or HSB)	357.6°, 78.2, 75.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.077, 58.528, 34.734
XYZ	23.355, 13.21, 4.116
xyY	0.574, 0.325, 13.21
CIE-LCH	43.077, 68.059, 30.688
CIE-LUV	43.077, 112.925, 22.432
Hunter-Lab	36.345, 51.098, 18.727
Binary	11000001, 00101010, 00110000

#c12a30
```
#c12a30 rgb(193,42,48)
```
#2ac1bb
```
#2ac1bb rgb(42,193,187)
```

Complementary Color

#c12a7c
```
#c12a7c rgb(193,42,124)
```
#c12a30
```
#c12a30 rgb(193,42,48)
```
#c1702a
```
#c1702a rgb(193,112,42)
```

Analogous Color

#2a7cc1
```
#2a7cc1 rgb(42,124,193)
```
#c12a30
```
#c12a30 rgb(193,42,48)
```
#2ac170
```
#2ac170 rgb(42,193,112)
```

Split Complementary Color

#2a30c1
```
#2a30c1 rgb(42,48,193)
```
#c12a30
```
#c12a30 rgb(193,42,48)
```
#30c12a
```
#30c12a rgb(48,193,42)
```

Triadic Color

#bb2ac1
```
#bb2ac1 rgb(187,42,193)
```
#c12a30
```
#c12a30 rgb(193,42,48)
```
#30c12a
```
#30c12a rgb(48,193,42)
```
#2ac1bb
```
#2ac1bb rgb(42,193,187)
```

Tetradic Color

#821c20
```
#821c20 rgb(130,28,32)
```
#972126
```
#972126 rgb(151,33,38)
```
#ac252b
```
#ac252b rgb(172,37,43)
```
#c12a30
```
#c12a30 rgb(193,42,48)
```
#d23238
```
#d23238 rgb(210,50,56)
```
#d7474d
```
#d7474d rgb(215,71,77)
```
#dc5c61
```
#dc5c61 rgb(220,92,97)
```

Monochromatic Color

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

#c12a56
```
#c12a56 rgb(193,42,86)
```
#c12a49
```
#c12a49 rgb(193,42,73)
```
#c12a3d
```
#c12a3d rgb(193,42,61)
```
#c12a30
```
#c12a30 rgb(193,42,48)
```
#c1312a
```
#c1312a rgb(193,49,42)
```
#c13d2a
```
#c13d2a rgb(193,61,42)
```
#c14a2a
```
#c14a2a rgb(193,74,42)
```

Similar Colors

Text with hexadecimal color #c12a30

This text has a font color of #c12a30.

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

#c12a30 background color

This paragraph has a background color of #c12a30.

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

#c12a30 border color

This element has a border color of #c12a30.

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

CSS codes

.text {color:#c12a30;}

.background {background-color:#c12a30;}

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

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

#100304
```
#100304 rgb(16,3,4)
```
#200708
```
#200708 rgb(32,7,8)
```
#300a0c
```
#300a0c rgb(48,10,12)
```
#400e10
```
#400e10 rgb(64,14,16)
```
#501114
```
#501114 rgb(80,17,20)
```
#601518
```
#601518 rgb(96,21,24)
```
#70181c
```
#70181c rgb(112,24,28)
```
#811c20
```
#811c20 rgb(129,28,32)
```
#911f24
```
#911f24 rgb(145,31,36)
```
#a12328
```
#a12328 rgb(161,35,40)
```
#b1262c
```
#b1262c rgb(177,38,44)
```
#c12a30
```
#c12a30 rgb(193,42,48)
```
#d12e34
```
#d12e34 rgb(209,46,52)
```

Shade Color Variation

#d53d43
```
#d53d43 rgb(213,61,67)
```
#d84d53
```
#d84d53 rgb(216,77,83)
```
#dc5e63
```
#dc5e63 rgb(220,94,99)
```
#df6e72
```
#df6e72 rgb(223,110,114)
```
#e37e82
```
#e37e82 rgb(227,126,130)
```
#e68e91
```
#e68e91 rgb(230,142,145)
```
#ea9ea1
```
#ea9ea1 rgb(234,158,161)
```
#edaeb1
```
#edaeb1 rgb(237,174,177)
```
#f1bec0
```
#f1bec0 rgb(241,190,192)
```
#f4ced0
```
#f4ced0 rgb(244,206,208)
```
#f8dedf
```
#f8dedf rgb(248,222,223)
```
#fbefef
```
#fbefef rgb(251,239,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797273
```
#797273 rgb(121,114,115)
```
#82696a
```
#82696a rgb(130,105,106)
```
#8b6062
```
#8b6062 rgb(139,96,98)
```
#94575a
```
#94575a rgb(148,87,90)
```
#9d4e51
```
#9d4e51 rgb(157,78,81)
```
#a64549
```
#a64549 rgb(166,69,73)
```
#af3c41
```
#af3c41 rgb(175,60,65)
```
#b83338
```
#b83338 rgb(184,51,56)
```
#c12a30
```
#c12a30 rgb(193,42,48)
```
#ca2128
```
#ca2128 rgb(202,33,40)
```
#d3181f
```
#d3181f rgb(211,24,31)
```
#dc0f17
```
#dc0f17 rgb(220,15,23)
```
#e5060f
```
#e5060f rgb(229,6,15)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6d4f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766d4b Protanopia 1% of men
#87682f Deuteranopia 1% of men
#c43537 Tritanopia 0.001% of the population

Trichromacy

#915541 Protanomaly 1% of men, 0.01% of women
#9c512f Deuteranomaly 6% of men, 0.4% of women
#c23134 Tritanomaly 0.01% of the population

#c12a30 hex color

#c12a30 Color Information

#c12a30 Color Conversion

Color Schemes with #c12a30

Alternatives to #c12a30

#c12a30 Preview

Shades and Tints of #c12a30

Tones of #c12a30

Color Blindness Simulator