#f12c36 hex color

In a RGB color space, hex #f12c36 is composed of 94.5% red, 17.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 77.6% yellow and 5.5% black. It has a hue angle of 357 degrees, a saturation of 87.6% and a lightness of 55.9%. #f12c36 color hex could be obtained by blending #ff586c with #e30000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 95
- G 17
- B 21
RGB color chart
- C 0
- M 82
- Y 78
- K 5
CMYK color chart

● #f12c36 color description : Bright red.

The hexadecimal color #f12c36 has RGB values of R:241, G:44, B:54 and CMYK values of C:0, M:0.82, Y:0.78, K:0.05. Its decimal value is 15805494.

Hex triplet	f12c36	`#f12c36`
RGB Decimal	241, 44, 54	`rgb(241,44,54)`
RGB Percent	94.5, 17.3, 21.2	`rgb(94.5%,17.3%,21.2%)`
CMYK	0, 82, 78, 5
HSL	357°, 87.6, 55.9	`hsl(357,87.6%,55.9%)`
HSV (or HSB)	357°, 81.7, 94.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.7, 71.715, 44.487
XYZ	37.844, 20.773, 5.507
xyY	0.59, 0.324, 20.773
CIE-LCH	52.7, 84.393, 31.812
CIE-LUV	52.7, 147.845, 29.139
Hunter-Lab	45.578, 68.451, 24.741
Binary	11110001, 00101100, 00110110

#f12c36
```
#f12c36 rgb(241,44,54)
```
#2cf1e7
```
#2cf1e7 rgb(44,241,231)
```

Complementary Color

#f12c99
```
#f12c99 rgb(241,44,153)
```
#f12c36
```
#f12c36 rgb(241,44,54)
```
#f1852c
```
#f1852c rgb(241,133,44)
```

Analogous Color

#2c99f1
```
#2c99f1 rgb(44,153,241)
```
#f12c36
```
#f12c36 rgb(241,44,54)
```
#2cf185
```
#2cf185 rgb(44,241,133)
```

Split Complementary Color

#2c36f1
```
#2c36f1 rgb(44,54,241)
```
#f12c36
```
#f12c36 rgb(241,44,54)
```
#36f12c
```
#36f12c rgb(54,241,44)
```

Triadic Color

#e72cf1
```
#e72cf1 rgb(231,44,241)
```
#f12c36
```
#f12c36 rgb(241,44,54)
```
#36f12c
```
#36f12c rgb(54,241,44)
```
#2cf1e7
```
#2cf1e7 rgb(44,241,231)
```

Tetradic Color

#c40d16
```
#c40d16 rgb(196,13,22)
```
#db0f19
```
#db0f19 rgb(219,15,25)
```
#ef141f
```
#ef141f rgb(239,20,31)
```
#f12c36
```
#f12c36 rgb(241,44,54)
```
#f3444d
```
#f3444d rgb(243,68,77)
```
#f45c64
```
#f45c64 rgb(244,92,100)
```
#f6747a
```
#f6747a rgb(246,116,122)
```

Monochromatic Color

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

#f12c67
```
#f12c67 rgb(241,44,103)
```
#f12c57
```
#f12c57 rgb(241,44,87)
```
#f12c46
```
#f12c46 rgb(241,44,70)
```
#f12c36
```
#f12c36 rgb(241,44,54)
```
#f1322c
```
#f1322c rgb(241,50,44)
```
#f1432c
```
#f1432c rgb(241,67,44)
```
#f1532c
```
#f1532c rgb(241,83,44)
```

Similar Colors

Text with hexadecimal color #f12c36

This text has a font color of #f12c36.

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

#f12c36 background color

This paragraph has a background color of #f12c36.

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

#f12c36 border color

This element has a border color of #f12c36.

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

CSS codes

.text {color:#f12c36;}

.background {background-color:#f12c36;}

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

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

#0a0101
```
#0a0101 rgb(10,1,1)
```
#1c0203
```
#1c0203 rgb(28,2,3)
```
#2f0305
```
#2f0305 rgb(47,3,5)
```
#410407
```
#410407 rgb(65,4,7)
```
#530609
```
#530609 rgb(83,6,9)
```
#66070c
```
#66070c rgb(102,7,12)
```
#78080e
```
#78080e rgb(120,8,14)
```
#8b0910
```
#8b0910 rgb(139,9,16)
```
#9d0a12
```
#9d0a12 rgb(157,10,18)
```
#af0c14
```
#af0c14 rgb(175,12,20)
```
#c20d16
```
#c20d16 rgb(194,13,22)
```
#d40e18
```
#d40e18 rgb(212,14,24)
```
#e60f1a
```
#e60f1a rgb(230,15,26)
```

Shade Color Variation

#f01a24
```
#f01a24 rgb(240,26,36)
```
#f12c36
```
#f12c36 rgb(241,44,54)
```
#f23e48
```
#f23e48 rgb(242,62,72)
```
#f35159
```
#f35159 rgb(243,81,89)
```
#f5636b
```
#f5636b rgb(245,99,107)
```
#f6767c
```
#f6767c rgb(246,118,124)
```
#f7888e
```
#f7888e rgb(247,136,142)
```
#f89a9f
```
#f89a9f rgb(248,154,159)
```
#faadb1
```
#faadb1 rgb(250,173,177)
```
#fbbfc2
```
#fbbfc2 rgb(251,191,194)
```
#fcd2d4
```
#fcd2d4 rgb(252,210,212)
```
#fde4e5
```
#fde4e5 rgb(253,228,229)
```
#fef6f7
```
#fef6f7 rgb(254,246,247)
```

Tint Color Variation

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

#928b8c
```
#928b8c rgb(146,139,140)
```
#9a8384
```
#9a8384 rgb(154,131,132)
```
#a37a7c
```
#a37a7c rgb(163,122,124)
```
#ac7174
```
#ac7174 rgb(172,113,116)
```
#b4696c
```
#b4696c rgb(180,105,108)
```
#bd6065
```
#bd6065 rgb(189,96,101)
```
#c6575d
```
#c6575d rgb(198,87,93)
```
#ce4f55
```
#ce4f55 rgb(206,79,85)
```
#d7464d
```
#d7464d rgb(215,70,77)
```
#e03d46
```
#e03d46 rgb(224,61,70)
```
#e8353e
```
#e8353e rgb(232,53,62)
```
#f12c36
```
#f12c36 rgb(241,44,54)
```
#fa232e
```
#fa232e rgb(250,35,46)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#835c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8455 Protanopia 1% of men
#a47e30 Deuteranopia 1% of men
#f13838 Tritanopia 0.001% of the population

Trichromacy

#b3644a Protanomaly 1% of men, 0.01% of women
#c06032 Deuteranomaly 6% of men, 0.4% of women
#f13337 Tritanomaly 0.01% of the population

#f12c36 hex color

#f12c36 Color Information

#f12c36 Color Conversion

Color Schemes with #f12c36

Alternatives to #f12c36

#f12c36 Preview

Shades and Tints of #f12c36

Tones of #f12c36

Color Blindness Simulator