#f31f3f Color Information
In a RGB color space, hex #f31f3f is composed of 95.3% red, 12.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 74.1% yellow and 4.7% black. It has a hue angle of 350.9 degrees, a saturation of 89.8% and a lightness of 53.7%. #f31f3f color hex could be obtained by blending #ff3e7e with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 12
- B 25
-
- C 0
- M 87
- Y 74
- K 5
● #f31f3f color description : Vivid red.
#f31f3f Color Conversion
The hexadecimal color #f31f3f has RGB values of R:243, G:31, B:63 and CMYK values of C:0, M:0.87, Y:0.74, K:0.05. Its decimal value is 15933247.
Hex triplet | f31f3f | #f31f3f |
---|---|---|
RGB Decimal | 243, 31, 63 | rgb(243,31,63) |
RGB Percent | 95.3, 12.2, 24.7 | rgb(95.3%,12.2%,24.7%) |
CMYK | 0, 87, 74, 5 | |
HSL | 350.9°, 89.8, 53.7 | hsl(350.9,89.8%,53.7%) |
HSV (or HSB) | 350.9°, 87.2, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.285, 75.143, 39.087 |
---|---|
XYZ | 38.351, 20.398, 6.62 |
xyY | 0.587, 0.312, 20.398 |
CIE-LCH | 52.285, 84.701, 27.482 |
CIE-LUV | 52.285, 151.835, 24.305 |
Hunter-Lab | 45.165, 72.534, 22.924 |
Binary | 11110011, 00011111, 00111111 |
Color Schemes with #f31f3f
Alternatives to #f31f3f
Below, you can see some colors close to #f31f3f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31f3f Preview
This text has a font color of #f31f3f.
<span style="color:#f31f3f;">Text here</span>
This paragraph has a background color of #f31f3f.
<p style="background-color:#f31f3f;">Content here</p>
This element has a border color of #f31f3f.
<div style="border:1px solid #f31f3f;">Content here</div>
.text {color:#f31f3f;}
.background {background-color:#f31f3f;}
.border {border:1px solid #f31f3f;}
Shades and Tints of #f31f3f
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, #120104 is the darkest color, while #fffefe is the lightest one.
-
#120104
#120104
rgb(18,1,4)
-
#250207
#250207
rgb(37,2,7)
-
#37030b
#37030b
rgb(55,3,11)
-
#4a040f
#4a040f
rgb(74,4,15)
-
#5d0512
#5d0512
rgb(93,5,18)
-
#6f0616
#6f0616
rgb(111,6,22)
-
#820719
#820719
rgb(130,7,25)
-
#94081d
#94081d
rgb(148,8,29)
-
#a70921
#a70921
rgb(167,9,33)
-
#ba0a24
#ba0a24
rgb(186,10,36)
-
#cc0b28
#cc0b28
rgb(204,11,40)
-
#df0c2c
#df0c2c
rgb(223,12,44)
-
#f10d2f
#f10d2f
rgb(241,13,47)
-
#f31f3f
#f31f3f
rgb(243,31,63)
-
#f4324f
#f4324f
rgb(244,50,79)
-
#f5445f
#f5445f
rgb(245,68,95)
-
#f6576f
#f6576f
rgb(246,87,111)
-
#f7697f
#f7697f
rgb(247,105,127)
-
#f87c8f
#f87c8f
rgb(248,124,143)
-
#f98f9f
#f98f9f
rgb(249,143,159)
-
#faa1af
#faa1af
rgb(250,161,175)
-
#fbb4bf
#fbb4bf
rgb(251,180,191)
-
#fcc7cf
#fcc7cf
rgb(252,199,207)
-
#fdd9df
#fdd9df
rgb(253,217,223)
-
#feecef
#feecef
rgb(254,236,239)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f31f3f
A tone is produced by adding gray to any pure hue. In this case, #8f8385 is the less saturated color, while #fc1639 is the most saturated one.
-
#8f8385
#8f8385
rgb(143,131,133)
-
#987a7e
#987a7e
rgb(152,122,126)
-
#a17178
#a17178
rgb(161,113,120)
-
#aa6872
#aa6872
rgb(170,104,114)
-
#b35f6b
#b35f6b
rgb(179,95,107)
-
#bd5565
#bd5565
rgb(189,85,101)
-
#c64c5f
#c64c5f
rgb(198,76,95)
-
#cf4358
#cf4358
rgb(207,67,88)
-
#d83a52
#d83a52
rgb(216,58,82)
-
#e1314c
#e1314c
rgb(225,49,76)
-
#ea2845
#ea2845
rgb(234,40,69)
-
#f31f3f
#f31f3f
rgb(243,31,63)
-
#fc1639
#fc1639
rgb(252,22,57)
Color Blindness Simulator
Below, you can see how #f31f3f 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.