#f31a1f Color Information
In a RGB color space, hex #f31a1f is composed of 95.3% red, 10.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.3% magenta, 87.2% yellow and 4.7% black. It has a hue angle of 358.6 degrees, a saturation of 90% and a lightness of 52.7%. #f31a1f color hex could be obtained by blending #ff343e with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 10
- B 12
-
- C 0
- M 89
- Y 87
- K 5
● #f31a1f color description : Vivid red.
#f31a1f Color Conversion
The hexadecimal color #f31a1f has RGB values of R:243, G:26, B:31 and CMYK values of C:0, M:0.89, Y:0.87, K:0.05. Its decimal value is 15931935.
Hex triplet | f31a1f | #f31a1f |
---|---|---|
RGB Decimal | 243, 26, 31 | rgb(243,26,31) |
RGB Percent | 95.3, 10.2, 12.2 | rgb(95.3%,10.2%,12.2%) |
CMYK | 0, 89, 87, 5 | |
HSL | 358.6°, 90, 52.7 | hsl(358.6,90%,52.7%) |
HSV (or HSB) | 358.6°, 89.3, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 51.721, 75.083, 55.311 |
---|---|
XYZ | 37.581, 19.897, 3.158 |
xyY | 0.62, 0.328, 19.897 |
CIE-LCH | 51.721, 93.256, 36.378 |
CIE-LUV | 51.721, 159.508, 33.585 |
Hunter-Lab | 44.606, 72.325, 27.027 |
Binary | 11110011, 00011010, 00011111 |
Color Schemes with #f31a1f
Alternatives to #f31a1f
Below, you can see some colors close to #f31a1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31a1f Preview
This text has a font color of #f31a1f.
<span style="color:#f31a1f;">Text here</span>
This paragraph has a background color of #f31a1f.
<p style="background-color:#f31a1f;">Content here</p>
This element has a border color of #f31a1f.
<div style="border:1px solid #f31a1f;">Content here</div>
.text {color:#f31a1f;}
.background {background-color:#f31a1f;}
.border {border:1px solid #f31a1f;}
Shades and Tints of #f31a1f
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, #0d0101 is the darkest color, while #fffafa is the lightest one.
-
#0d0101
#0d0101
rgb(13,1,1)
-
#200202
#200202
rgb(32,2,2)
-
#330304
#330304
rgb(51,3,4)
-
#450405
#450405
rgb(69,4,5)
-
#580507
#580507
rgb(88,5,7)
-
#6a0608
#6a0608
rgb(106,6,8)
-
#7d0709
#7d0709
rgb(125,7,9)
-
#90080b
#90080b
rgb(144,8,11)
-
#a2090c
#a2090c
rgb(162,9,12)
-
#b5090d
#b5090d
rgb(181,9,13)
-
#c80a0f
#c80a0f
rgb(200,10,15)
-
#da0b10
#da0b10
rgb(218,11,16)
-
#ed0c12
#ed0c12
rgb(237,12,18)
-
#f31a1f
#f31a1f
rgb(243,26,31)
-
#f42d31
#f42d31
rgb(244,45,49)
-
#f53f43
#f53f43
rgb(245,63,67)
-
#f65256
#f65256
rgb(246,82,86)
-
#f76568
#f76568
rgb(247,101,104)
-
#f8777a
#f8777a
rgb(248,119,122)
-
#f98a8c
#f98a8c
rgb(249,138,140)
-
#fa9c9f
#fa9c9f
rgb(250,156,159)
-
#fbafb1
#fbafb1
rgb(251,175,177)
-
#fcc2c3
#fcc2c3
rgb(252,194,195)
-
#fdd4d5
#fdd4d5
rgb(253,212,213)
-
#fee7e8
#fee7e8
rgb(254,231,232)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f31a1f
A tone is produced by adding gray to any pure hue. In this case, #8d8080 is the less saturated color, while #fc1116 is the most saturated one.
-
#8d8080
#8d8080
rgb(141,128,128)
-
#967777
#967777
rgb(150,119,119)
-
#a06d6f
#a06d6f
rgb(160,109,111)
-
#a96466
#a96466
rgb(169,100,102)
-
#b25b5d
#b25b5d
rgb(178,91,93)
-
#bb5254
#bb5254
rgb(187,82,84)
-
#c5484b
#c5484b
rgb(197,72,75)
-
#ce3f42
#ce3f42
rgb(206,63,66)
-
#d7363a
#d7363a
rgb(215,54,58)
-
#e02d31
#e02d31
rgb(224,45,49)
-
#ea2328
#ea2328
rgb(234,35,40)
-
#f31a1f
#f31a1f
rgb(243,26,31)
-
#fc1116
#fc1116
rgb(252,17,22)
Color Blindness Simulator
Below, you can see how #f31a1f 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.