#f31d28 Color Information
In a RGB color space, hex #f31d28 is composed of 95.3% red, 11.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.1% magenta, 83.5% yellow and 4.7% black. It has a hue angle of 356.9 degrees, a saturation of 89.9% and a lightness of 53.3%. #f31d28 color hex could be obtained by blending #ff3a50 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 11
- B 16
-
- C 0
- M 88
- Y 84
- K 5
● #f31d28 color description : Vivid red.
#f31d28 Color Conversion
The hexadecimal color #f31d28 has RGB values of R:243, G:29, B:40 and CMYK values of C:0, M:0.88, Y:0.84, K:0.05. Its decimal value is 15932712.
Hex triplet | f31d28 | #f31d28 |
---|---|---|
RGB Decimal | 243, 29, 40 | rgb(243,29,40) |
RGB Percent | 95.3, 11.4, 15.7 | rgb(95.3%,11.4%,15.7%) |
CMYK | 0, 88, 84, 5 | |
HSL | 356.9°, 89.9, 53.3 | hsl(356.9,89.9%,53.3%) |
HSV (or HSB) | 356.9°, 88.1, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 51.941, 74.804, 51.235 |
---|---|
XYZ | 37.787, 20.092, 3.896 |
xyY | 0.612, 0.325, 20.092 |
CIE-LCH | 51.941, 90.668, 34.408 |
CIE-LUV | 51.941, 157.303, 31.773 |
Hunter-Lab | 44.824, 72.035, 26.223 |
Binary | 11110011, 00011101, 00101000 |
Color Schemes with #f31d28
Alternatives to #f31d28
Below, you can see some colors close to #f31d28. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31d28 Preview
This text has a font color of #f31d28.
<span style="color:#f31d28;">Text here</span>
This paragraph has a background color of #f31d28.
<p style="background-color:#f31d28;">Content here</p>
This element has a border color of #f31d28.
<div style="border:1px solid #f31d28;">Content here</div>
.text {color:#f31d28;}
.background {background-color:#f31d28;}
.border {border:1px solid #f31d28;}
Shades and Tints of #f31d28
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, #100102 is the darkest color, while #fffdfd is the lightest one.
-
#100102
#100102
rgb(16,1,2)
-
#230204
#230204
rgb(35,2,4)
-
#350305
#350305
rgb(53,3,5)
-
#480407
#480407
rgb(72,4,7)
-
#5b0509
#5b0509
rgb(91,5,9)
-
#6d060b
#6d060b
rgb(109,6,11)
-
#80070d
#80070d
rgb(128,7,13)
-
#93080f
#93080f
rgb(147,8,15)
-
#a50911
#a50911
rgb(165,9,17)
-
#b80a13
#b80a13
rgb(184,10,19)
-
#ca0b15
#ca0b15
rgb(202,11,21)
-
#dd0c16
#dd0c16
rgb(221,12,22)
-
#f00d18
#f00d18
rgb(240,13,24)
-
#f31d28
#f31d28
rgb(243,29,40)
-
#f4303a
#f4303a
rgb(244,48,58)
-
#f5424b
#f5424b
rgb(245,66,75)
-
#f6555d
#f6555d
rgb(246,85,93)
-
#f7686f
#f7686f
rgb(247,104,111)
-
#f87a81
#f87a81
rgb(248,122,129)
-
#f98d92
#f98d92
rgb(249,141,146)
-
#fa9fa4
#fa9fa4
rgb(250,159,164)
-
#fbb2b6
#fbb2b6
rgb(251,178,182)
-
#fcc5c7
#fcc5c7
rgb(252,197,199)
-
#fdd7d9
#fdd7d9
rgb(253,215,217)
-
#feeaeb
#feeaeb
rgb(254,234,235)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f31d28
A tone is produced by adding gray to any pure hue. In this case, #8e8282 is the less saturated color, while #fc1420 is the most saturated one.
-
#8e8282
#8e8282
rgb(142,130,130)
-
#97797a
#97797a
rgb(151,121,122)
-
#a16f72
#a16f72
rgb(161,111,114)
-
#aa666a
#aa666a
rgb(170,102,106)
-
#b35d61
#b35d61
rgb(179,93,97)
-
#bc5459
#bc5459
rgb(188,84,89)
-
#c54b51
#c54b51
rgb(197,75,81)
-
#ce4249
#ce4249
rgb(206,66,73)
-
#d83841
#d83841
rgb(216,56,65)
-
#e12f38
#e12f38
rgb(225,47,56)
-
#ea2630
#ea2630
rgb(234,38,48)
-
#f31d28
#f31d28
rgb(243,29,40)
-
#fc1420
#fc1420
rgb(252,20,32)
Color Blindness Simulator
Below, you can see how #f31d28 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.