#f12a21 hex color

In a RGB color space, hex #f12a21 is composed of 94.5% red, 16.5% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.6% magenta, 86.3% yellow and 5.5% black. It has a hue angle of 2.6 degrees, a saturation of 88.1% and a lightness of 53.7%. #f12a21 color hex could be obtained by blending #ff5442 with #e30000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 95
- G 16
- B 13
RGB color chart
- C 0
- M 83
- Y 86
- K 5
CMYK color chart

● #f12a21 color description : Vivid red.

The hexadecimal color #f12a21 has RGB values of R:241, G:42, B:33 and CMYK values of C:0, M:0.83, Y:0.86, K:0.05. Its decimal value is 15804961.

Hex triplet	f12a21	`#f12a21`
RGB Decimal	241, 42, 33	`rgb(241,42,33)`
RGB Percent	94.5, 16.5, 12.9	`rgb(94.5%,16.5%,12.9%)`
CMYK	0, 83, 86, 5
HSL	2.6°, 88.1, 53.7	`hsl(2.6,88.1%,53.7%)`
HSV (or HSB)	2.6°, 86.3, 94.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.366, 71.648, 54.757
XYZ	37.38, 20.471, 3.422
xyY	0.61, 0.334, 20.471
CIE-LCH	52.366, 90.176, 37.389
CIE-LUV	52.366, 152.273, 34.767
Hunter-Lab	45.245, 68.292, 27.187
Binary	11110001, 00101010, 00100001

#f12a21
```
#f12a21 rgb(241,42,33)
```
#21e8f1
```
#21e8f1 rgb(33,232,241)
```

Complementary Color

#f12180
```
#f12180 rgb(241,33,128)
```
#f12a21
```
#f12a21 rgb(241,42,33)
```
#f19221
```
#f19221 rgb(241,146,33)
```

Analogous Color

#2180f1
```
#2180f1 rgb(33,128,241)
```
#f12a21
```
#f12a21 rgb(241,42,33)
```
#21f192
```
#21f192 rgb(33,241,146)
```

Split Complementary Color

#2a21f1
```
#2a21f1 rgb(42,33,241)
```
#f12a21
```
#f12a21 rgb(241,42,33)
```
#21f12a
```
#21f12a rgb(33,241,42)
```

Triadic Color

#f121e8
```
#f121e8 rgb(241,33,232)
```
#f12a21
```
#f12a21 rgb(241,42,33)
```
#21f12a
```
#21f12a rgb(33,241,42)
```
#21e8f1
```
#21e8f1 rgb(33,232,241)
```

Tetradic Color

#ba130c
```
#ba130c rgb(186,19,12)
```
#d2160d
```
#d2160d rgb(210,22,13)
```
#ea180f
```
#ea180f rgb(234,24,15)
```
#f12a21
```
#f12a21 rgb(241,42,33)
```
#f34139
```
#f34139 rgb(243,65,57)
```
#f45851
```
#f45851 rgb(244,88,81)
```
#f66f69
```
#f66f69 rgb(246,111,105)
```

Monochromatic Color

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

#f1214c
```
#f1214c rgb(241,33,76)
```
#f1213b
```
#f1213b rgb(241,33,59)
```
#f12129
```
#f12129 rgb(241,33,41)
```
#f12a21
```
#f12a21 rgb(241,42,33)
```
#f13b21
```
#f13b21 rgb(241,59,33)
```
#f14d21
```
#f14d21 rgb(241,77,33)
```
#f15e21
```
#f15e21 rgb(241,94,33)
```

Similar Colors

Text with hexadecimal color #f12a21

This text has a font color of #f12a21.

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

#f12a21 background color

This paragraph has a background color of #f12a21.

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

#f12a21 border color

This element has a border color of #f12a21.

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

CSS codes

.text {color:#f12a21;}

.background {background-color:#f12a21;}

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

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

#120201
```
#120201 rgb(18,2,1)
```
#240402
```
#240402 rgb(36,4,2)
```
#370603
```
#370603 rgb(55,6,3)
```
#490805
```
#490805 rgb(73,8,5)
```
#5c0906
```
#5c0906 rgb(92,9,6)
```
#6e0b07
```
#6e0b07 rgb(110,11,7)
```
#810d08
```
#810d08 rgb(129,13,8)
```
#930f09
```
#930f09 rgb(147,15,9)
```
#a5110a
```
#a5110a rgb(165,17,10)
```
#b8130c
```
#b8130c rgb(184,19,12)
```
#ca150d
```
#ca150d rgb(202,21,13)
```
#dd170e
```
#dd170e rgb(221,23,14)
```
#ef190f
```
#ef190f rgb(239,25,15)
```

Shade Color Variation

#f12a21
```
#f12a21 rgb(241,42,33)
```
#f23c33
```
#f23c33 rgb(242,60,51)
```
#f34d46
```
#f34d46 rgb(243,77,70)
```
#f45f58
```
#f45f58 rgb(244,95,88)
```
#f6716b
```
#f6716b rgb(246,113,107)
```
#f7837d
```
#f7837d rgb(247,131,125)
```
#f89490
```
#f89490 rgb(248,148,144)
```
#f9a6a2
```
#f9a6a2 rgb(249,166,162)
```
#fab8b5
```
#fab8b5 rgb(250,184,181)
```
#fbc9c7
```
#fbc9c7 rgb(251,201,199)
```
#fddbda
```
#fddbda rgb(253,219,218)
```
#feedec
```
#feedec rgb(254,237,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8d8585
```
#8d8585 rgb(141,133,133)
```
#967d7c
```
#967d7c rgb(150,125,124)
```
#9f7573
```
#9f7573 rgb(159,117,115)
```
#a86c6a
```
#a86c6a rgb(168,108,106)
```
#b16461
```
#b16461 rgb(177,100,97)
```
#bb5c57
```
#bb5c57 rgb(187,92,87)
```
#c4534e
```
#c4534e rgb(196,83,78)
```
#cd4b45
```
#cd4b45 rgb(205,75,69)
```
#d6433c
```
#d6433c rgb(214,67,60)
```
#df3b33
```
#df3b33 rgb(223,59,51)
```
#e8322a
```
#e8322a rgb(232,50,42)
```
#f12a21
```
#f12a21 rgb(241,42,33)
```
#fa2218
```
#fa2218 rgb(250,34,24)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#805857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91833e Protanopia 1% of men
#a47d0b Deuteranopia 1% of men
#f13433 Tritanopia 0.001% of the population

Trichromacy

#b46333 Protanomaly 1% of men, 0.01% of women
#c05f13 Deuteranomaly 6% of men, 0.4% of women
#f1302c Tritanomaly 0.01% of the population

#f12a21 hex color

#f12a21 Color Information

#f12a21 Color Conversion

Color Schemes with #f12a21

Alternatives to #f12a21

#f12a21 Preview

Shades and Tints of #f12a21

Tones of #f12a21

Color Blindness Simulator