#f12232 Color Information
In a RGB color space, hex #f12232 is composed of 94.5% red, 13.3% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.9% magenta, 79.3% yellow and 5.5% black. It has a hue angle of 355.4 degrees, a saturation of 88.1% and a lightness of 53.9%. #f12232 color hex could be obtained by blending #ff4464 with #e30000. Closest websafe color is: #ff3333.
-
- R 95
- G 13
- B 20
-
- C 0
- M 86
- Y 79
- K 5
● #f12232 color description : Vivid red.
#f12232 Color Conversion
The hexadecimal color #f12232 has RGB values of R:241, G:34, B:50 and CMYK values of C:0, M:0.86, Y:0.79, K:0.05. Its decimal value is 15802930.
| Hex triplet | f12232 | #f12232 |
|---|---|---|
| RGB Decimal | 241, 34, 50 | rgb(241,34,50) |
| RGB Percent | 94.5, 13.3, 19.6 | rgb(94.5%,13.3%,19.6%) |
| CMYK | 0, 86, 79, 5 | |
| HSL | 355.4°, 88.1, 53.9 | hsl(355.4,88.1%,53.9%) |
| HSV (or HSB) | 355.4°, 85.9, 94.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 51.927, 73.685, 45.867 |
|---|---|
| XYZ | 37.425, 20.08, 4.923 |
| xyY | 0.599, 0.322, 20.08 |
| CIE-LCH | 51.927, 86.795, 31.901 |
| CIE-LUV | 51.927, 152.409, 29.06 |
| Hunter-Lab | 44.811, 70.663, 24.854 |
| Binary | 11110001, 00100010, 00110010 |
Color Schemes with #f12232
Alternatives to #f12232
Below, you can see some colors close to #f12232. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f12232 Preview
This text has a font color of #f12232.
<span style="color:#f12232;">Text here</span>
This paragraph has a background color of #f12232.
<p style="background-color:#f12232;">Content here</p>
This element has a border color of #f12232.
<div style="border:1px solid #f12232;">Content here</div>
.text {color:#f12232;}
.background {background-color:#f12232;}
.border {border:1px solid #f12232;}
Shades and Tints of #f12232
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, #000000 is the darkest color, while #feedee is the lightest one.
-
#000000
#000000rgb(0,0,0) -
#130103
#130103rgb(19,1,3) -
#250205
#250205rgb(37,2,5) -
#380408
#380408rgb(56,4,8) -
#4a050a
#4a050argb(74,5,10) -
#5d060d
#5d060drgb(93,6,13) -
#6f070f
#6f070frgb(111,7,15) -
#810812
#810812rgb(129,8,18) -
#940914
#940914rgb(148,9,20) -
#a60b17
#a60b17rgb(166,11,23) -
#b90c19
#b90c19rgb(185,12,25) -
#cb0d1c
#cb0d1crgb(203,13,28) -
#de0e1e
#de0e1ergb(222,14,30)
-
#f01021
#f01021rgb(240,16,33) -
#f12232
#f12232rgb(241,34,50) -
#f23443
#f23443rgb(242,52,67) -
#f34754
#f34754rgb(243,71,84) -
#f55965
#f55965rgb(245,89,101) -
#f66c76
#f66c76rgb(246,108,118) -
#f77e88
#f77e88rgb(247,126,136) -
#f89199
#f89199rgb(248,145,153) -
#f9a3aa
#f9a3aargb(249,163,170) -
#fab6bb
#fab6bbrgb(250,182,187) -
#fcc8cc
#fcc8ccrgb(252,200,204) -
#fddadd
#fddaddrgb(253,218,221) -
#feedee
#feedeergb(254,237,238)
Tones of #f12232
A tone is produced by adding gray to any pure hue. In this case, #8e8586 is the less saturated color, while #fa192a is the most saturated one.
-
#8e8586
#8e8586rgb(142,133,134) -
#977c7e
#977c7ergb(151,124,126) -
#a07377
#a07377rgb(160,115,119) -
#a96a6f
#a96a6frgb(169,106,111) -
#b26167
#b26167rgb(178,97,103) -
#bb5860
#bb5860rgb(187,88,96) -
#c44f58
#c44f58rgb(196,79,88) -
#cd4651
#cd4651rgb(205,70,81) -
#d63d49
#d63d49rgb(214,61,73) -
#df3441
#df3441rgb(223,52,65) -
#e82b3a
#e82b3argb(232,43,58) -
#f12232
#f12232rgb(241,34,50) -
#fa192a
#fa192argb(250,25,42)
Color Blindness Simulator
Below, you can see how #f12232 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.
