#f31136 Color Information
In a RGB color space, hex #f31136 is composed of 95.3% red, 6.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 77.8% yellow and 4.7% black. It has a hue angle of 350.2 degrees, a saturation of 90.4% and a lightness of 51%. #f31136 color hex could be obtained by blending #ff226c with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 7
- B 21
-
- C 0
- M 93
- Y 78
- K 5
● #f31136 color description : Vivid red.
#f31136 Color Conversion
The hexadecimal color #f31136 has RGB values of R:243, G:17, B:54 and CMYK values of C:0, M:0.93, Y:0.78, K:0.05. Its decimal value is 15929654.
Hex triplet | f31136 | #f31136 |
---|---|---|
RGB Decimal | 243, 17, 54 | rgb(243,17,54) |
RGB Percent | 95.3, 6.7, 21.2 | rgb(95.3%,6.7%,21.2%) |
CMYK | 0, 93, 78, 5 | |
HSL | 350.2°, 90.4, 51 | hsl(350.2,90.4%,51%) |
HSV (or HSB) | 350.2°, 93, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.527, 76.729, 43.375 |
---|---|
XYZ | 37.83, 19.727, 5.306 |
xyY | 0.602, 0.314, 19.727 |
CIE-LCH | 51.527, 88.141, 29.48 |
CIE-LUV | 51.527, 157.375, 26.414 |
Hunter-Lab | 44.415, 74.311, 24.008 |
Binary | 11110011, 00010001, 00110110 |
Color Schemes with #f31136
Alternatives to #f31136
Below, you can see some colors close to #f31136. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31136 Preview
This text has a font color of #f31136.
<span style="color:#f31136;">Text here</span>
This paragraph has a background color of #f31136.
<p style="background-color:#f31136;">Content here</p>
This element has a border color of #f31136.
<div style="border:1px solid #f31136;">Content here</div>
.text {color:#f31136;}
.background {background-color:#f31136;}
.border {border:1px solid #f31136;}
Shades and Tints of #f31136
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 #fef1f3 is the lightest one.
-
#050001
#050001
rgb(5,0,1)
-
#170105
#170105
rgb(23,1,5)
-
#2a0209
#2a0209
rgb(42,2,9)
-
#3d030d
#3d030d
rgb(61,3,13)
-
#4f0410
#4f0410
rgb(79,4,16)
-
#620514
#620514
rgb(98,5,20)
-
#750618
#750618
rgb(117,6,24)
-
#87071c
#87071c
rgb(135,7,28)
-
#9a0820
#9a0820
rgb(154,8,32)
-
#ad0924
#ad0924
rgb(173,9,36)
-
#bf0a27
#bf0a27
rgb(191,10,39)
-
#d20b2b
#d20b2b
rgb(210,11,43)
-
#e50c2f
#e50c2f
rgb(229,12,47)
-
#f31136
#f31136
rgb(243,17,54)
-
#f42446
#f42446
rgb(244,36,70)
-
#f53656
#f53656
rgb(245,54,86)
-
#f64965
#f64965
rgb(246,73,101)
-
#f75c75
#f75c75
rgb(247,92,117)
-
#f86e85
#f86e85
rgb(248,110,133)
-
#f98195
#f98195
rgb(249,129,149)
-
#fa94a4
#fa94a4
rgb(250,148,164)
-
#fba6b4
#fba6b4
rgb(251,166,180)
-
#fbb9c4
#fbb9c4
rgb(251,185,196)
-
#fcccd4
#fcccd4
rgb(252,204,212)
-
#fddee3
#fddee3
rgb(253,222,227)
-
#fef1f3
#fef1f3
rgb(254,241,243)
Tones of #f31136
A tone is produced by adding gray to any pure hue. In this case, #897b7d is the less saturated color, while #fd0730 is the most saturated one.
-
#897b7d
#897b7d
rgb(137,123,125)
-
#937177
#937177
rgb(147,113,119)
-
#9c6870
#9c6870
rgb(156,104,112)
-
#a65e6a
#a65e6a
rgb(166,94,106)
-
#b05463
#b05463
rgb(176,84,99)
-
#b94b5d
#b94b5d
rgb(185,75,93)
-
#c34156
#c34156
rgb(195,65,86)
-
#cd3750
#cd3750
rgb(205,55,80)
-
#d62e49
#d62e49
rgb(214,46,73)
-
#e02443
#e02443
rgb(224,36,67)
-
#e91b3c
#e91b3c
rgb(233,27,60)
-
#f31136
#f31136
rgb(243,17,54)
-
#fd0730
#fd0730
rgb(253,7,48)
Color Blindness Simulator
Below, you can see how #f31136 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.