#f31138 Color Information
In a RGB color space, hex #f31138 is composed of 95.3% red, 6.7% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 77% yellow and 4.7% black. It has a hue angle of 349.6 degrees, a saturation of 90.4% and a lightness of 51%. #f31138 color hex could be obtained by blending #ff2270 with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 7
- B 22
-
- C 0
- M 93
- Y 77
- K 5
● #f31138 color description : Vivid red.
#f31138 Color Conversion
The hexadecimal color #f31138 has RGB values of R:243, G:17, B:56 and CMYK values of C:0, M:0.93, Y:0.77, K:0.05. Its decimal value is 15929656.
Hex triplet | f31138 | #f31138 |
---|---|---|
RGB Decimal | 243, 17, 56 | rgb(243,17,56) |
RGB Percent | 95.3, 6.7, 22 | rgb(95.3%,6.7%,22%) |
CMYK | 0, 93, 77, 5 | |
HSL | 349.6°, 90.4, 51 | hsl(349.6,90.4%,51%) |
HSV (or HSB) | 349.6°, 93, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.549, 76.79, 42.272 |
---|---|
XYZ | 37.878, 19.746, 5.558 |
xyY | 0.6, 0.313, 19.746 |
CIE-LCH | 51.549, 87.657, 28.832 |
CIE-LUV | 51.549, 156.904, 25.695 |
Hunter-Lab | 44.437, 74.392, 23.69 |
Binary | 11110011, 00010001, 00111000 |
Color Schemes with #f31138
Alternatives to #f31138
Below, you can see some colors close to #f31138. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31138 Preview
This text has a font color of #f31138.
<span style="color:#f31138;">Text here</span>
This paragraph has a background color of #f31138.
<p style="background-color:#f31138;">Content here</p>
This element has a border color of #f31138.
<div style="border:1px solid #f31138;">Content here</div>
.text {color:#f31138;}
.background {background-color:#f31138;}
.border {border:1px solid #f31138;}
Shades and Tints of #f31138
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)
-
#4f0411
#4f0411
rgb(79,4,17)
-
#620515
#620515
rgb(98,5,21)
-
#750619
#750619
rgb(117,6,25)
-
#87071d
#87071d
rgb(135,7,29)
-
#9a0821
#9a0821
rgb(154,8,33)
-
#ad0925
#ad0925
rgb(173,9,37)
-
#bf0a29
#bf0a29
rgb(191,10,41)
-
#d20b2d
#d20b2d
rgb(210,11,45)
-
#e50c31
#e50c31
rgb(229,12,49)
-
#f31138
#f31138
rgb(243,17,56)
-
#f42448
#f42448
rgb(244,36,72)
-
#f53657
#f53657
rgb(245,54,87)
-
#f64967
#f64967
rgb(246,73,103)
-
#f75c76
#f75c76
rgb(247,92,118)
-
#f86e86
#f86e86
rgb(248,110,134)
-
#f98196
#f98196
rgb(249,129,150)
-
#fa94a5
#fa94a5
rgb(250,148,165)
-
#fba6b5
#fba6b5
rgb(251,166,181)
-
#fbb9c5
#fbb9c5
rgb(251,185,197)
-
#fcccd4
#fcccd4
rgb(252,204,212)
-
#fddee4
#fddee4
rgb(253,222,228)
-
#fef1f3
#fef1f3
rgb(254,241,243)
Tones of #f31138
A tone is produced by adding gray to any pure hue. In this case, #897b7d is the less saturated color, while #fd0732 is the most saturated one.
-
#897b7d
#897b7d
rgb(137,123,125)
-
#937177
#937177
rgb(147,113,119)
-
#9c6871
#9c6871
rgb(156,104,113)
-
#a65e6a
#a65e6a
rgb(166,94,106)
-
#b05464
#b05464
rgb(176,84,100)
-
#b94b5e
#b94b5e
rgb(185,75,94)
-
#c34157
#c34157
rgb(195,65,87)
-
#cd3751
#cd3751
rgb(205,55,81)
-
#d62e4b
#d62e4b
rgb(214,46,75)
-
#e02445
#e02445
rgb(224,36,69)
-
#e91b3e
#e91b3e
rgb(233,27,62)
-
#f31138
#f31138
rgb(243,17,56)
-
#fd0732
#fd0732
rgb(253,7,50)
Color Blindness Simulator
Below, you can see how #f31138 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.