#f31d2d Color Information
In a RGB color space, hex #f31d2d is composed of 95.3% red, 11.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.1% magenta, 81.5% yellow and 4.7% black. It has a hue angle of 355.5 degrees, a saturation of 89.9% and a lightness of 53.3%. #f31d2d color hex could be obtained by blending #ff3a5a with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 11
- B 18
-
- C 0
- M 88
- Y 81
- K 5
● #f31d2d color description : Vivid red.
#f31d2d Color Conversion
The hexadecimal color #f31d2d has RGB values of R:243, G:29, B:45 and CMYK values of C:0, M:0.88, Y:0.81, K:0.05. Its decimal value is 15932717.
Hex triplet | f31d2d | #f31d2d |
---|---|---|
RGB Decimal | 243, 29, 45 | rgb(243,29,45) |
RGB Percent | 95.3, 11.4, 17.6 | rgb(95.3%,11.4%,17.6%) |
CMYK | 0, 88, 81, 5 | |
HSL | 355.5°, 89.9, 53.3 | hsl(355.5,89.9%,53.3%) |
HSV (or HSB) | 355.5°, 88.1, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 51.981, 74.922, 48.717 |
---|---|
XYZ | 37.877, 20.128, 4.373 |
xyY | 0.607, 0.323, 20.128 |
CIE-LCH | 51.981, 89.368, 33.033 |
CIE-LUV | 51.981, 156.417, 30.384 |
Hunter-Lab | 44.864, 72.19, 25.625 |
Binary | 11110011, 00011101, 00101101 |
Color Schemes with #f31d2d
Alternatives to #f31d2d
Below, you can see some colors close to #f31d2d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31d2d Preview
This text has a font color of #f31d2d.
<span style="color:#f31d2d;">Text here</span>
This paragraph has a background color of #f31d2d.
<p style="background-color:#f31d2d;">Content here</p>
This element has a border color of #f31d2d.
<div style="border:1px solid #f31d2d;">Content here</div>
.text {color:#f31d2d;}
.background {background-color:#f31d2d;}
.border {border:1px solid #f31d2d;}
Shades and Tints of #f31d2d
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)
-
#350307
#350307
rgb(53,3,7)
-
#480409
#480409
rgb(72,4,9)
-
#5b050b
#5b050b
rgb(91,5,11)
-
#6d060e
#6d060e
rgb(109,6,14)
-
#800710
#800710
rgb(128,7,16)
-
#930812
#930812
rgb(147,8,18)
-
#a50914
#a50914
rgb(165,9,20)
-
#b80a17
#b80a17
rgb(184,10,23)
-
#ca0b19
#ca0b19
rgb(202,11,25)
-
#dd0c1b
#dd0c1b
rgb(221,12,27)
-
#f00d1e
#f00d1e
rgb(240,13,30)
-
#f31d2d
#f31d2d
rgb(243,29,45)
-
#f4303e
#f4303e
rgb(244,48,62)
-
#f54250
#f54250
rgb(245,66,80)
-
#f65561
#f65561
rgb(246,85,97)
-
#f76872
#f76872
rgb(247,104,114)
-
#f87a84
#f87a84
rgb(248,122,132)
-
#f98d95
#f98d95
rgb(249,141,149)
-
#fa9fa6
#fa9fa6
rgb(250,159,166)
-
#fbb2b7
#fbb2b7
rgb(251,178,183)
-
#fcc5c9
#fcc5c9
rgb(252,197,201)
-
#fdd7da
#fdd7da
rgb(253,215,218)
-
#feeaeb
#feeaeb
rgb(254,234,235)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f31d2d
A tone is produced by adding gray to any pure hue. In this case, #8e8283 is the less saturated color, while #fc1425 is the most saturated one.
-
#8e8283
#8e8283
rgb(142,130,131)
-
#97797b
#97797b
rgb(151,121,123)
-
#a16f73
#a16f73
rgb(161,111,115)
-
#aa666b
#aa666b
rgb(170,102,107)
-
#b35d63
#b35d63
rgb(179,93,99)
-
#bc545c
#bc545c
rgb(188,84,92)
-
#c54b54
#c54b54
rgb(197,75,84)
-
#ce424c
#ce424c
rgb(206,66,76)
-
#d83844
#d83844
rgb(216,56,68)
-
#e12f3d
#e12f3d
rgb(225,47,61)
-
#ea2635
#ea2635
rgb(234,38,53)
-
#f31d2d
#f31d2d
rgb(243,29,45)
-
#fc1425
#fc1425
rgb(252,20,37)
Color Blindness Simulator
Below, you can see how #f31d2d 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.