#f31430 Color Information
In a RGB color space, hex #f31430 is composed of 95.3% red, 7.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 80.2% yellow and 4.7% black. It has a hue angle of 352.5 degrees, a saturation of 90.3% and a lightness of 51.6%. #f31430 color hex could be obtained by blending #ff2860 with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 8
- B 19
-
- C 0
- M 92
- Y 80
- K 5
● #f31430 color description : Vivid red.
#f31430 Color Conversion
The hexadecimal color #f31430 has RGB values of R:243, G:20, B:48 and CMYK values of C:0, M:0.92, Y:0.8, K:0.05. Its decimal value is 15930416.
Hex triplet | f31430 | #f31430 |
---|---|---|
RGB Decimal | 243, 20, 48 | rgb(243,20,48) |
RGB Percent | 95.3, 7.8, 18.8 | rgb(95.3%,7.8%,18.8%) |
CMYK | 0, 92, 80, 5 | |
HSL | 352.5°, 90.3, 51.6 | hsl(352.5,90.3%,51.6%) |
HSV (or HSB) | 352.5°, 91.8, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.58, 76.233, 46.733 |
---|---|
XYZ | 37.748, 19.773, 4.625 |
xyY | 0.607, 0.318, 19.773 |
CIE-LCH | 51.58, 89.417, 31.51 |
CIE-LUV | 51.58, 158.089, 28.642 |
Hunter-Lab | 44.467, 73.709, 24.96 |
Binary | 11110011, 00010100, 00110000 |
Color Schemes with #f31430
Alternatives to #f31430
Below, you can see some colors close to #f31430. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31430 Preview
This text has a font color of #f31430.
<span style="color:#f31430;">Text here</span>
This paragraph has a background color of #f31430.
<p style="background-color:#f31430;">Content here</p>
This element has a border color of #f31430.
<div style="border:1px solid #f31430;">Content here</div>
.text {color:#f31430;}
.background {background-color:#f31430;}
.border {border:1px solid #f31430;}
Shades and Tints of #f31430
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, #080001 is the darkest color, while #fef4f5 is the lightest one.
-
#080001
#080001
rgb(8,0,1)
-
#1a0104
#1a0104
rgb(26,1,4)
-
#2d0208
#2d0208
rgb(45,2,8)
-
#40030b
#40030b
rgb(64,3,11)
-
#52040e
#52040e
rgb(82,4,14)
-
#650511
#650511
rgb(101,5,17)
-
#780614
#780614
rgb(120,6,20)
-
#8a0718
#8a0718
rgb(138,7,24)
-
#9d081b
#9d081b
rgb(157,8,27)
-
#b0091e
#b0091e
rgb(176,9,30)
-
#c20a21
#c20a21
rgb(194,10,33)
-
#d50b24
#d50b24
rgb(213,11,36)
-
#e80c27
#e80c27
rgb(232,12,39)
-
#f31430
#f31430
rgb(243,20,48)
-
#f42740
#f42740
rgb(244,39,64)
-
#f53951
#f53951
rgb(245,57,81)
-
#f64c61
#f64c61
rgb(246,76,97)
-
#f75f72
#f75f72
rgb(247,95,114)
-
#f87182
#f87182
rgb(248,113,130)
-
#f98493
#f98493
rgb(249,132,147)
-
#fa97a3
#fa97a3
rgb(250,151,163)
-
#fba9b4
#fba9b4
rgb(251,169,180)
-
#fcbcc4
#fcbcc4
rgb(252,188,196)
-
#fdcfd4
#fdcfd4
rgb(253,207,212)
-
#fde1e5
#fde1e5
rgb(253,225,229)
-
#fef4f5
#fef4f5
rgb(254,244,245)
Tones of #f31430
A tone is produced by adding gray to any pure hue. In this case, #8b7d7e is the less saturated color, while #fd0b29 is the most saturated one.
-
#8b7d7e
#8b7d7e
rgb(139,125,126)
-
#947377
#947377
rgb(148,115,119)
-
#9e6a70
#9e6a70
rgb(158,106,112)
-
#a76069
#a76069
rgb(167,96,105)
-
#b15762
#b15762
rgb(177,87,98)
-
#ba4d5b
#ba4d5b
rgb(186,77,91)
-
#c44454
#c44454
rgb(196,68,84)
-
#cd3a4c
#cd3a4c
rgb(205,58,76)
-
#d73145
#d73145
rgb(215,49,69)
-
#e0273e
#e0273e
rgb(224,39,62)
-
#ea1e37
#ea1e37
rgb(234,30,55)
-
#f31430
#f31430
rgb(243,20,48)
-
#fd0b29
#fd0b29
rgb(253,11,41)
Color Blindness Simulator
Below, you can see how #f31430 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.