#f12235 Color Information
In a RGB color space, hex #f12235 is composed of 94.5% red, 13.3% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.9% magenta, 78% yellow and 5.5% black. It has a hue angle of 354.5 degrees, a saturation of 88.1% and a lightness of 53.9%. #f12235 color hex could be obtained by blending #ff446a with #e30000. Closest websafe color is: #ff3333.
-
- R 95
- G 13
- B 21
-
- C 0
- M 86
- Y 78
- K 5
● #f12235 color description : Vivid red.
#f12235 Color Conversion
The hexadecimal color #f12235 has RGB values of R:241, G:34, B:53 and CMYK values of C:0, M:0.86, Y:0.78, K:0.05. Its decimal value is 15802933.
| Hex triplet | f12235 | #f12235 |
|---|---|---|
| RGB Decimal | 241, 34, 53 | rgb(241,34,53) |
| RGB Percent | 94.5, 13.3, 20.8 | rgb(94.5%,13.3%,20.8%) |
| CMYK | 0, 86, 78, 5 | |
| HSL | 354.5°, 88.1, 53.9 | hsl(354.5,88.1%,53.9%) |
| HSV (or HSB) | 354.5°, 85.9, 94.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 51.958, 73.774, 44.259 |
|---|---|
| XYZ | 37.492, 20.107, 5.275 |
| xyY | 0.596, 0.32, 20.107 |
| CIE-LCH | 51.958, 86.032, 30.961 |
| CIE-LUV | 51.958, 151.778, 28.051 |
| Hunter-Lab | 44.84, 70.777, 24.414 |
| Binary | 11110001, 00100010, 00110101 |
Color Schemes with #f12235
Alternatives to #f12235
Below, you can see some colors close to #f12235. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f12235 Preview
This text has a font color of #f12235.
<span style="color:#f12235;">Text here</span>
This paragraph has a background color of #f12235.
<p style="background-color:#f12235;">Content here</p>
This element has a border color of #f12235.
<div style="border:1px solid #f12235;">Content here</div>
.text {color:#f12235;}
.background {background-color:#f12235;}
.border {border:1px solid #f12235;}
Shades and Tints of #f12235
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) -
#250206
#250206rgb(37,2,6) -
#380408
#380408rgb(56,4,8) -
#4a050b
#4a050brgb(74,5,11) -
#5d060e
#5d060ergb(93,6,14) -
#6f0711
#6f0711rgb(111,7,17) -
#810813
#810813rgb(129,8,19) -
#940916
#940916rgb(148,9,22) -
#a60b19
#a60b19rgb(166,11,25) -
#b90c1c
#b90c1crgb(185,12,28) -
#cb0d1e
#cb0d1ergb(203,13,30) -
#de0e21
#de0e21rgb(222,14,33)
-
#f01024
#f01024rgb(240,16,36) -
#f12235
#f12235rgb(241,34,53) -
#f23446
#f23446rgb(242,52,70) -
#f34757
#f34757rgb(243,71,87) -
#f55968
#f55968rgb(245,89,104) -
#f66c78
#f66c78rgb(246,108,120) -
#f77e89
#f77e89rgb(247,126,137) -
#f8919a
#f8919argb(248,145,154) -
#f9a3ab
#f9a3abrgb(249,163,171) -
#fab6bc
#fab6bcrgb(250,182,188) -
#fcc8cd
#fcc8cdrgb(252,200,205) -
#fddade
#fddadergb(253,218,222) -
#feedee
#feedeergb(254,237,238)
Tones of #f12235
A tone is produced by adding gray to any pure hue. In this case, #8e8586 is the less saturated color, while #fa192e is the most saturated one.
-
#8e8586
#8e8586rgb(142,133,134) -
#977c7f
#977c7frgb(151,124,127) -
#a07377
#a07377rgb(160,115,119) -
#a96a70
#a96a70rgb(169,106,112) -
#b26169
#b26169rgb(178,97,105) -
#bb5861
#bb5861rgb(187,88,97) -
#c44f5a
#c44f5argb(196,79,90) -
#cd4653
#cd4653rgb(205,70,83) -
#d63d4b
#d63d4brgb(214,61,75) -
#df3444
#df3444rgb(223,52,68) -
#e82b3c
#e82b3crgb(232,43,60) -
#f12235
#f12235rgb(241,34,53) -
#fa192e
#fa192ergb(250,25,46)
Color Blindness Simulator
Below, you can see how #f12235 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.
