#f12230 Color Information
In a RGB color space, hex #f12230 is composed of 94.5% red, 13.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.9% magenta, 80.1% yellow and 5.5% black. It has a hue angle of 355.9 degrees, a saturation of 88.1% and a lightness of 53.9%. #f12230 color hex could be obtained by blending #ff4460 with #e30000. Closest websafe color is: #ff3333.
-
- R 95
- G 13
- B 19
-
- C 0
- M 86
- Y 80
- K 5
● #f12230 color description : Vivid red.
#f12230 Color Conversion
The hexadecimal color #f12230 has RGB values of R:241, G:34, B:48 and CMYK values of C:0, M:0.86, Y:0.8, K:0.05. Its decimal value is 15802928.
| Hex triplet | f12230 | #f12230 |
|---|---|---|
| RGB Decimal | 241, 34, 48 | rgb(241,34,48) |
| RGB Percent | 94.5, 13.3, 18.8 | rgb(94.5%,13.3%,18.8%) |
| CMYK | 0, 86, 80, 5 | |
| HSL | 355.9°, 88.1, 53.9 | hsl(355.9,88.1%,53.9%) |
| HSV (or HSB) | 355.9°, 85.9, 94.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 51.908, 73.63, 46.924 |
|---|---|
| XYZ | 37.383, 20.063, 4.7 |
| xyY | 0.602, 0.323, 20.063 |
| CIE-LCH | 51.908, 87.311, 32.509 |
| CIE-LUV | 51.908, 152.811, 29.701 |
| Hunter-Lab | 44.792, 70.59, 25.132 |
| Binary | 11110001, 00100010, 00110000 |
Color Schemes with #f12230
Alternatives to #f12230
Below, you can see some colors close to #f12230. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f12230 Preview
This text has a font color of #f12230.
<span style="color:#f12230;">Text here</span>
This paragraph has a background color of #f12230.
<p style="background-color:#f12230;">Content here</p>
This element has a border color of #f12230.
<div style="border:1px solid #f12230;">Content here</div>
.text {color:#f12230;}
.background {background-color:#f12230;}
.border {border:1px solid #f12230;}
Shades and Tints of #f12230
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) -
#130102
#130102rgb(19,1,2) -
#250205
#250205rgb(37,2,5) -
#380407
#380407rgb(56,4,7) -
#4a0509
#4a0509rgb(74,5,9) -
#5d060c
#5d060crgb(93,6,12) -
#6f070e
#6f070ergb(111,7,14) -
#810810
#810810rgb(129,8,16) -
#940913
#940913rgb(148,9,19) -
#a60b15
#a60b15rgb(166,11,21) -
#b90c17
#b90c17rgb(185,12,23) -
#cb0d1a
#cb0d1argb(203,13,26) -
#de0e1c
#de0e1crgb(222,14,28)
-
#f0101f
#f0101frgb(240,16,31) -
#f12230
#f12230rgb(241,34,48) -
#f23441
#f23441rgb(242,52,65) -
#f34753
#f34753rgb(243,71,83) -
#f55964
#f55964rgb(245,89,100) -
#f66c75
#f66c75rgb(246,108,117) -
#f77e86
#f77e86rgb(247,126,134) -
#f89198
#f89198rgb(248,145,152) -
#f9a3a9
#f9a3a9rgb(249,163,169) -
#fab6ba
#fab6bargb(250,182,186) -
#fcc8cc
#fcc8ccrgb(252,200,204) -
#fddadd
#fddaddrgb(253,218,221) -
#feedee
#feedeergb(254,237,238)
Tones of #f12230
A tone is produced by adding gray to any pure hue. In this case, #8e8586 is the less saturated color, while #fa1928 is the most saturated one.
-
#8e8586
#8e8586rgb(142,133,134) -
#977c7e
#977c7ergb(151,124,126) -
#a07376
#a07376rgb(160,115,118) -
#a96a6f
#a96a6frgb(169,106,111) -
#b26167
#b26167rgb(178,97,103) -
#bb585f
#bb585frgb(187,88,95) -
#c44f57
#c44f57rgb(196,79,87) -
#cd464f
#cd464frgb(205,70,79) -
#d63d47
#d63d47rgb(214,61,71) -
#df3440
#df3440rgb(223,52,64) -
#e82b38
#e82b38rgb(232,43,56) -
#f12230
#f12230rgb(241,34,48) -
#fa1928
#fa1928rgb(250,25,40)
Color Blindness Simulator
Below, you can see how #f12230 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.
