#f12737 Color Information
In a RGB color space, hex #f12737 is composed of 94.5% red, 15.3% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.8% magenta, 77.2% yellow and 5.5% black. It has a hue angle of 355.2 degrees, a saturation of 87.8% and a lightness of 54.9%. #f12737 color hex could be obtained by blending #ff4e6e with #e30000. Closest websafe color is: #ff3333.
-
- R 95
- G 15
- B 22
-
- C 0
- M 84
- Y 77
- K 5
● #f12737 color description : Bright red.
#f12737 Color Conversion
The hexadecimal color #f12737 has RGB values of R:241, G:39, B:55 and CMYK values of C:0, M:0.84, Y:0.77, K:0.05. Its decimal value is 15804215.
| Hex triplet | f12737 | #f12737 |
|---|---|---|
| RGB Decimal | 241, 39, 55 | rgb(241,39,55) |
| RGB Percent | 94.5, 15.3, 21.6 | rgb(94.5%,15.3%,21.6%) |
| CMYK | 0, 84, 77, 5 | |
| HSL | 355.2°, 87.8, 54.9 | hsl(355.2,87.8%,54.9%) |
| HSV (or HSB) | 355.2°, 83.8, 94.5 | |
| Web Safe | ff3333 | #ff3333 |
| CIE-LAB | 52.323, 72.853, 43.538 |
|---|---|
| XYZ | 37.693, 20.432, 5.573 |
| xyY | 0.592, 0.321, 20.432 |
| CIE-LCH | 52.323, 84.871, 30.863 |
| CIE-LUV | 52.323, 149.591, 28.025 |
| Hunter-Lab | 45.202, 69.741, 24.331 |
| Binary | 11110001, 00100111, 00110111 |
Color Schemes with #f12737
Alternatives to #f12737
Below, you can see some colors close to #f12737. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f12737 Preview
This text has a font color of #f12737.
<span style="color:#f12737;">Text here</span>
This paragraph has a background color of #f12737.
<p style="background-color:#f12737;">Content here</p>
This element has a border color of #f12737.
<div style="border:1px solid #f12737;">Content here</div>
.text {color:#f12737;}
.background {background-color:#f12737;}
.border {border:1px solid #f12737;}
Shades and Tints of #f12737
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, #050001 is the darkest color, while #fef2f3 is the lightest one.
-
#050001
#050001rgb(5,0,1) -
#170203
#170203rgb(23,2,3) -
#2a0306
#2a0306rgb(42,3,6) -
#3c0408
#3c0408rgb(60,4,8) -
#4f050b
#4f050brgb(79,5,11) -
#61060d
#61060drgb(97,6,13) -
#740710
#740710rgb(116,7,16) -
#860913
#860913rgb(134,9,19) -
#980a15
#980a15rgb(152,10,21) -
#ab0b18
#ab0b18rgb(171,11,24) -
#bd0c1a
#bd0c1argb(189,12,26) -
#d00d1d
#d00d1drgb(208,13,29) -
#e20f1f
#e20f1frgb(226,15,31)
-
#f01526
#f01526rgb(240,21,38) -
#f12737
#f12737rgb(241,39,55) -
#f23948
#f23948rgb(242,57,72) -
#f34c59
#f34c59rgb(243,76,89) -
#f55e6a
#f55e6argb(245,94,106) -
#f6717b
#f6717brgb(246,113,123) -
#f7838c
#f7838crgb(247,131,140) -
#f8969d
#f8969drgb(248,150,157) -
#f9a8ae
#f9a8aergb(249,168,174) -
#fbbabf
#fbbabfrgb(251,186,191) -
#fccdd1
#fccdd1rgb(252,205,209) -
#fddfe2
#fddfe2rgb(253,223,226) -
#fef2f3
#fef2f3rgb(254,242,243)
Tones of #f12737
A tone is produced by adding gray to any pure hue. In this case, #908889 is the less saturated color, while #fa1e30 is the most saturated one.
-
#908889
#908889rgb(144,136,137) -
#997f81
#997f81rgb(153,127,129) -
#a1777a
#a1777argb(161,119,122) -
#aa6e73
#aa6e73rgb(170,110,115) -
#b3656b
#b3656brgb(179,101,107) -
#bc5c64
#bc5c64rgb(188,92,100) -
#c5535c
#c5535crgb(197,83,92) -
#ce4a55
#ce4a55rgb(206,74,85) -
#d6424d
#d6424drgb(214,66,77) -
#df3946
#df3946rgb(223,57,70) -
#e8303e
#e8303ergb(232,48,62) -
#f12737
#f12737rgb(241,39,55) -
#fa1e30
#fa1e30rgb(250,30,48)
Color Blindness Simulator
Below, you can see how #f12737 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.
