#f31828 Color Information
In a RGB color space, hex #f31828 is composed of 95.3% red, 9.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.1% magenta, 83.5% yellow and 4.7% black. It has a hue angle of 355.6 degrees, a saturation of 90.1% and a lightness of 52.4%. #f31828 color hex could be obtained by blending #ff3050 with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 9
- B 16
-
- C 0
- M 90
- Y 84
- K 5
● #f31828 color description : Vivid red.
#f31828 Color Conversion
The hexadecimal color #f31828 has RGB values of R:243, G:24, B:40 and CMYK values of C:0, M:0.9, Y:0.84, K:0.05. Its decimal value is 15931432.
Hex triplet | f31828 | #f31828 |
---|---|---|
RGB Decimal | 243, 24, 40 | rgb(243,24,40) |
RGB Percent | 95.3, 9.4, 15.7 | rgb(95.3%,9.4%,15.7%) |
CMYK | 0, 90, 84, 5 | |
HSL | 355.6°, 90.1, 52.4 | hsl(355.6,90.1%,52.4%) |
HSV (or HSB) | 355.6°, 90.1, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.685, 75.538, 51.008 |
---|---|
XYZ | 37.674, 19.866, 3.858 |
xyY | 0.614, 0.324, 19.866 |
CIE-LCH | 51.685, 91.147, 34.03 |
CIE-LUV | 51.685, 158.665, 31.288 |
Hunter-Lab | 44.571, 72.877, 26.068 |
Binary | 11110011, 00011000, 00101000 |
Color Schemes with #f31828
Alternatives to #f31828
Below, you can see some colors close to #f31828. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31828 Preview
This text has a font color of #f31828.
<span style="color:#f31828;">Text here</span>
This paragraph has a background color of #f31828.
<p style="background-color:#f31828;">Content here</p>
This element has a border color of #f31828.
<div style="border:1px solid #f31828;">Content here</div>
.text {color:#f31828;}
.background {background-color:#f31828;}
.border {border:1px solid #f31828;}
Shades and Tints of #f31828
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, #0b0101 is the darkest color, while #fff8f8 is the lightest one.
-
#0b0101
#0b0101
rgb(11,1,1)
-
#1e0204
#1e0204
rgb(30,2,4)
-
#310306
#310306
rgb(49,3,6)
-
#430308
#430308
rgb(67,3,8)
-
#56040a
#56040a
rgb(86,4,10)
-
#69050d
#69050d
rgb(105,5,13)
-
#7b060f
#7b060f
rgb(123,6,15)
-
#8e0711
#8e0711
rgb(142,7,17)
-
#a10813
#a10813
rgb(161,8,19)
-
#b30916
#b30916
rgb(179,9,22)
-
#c60a18
#c60a18
rgb(198,10,24)
-
#d90b1a
#d90b1a
rgb(217,11,26)
-
#eb0c1d
#eb0c1d
rgb(235,12,29)
-
#f31828
#f31828
rgb(243,24,40)
-
#f42b39
#f42b39
rgb(244,43,57)
-
#f53d4b
#f53d4b
rgb(245,61,75)
-
#f6505c
#f6505c
rgb(246,80,92)
-
#f7636d
#f7636d
rgb(247,99,109)
-
#f8757f
#f8757f
rgb(248,117,127)
-
#f98890
#f98890
rgb(249,136,144)
-
#fa9ba1
#fa9ba1
rgb(250,155,161)
-
#fbadb3
#fbadb3
rgb(251,173,179)
-
#fcc0c4
#fcc0c4
rgb(252,192,196)
-
#fdd2d6
#fdd2d6
rgb(253,210,214)
-
#fee5e7
#fee5e7
rgb(254,229,231)
-
#fff8f8
#fff8f8
rgb(255,248,248)
Tones of #f31828
A tone is produced by adding gray to any pure hue. In this case, #8c7f80 is the less saturated color, while #fc0f20 is the most saturated one.
-
#8c7f80
#8c7f80
rgb(140,127,128)
-
#967578
#967578
rgb(150,117,120)
-
#9f6c70
#9f6c70
rgb(159,108,112)
-
#a86368
#a86368
rgb(168,99,104)
-
#b25960
#b25960
rgb(178,89,96)
-
#bb5058
#bb5058
rgb(187,80,88)
-
#c44750
#c44750
rgb(196,71,80)
-
#ce3d48
#ce3d48
rgb(206,61,72)
-
#d73440
#d73440
rgb(215,52,64)
-
#e02b38
#e02b38
rgb(224,43,56)
-
#ea2130
#ea2130
rgb(234,33,48)
-
#f31828
#f31828
rgb(243,24,40)
-
#fc0f20
#fc0f20
rgb(252,15,32)
Color Blindness Simulator
Below, you can see how #f31828 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.