#f31f40 Color Information
In a RGB color space, hex #f31f40 is composed of 95.3% red, 12.2% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 73.7% yellow and 4.7% black. It has a hue angle of 350.7 degrees, a saturation of 89.8% and a lightness of 53.7%. #f31f40 color hex could be obtained by blending #ff3e80 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 12
- B 25
-
- C 0
- M 87
- Y 74
- K 5
● #f31f40 color description : Vivid red.
#f31f40 Color Conversion
The hexadecimal color #f31f40 has RGB values of R:243, G:31, B:64 and CMYK values of C:0, M:0.87, Y:0.74, K:0.05. Its decimal value is 15933248.
Hex triplet | f31f40 | #f31f40 |
---|---|---|
RGB Decimal | 243, 31, 64 | rgb(243,31,64) |
RGB Percent | 95.3, 12.2, 25.1 | rgb(95.3%,12.2%,25.1%) |
CMYK | 0, 87, 74, 5 | |
HSL | 350.7°, 89.8, 53.7 | hsl(350.7,89.8%,53.7%) |
HSV (or HSB) | 350.7°, 87.2, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.297, 75.18, 38.525 |
---|---|
XYZ | 38.379, 20.41, 6.769 |
xyY | 0.585, 0.311, 20.41 |
CIE-LCH | 52.297, 84.476, 27.133 |
CIE-LUV | 52.297, 151.577, 23.896 |
Hunter-Lab | 45.177, 72.582, 22.741 |
Binary | 11110011, 00011111, 01000000 |
Color Schemes with #f31f40
Alternatives to #f31f40
Below, you can see some colors close to #f31f40. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31f40 Preview
This text has a font color of #f31f40.
<span style="color:#f31f40;">Text here</span>
This paragraph has a background color of #f31f40.
<p style="background-color:#f31f40;">Content here</p>
This element has a border color of #f31f40.
<div style="border:1px solid #f31f40;">Content here</div>
.text {color:#f31f40;}
.background {background-color:#f31f40;}
.border {border:1px solid #f31f40;}
Shades and Tints of #f31f40
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 #fffeff 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)
-
#5d0513
#5d0513
rgb(93,5,19)
-
#6f0616
#6f0616
rgb(111,6,22)
-
#82071a
#82071a
rgb(130,7,26)
-
#94081e
#94081e
rgb(148,8,30)
-
#a70922
#a70922
rgb(167,9,34)
-
#ba0a25
#ba0a25
rgb(186,10,37)
-
#cc0b29
#cc0b29
rgb(204,11,41)
-
#df0c2d
#df0c2d
rgb(223,12,45)
-
#f10d31
#f10d31
rgb(241,13,49)
-
#f31f40
#f31f40
rgb(243,31,64)
-
#f43250
#f43250
rgb(244,50,80)
-
#f54460
#f54460
rgb(245,68,96)
-
#f65770
#f65770
rgb(246,87,112)
-
#f76980
#f76980
rgb(247,105,128)
-
#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)
-
#fffeff
#fffeff
rgb(255,254,255)
Tones of #f31f40
A tone is produced by adding gray to any pure hue. In this case, #8f8385 is the less saturated color, while #fc163a is the most saturated one.
-
#8f8385
#8f8385
rgb(143,131,133)
-
#987a7f
#987a7f
rgb(152,122,127)
-
#a17178
#a17178
rgb(161,113,120)
-
#aa6872
#aa6872
rgb(170,104,114)
-
#b35f6c
#b35f6c
rgb(179,95,108)
-
#bd5566
#bd5566
rgb(189,85,102)
-
#c64c5f
#c64c5f
rgb(198,76,95)
-
#cf4359
#cf4359
rgb(207,67,89)
-
#d83a53
#d83a53
rgb(216,58,83)
-
#e1314d
#e1314d
rgb(225,49,77)
-
#ea2846
#ea2846
rgb(234,40,70)
-
#f31f40
#f31f40
rgb(243,31,64)
-
#fc163a
#fc163a
rgb(252,22,58)
Color Blindness Simulator
Below, you can see how #f31f40 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.