#c12f30 hex color

In a RGB color space, hex #c12f30 is composed of 75.7% red, 18.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.6% magenta, 75.1% yellow and 24.3% black. It has a hue angle of 359.6 degrees, a saturation of 60.8% and a lightness of 47.1%. #c12f30 color hex could be obtained by blending #ff5e60 with #830000. Closest websafe color is: #cc3333.

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

● #c12f30 color description : Strong red.

The hexadecimal color #c12f30 has RGB values of R:193, G:47, B:48 and CMYK values of C:0, M:0.76, Y:0.75, K:0.24. Its decimal value is 12660528.

Hex triplet	c12f30	`#c12f30`
RGB Decimal	193, 47, 48	`rgb(193,47,48)`
RGB Percent	75.7, 18.4, 18.8	`rgb(75.7%,18.4%,18.8%)`
CMYK	0, 76, 75, 24
HSL	359.6°, 60.8, 47.1	`hsl(359.6,60.8%,47.1%)`
HSV (or HSB)	359.6°, 75.6, 75.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.634, 56.968, 35.355
XYZ	23.543, 13.587, 4.179
xyY	0.57, 0.329, 13.587
CIE-LCH	43.634, 67.047, 31.824
CIE-LUV	43.634, 110.469, 23.494
Hunter-Lab	36.86, 49.507, 19.08
Binary	11000001, 00101111, 00110000

#c12f30
```
#c12f30 rgb(193,47,48)
```
#2fc1c0
```
#2fc1c0 rgb(47,193,192)
```

Complementary Color

#c12f79
```
#c12f79 rgb(193,47,121)
```
#c12f30
```
#c12f30 rgb(193,47,48)
```
#c1772f
```
#c1772f rgb(193,119,47)
```

Analogous Color

#2f79c1
```
#2f79c1 rgb(47,121,193)
```
#c12f30
```
#c12f30 rgb(193,47,48)
```
#2fc177
```
#2fc177 rgb(47,193,119)
```

Split Complementary Color

#2f30c1
```
#2f30c1 rgb(47,48,193)
```
#c12f30
```
#c12f30 rgb(193,47,48)
```
#30c12f
```
#30c12f rgb(48,193,47)
```

Triadic Color

#c02fc1
```
#c02fc1 rgb(192,47,193)
```
#c12f30
```
#c12f30 rgb(193,47,48)
```
#30c12f
```
#30c12f rgb(48,193,47)
```
#2fc1c0
```
#2fc1c0 rgb(47,193,192)
```

Tetradic Color

#832021
```
#832021 rgb(131,32,33)
```
#982526
```
#982526 rgb(152,37,38)
```
#ac2a2b
```
#ac2a2b rgb(172,42,43)
```
#c12f30
```
#c12f30 rgb(193,47,48)
```
#cf3a3b
```
#cf3a3b rgb(207,58,59)
```
#d44f50
```
#d44f50 rgb(212,79,80)
```
#d96364
```
#d96364 rgb(217,99,100)
```

Monochromatic Color

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

#c12f55
```
#c12f55 rgb(193,47,85)
```
#c12f48
```
#c12f48 rgb(193,47,72)
```
#c12f3c
```
#c12f3c rgb(193,47,60)
```
#c12f30
```
#c12f30 rgb(193,47,48)
```
#c13a2f
```
#c13a2f rgb(193,58,47)
```
#c1462f
```
#c1462f rgb(193,70,47)
```
#c1532f
```
#c1532f rgb(193,83,47)
```

Similar Colors

Text with hexadecimal color #c12f30

This text has a font color of #c12f30.

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

#c12f30 background color

This paragraph has a background color of #c12f30.

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

#c12f30 border color

This element has a border color of #c12f30.

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

CSS codes

.text {color:#c12f30;}

.background {background-color:#c12f30;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#130505
```
#130505 rgb(19,5,5)
```
#230909
```
#230909 rgb(35,9,9)
```
#330c0d
```
#330c0d rgb(51,12,13)
```
#431011
```
#431011 rgb(67,16,17)
```
#531415
```
#531415 rgb(83,20,21)
```
#621818
```
#621818 rgb(98,24,24)
```
#721c1c
```
#721c1c rgb(114,28,28)
```
#822020
```
#822020 rgb(130,32,32)
```
#922324
```
#922324 rgb(146,35,36)
```
#a12728
```
#a12728 rgb(161,39,40)
```
#b12b2c
```
#b12b2c rgb(177,43,44)
```
#c12f30
```
#c12f30 rgb(193,47,48)
```

Shade Color Variation

#ce3637
```
#ce3637 rgb(206,54,55)
```
#d24546
```
#d24546 rgb(210,69,70)
```
#d65556
```
#d65556 rgb(214,85,86)
```
#d96566
```
#d96566 rgb(217,101,102)
```
#dd7575
```
#dd7575 rgb(221,117,117)
```
#e18585
```
#e18585 rgb(225,133,133)
```
#e59495
```
#e59495 rgb(229,148,149)
```
#e9a4a5
```
#e9a4a5 rgb(233,164,165)
```
#edb4b4
```
#edb4b4 rgb(237,180,180)
```
#f1c4c4
```
#f1c4c4 rgb(241,196,196)
```
#f4d3d4
```
#f4d3d4 rgb(244,211,212)
```
#f8e3e3
```
#f8e3e3 rgb(248,227,227)
```
#fcf3f3
```
#fcf3f3 rgb(252,243,243)
```

Tint Color Variation

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

#807070
```
#807070 rgb(128,112,112)
```
#8a6667
```
#8a6667 rgb(138,102,103)
```
#935d5e
```
#935d5e rgb(147,93,94)
```
#9c5454
```
#9c5454 rgb(156,84,84)
```
#a54b4b
```
#a54b4b rgb(165,75,75)
```
#af4142
```
#af4142 rgb(175,65,66)
```
#b83839
```
#b83839 rgb(184,56,57)
```
#c12f30
```
#c12f30 rgb(193,47,48)
```
#ca2627
```
#ca2627 rgb(202,38,39)
```
#d31d1e
```
#d31d1e rgb(211,29,30)
```
#dd1315
```
#dd1315 rgb(221,19,21)
```
#e60a0c
```
#e60a0c rgb(230,10,12)
```
#ef0102
```
#ef0102 rgb(239,1,2)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6f5252 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786e4a Protanopia 1% of men
#886930 Deuteranopia 1% of men
#c4393b Tritanopia 0.001% of the population

Trichromacy

#925741 Protanomaly 1% of men, 0.01% of women
#9d5430 Deuteranomaly 6% of men, 0.4% of women
#c33537 Tritanomaly 0.01% of the population

#c12f30 hex color

#c12f30 Color Information

#c12f30 Color Conversion

Color Schemes with #c12f30

Alternatives to #c12f30

#c12f30 Preview

Shades and Tints of #c12f30

Tones of #c12f30

Color Blindness Simulator