#f12836 Color Information
In a RGB color space, hex #f12836 is composed of 94.5% red, 15.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.4% magenta, 77.6% yellow and 5.5% black. It has a hue angle of 355.8 degrees, a saturation of 87.8% and a lightness of 55.1%. #f12836 color hex could be obtained by blending #ff506c with #e30000. Closest websafe color is: #ff3333.
-
- R 95
- G 16
- B 21
-
- C 0
- M 83
- Y 78
- K 5
● #f12836 color description : Bright red.
#f12836 Color Conversion
The hexadecimal color #f12836 has RGB values of R:241, G:40, B:54 and CMYK values of C:0, M:0.83, Y:0.78, K:0.05. Its decimal value is 15804470.
Hex triplet | f12836 | #f12836 |
---|---|---|
RGB Decimal | 241, 40, 54 | rgb(241,40,54) |
RGB Percent | 94.5, 15.7, 21.2 | rgb(94.5%,15.7%,21.2%) |
CMYK | 0, 83, 78, 5 | |
HSL | 355.8°, 87.8, 55.1 | hsl(355.8,87.8%,55.1%) |
HSV (or HSB) | 355.8°, 83.4, 94.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.386, 72.61, 44.157 |
---|---|
XYZ | 37.702, 20.489, 5.46 |
xyY | 0.592, 0.322, 20.489 |
CIE-LCH | 52.386, 84.982, 31.306 |
CIE-LUV | 52.386, 149.432, 28.524 |
Hunter-Lab | 45.265, 69.461, 24.535 |
Binary | 11110001, 00101000, 00110110 |
Color Schemes with #f12836
Alternatives to #f12836
Below, you can see some colors close to #f12836. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f12836 Preview
This text has a font color of #f12836.
<span style="color:#f12836;">Text here</span>
This paragraph has a background color of #f12836.
<p style="background-color:#f12836;">Content here</p>
This element has a border color of #f12836.
<div style="border:1px solid #f12836;">Content here</div>
.text {color:#f12836;}
.background {background-color:#f12836;}
.border {border:1px solid #f12836;}
Shades and Tints of #f12836
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, #060001 is the darkest color, while #fef3f3 is the lightest one.
-
#060001
#060001
rgb(6,0,1)
-
#180203
#180203
rgb(24,2,3)
-
#2b0306
#2b0306
rgb(43,3,6)
-
#3d0408
#3d0408
rgb(61,4,8)
-
#50050a
#50050a
rgb(80,5,10)
-
#62060d
#62060d
rgb(98,6,13)
-
#74080f
#74080f
rgb(116,8,15)
-
#870912
#870912
rgb(135,9,18)
-
#990a14
#990a14
rgb(153,10,20)
-
#ac0b16
#ac0b16
rgb(172,11,22)
-
#be0c19
#be0c19
rgb(190,12,25)
-
#d10e1b
#d10e1b
rgb(209,14,27)
-
#e30f1e
#e30f1e
rgb(227,15,30)
-
#f01625
#f01625
rgb(240,22,37)
-
#f12836
#f12836
rgb(241,40,54)
-
#f23a47
#f23a47
rgb(242,58,71)
-
#f34d58
#f34d58
rgb(243,77,88)
-
#f55f6a
#f55f6a
rgb(245,95,106)
-
#f6727b
#f6727b
rgb(246,114,123)
-
#f7848c
#f7848c
rgb(247,132,140)
-
#f8969d
#f8969d
rgb(248,150,157)
-
#f9a9af
#f9a9af
rgb(249,169,175)
-
#fbbbc0
#fbbbc0
rgb(251,187,192)
-
#fcced1
#fcced1
rgb(252,206,209)
-
#fde0e2
#fde0e2
rgb(253,224,226)
-
#fef3f3
#fef3f3
rgb(254,243,243)
Tones of #f12836
A tone is produced by adding gray to any pure hue. In this case, #908989 is the less saturated color, while #fa1f2e is the most saturated one.
-
#908989
#908989
rgb(144,137,137)
-
#998082
#998082
rgb(153,128,130)
-
#a2777a
#a2777a
rgb(162,119,122)
-
#ab6e73
#ab6e73
rgb(171,110,115)
-
#b3666b
#b3666b
rgb(179,102,107)
-
#bc5d63
#bc5d63
rgb(188,93,99)
-
#c5545c
#c5545c
rgb(197,84,92)
-
#ce4b54
#ce4b54
rgb(206,75,84)
-
#d7424d
#d7424d
rgb(215,66,77)
-
#df3a45
#df3a45
rgb(223,58,69)
-
#e8313e
#e8313e
rgb(232,49,62)
-
#f12836
#f12836
rgb(241,40,54)
-
#fa1f2e
#fa1f2e
rgb(250,31,46)
Color Blindness Simulator
Below, you can see how #f12836 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.