#f31530 Color Information
In a RGB color space, hex #f31530 is composed of 95.3% red, 8.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 80.2% yellow and 4.7% black. It has a hue angle of 352.7 degrees, a saturation of 90.2% and a lightness of 51.8%. #f31530 color hex could be obtained by blending #ff2a60 with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 8
- B 19
-
- C 0
- M 91
- Y 80
- K 5
● #f31530 color description : Vivid red.
#f31530 Color Conversion
The hexadecimal color #f31530 has RGB values of R:243, G:21, B:48 and CMYK values of C:0, M:0.91, Y:0.8, K:0.05. Its decimal value is 15930672.
Hex triplet | f31530 | #f31530 |
---|---|---|
RGB Decimal | 243, 21, 48 | rgb(243,21,48) |
RGB Percent | 95.3, 8.2, 18.8 | rgb(95.3%,8.2%,18.8%) |
CMYK | 0, 91, 80, 5 | |
HSL | 352.7°, 90.2, 51.8 | hsl(352.7,90.2%,51.8%) |
HSV (or HSB) | 352.7°, 91.4, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.621, 76.115, 46.774 |
---|---|
XYZ | 37.766, 19.809, 4.631 |
xyY | 0.607, 0.318, 19.809 |
CIE-LCH | 51.621, 89.338, 31.571 |
CIE-LUV | 51.621, 157.873, 28.722 |
Hunter-Lab | 44.508, 73.573, 24.986 |
Binary | 11110011, 00010101, 00110000 |
Color Schemes with #f31530
Alternatives to #f31530
Below, you can see some colors close to #f31530. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31530 Preview
This text has a font color of #f31530.
<span style="color:#f31530;">Text here</span>
This paragraph has a background color of #f31530.
<p style="background-color:#f31530;">Content here</p>
This element has a border color of #f31530.
<div style="border:1px solid #f31530;">Content here</div>
.text {color:#f31530;}
.background {background-color:#f31530;}
.border {border:1px solid #f31530;}
Shades and Tints of #f31530
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, #090001 is the darkest color, while #fef5f6 is the lightest one.
-
#090001
#090001
rgb(9,0,1)
-
#1b0105
#1b0105
rgb(27,1,5)
-
#2e0208
#2e0208
rgb(46,2,8)
-
#41030b
#41030b
rgb(65,3,11)
-
#53040e
#53040e
rgb(83,4,14)
-
#660511
#660511
rgb(102,5,17)
-
#790614
#790614
rgb(121,6,20)
-
#8b0717
#8b0717
rgb(139,7,23)
-
#9e081a
#9e081a
rgb(158,8,26)
-
#b0091d
#b0091d
rgb(176,9,29)
-
#c30a21
#c30a21
rgb(195,10,33)
-
#d60b24
#d60b24
rgb(214,11,36)
-
#e80c27
#e80c27
rgb(232,12,39)
-
#f31530
#f31530
rgb(243,21,48)
-
#f42841
#f42841
rgb(244,40,65)
-
#f53a51
#f53a51
rgb(245,58,81)
-
#f64d62
#f64d62
rgb(246,77,98)
-
#f76072
#f76072
rgb(247,96,114)
-
#f87283
#f87283
rgb(248,114,131)
-
#f98593
#f98593
rgb(249,133,147)
-
#fa98a4
#fa98a4
rgb(250,152,164)
-
#fbaab4
#fbaab4
rgb(251,170,180)
-
#fcbdc5
#fcbdc5
rgb(252,189,197)
-
#fdd0d5
#fdd0d5
rgb(253,208,213)
-
#fee2e6
#fee2e6
rgb(254,226,230)
-
#fef5f6
#fef5f6
rgb(254,245,246)
Tones of #f31530
A tone is produced by adding gray to any pure hue. In this case, #8b7d7f is the less saturated color, while #fc0c29 is the most saturated one.
-
#8b7d7f
#8b7d7f
rgb(139,125,127)
-
#947478
#947478
rgb(148,116,120)
-
#9e6a70
#9e6a70
rgb(158,106,112)
-
#a76169
#a76169
rgb(167,97,105)
-
#b15762
#b15762
rgb(177,87,98)
-
#ba4e5b
#ba4e5b
rgb(186,78,91)
-
#c44454
#c44454
rgb(196,68,84)
-
#cd3b4d
#cd3b4d
rgb(205,59,77)
-
#d73145
#d73145
rgb(215,49,69)
-
#e0283e
#e0283e
rgb(224,40,62)
-
#ea1e37
#ea1e37
rgb(234,30,55)
-
#f31530
#f31530
rgb(243,21,48)
-
#fc0c29
#fc0c29
rgb(252,12,41)
Color Blindness Simulator
Below, you can see how #f31530 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.