#f31d3d Color Information
In a RGB color space, hex #f31d3d is composed of 95.3% red, 11.4% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.1% magenta, 74.9% yellow and 4.7% black. It has a hue angle of 351 degrees, a saturation of 89.9% and a lightness of 53.3%. #f31d3d color hex could be obtained by blending #ff3a7a with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 11
- B 24
-
- C 0
- M 88
- Y 75
- K 5
● #f31d3d color description : Vivid red.
#f31d3d Color Conversion
The hexadecimal color #f31d3d has RGB values of R:243, G:29, B:61 and CMYK values of C:0, M:0.88, Y:0.75, K:0.05. Its decimal value is 15932733.
Hex triplet | f31d3d | #f31d3d |
---|---|---|
RGB Decimal | 243, 29, 61 | rgb(243,29,61) |
RGB Percent | 95.3, 11.4, 23.9 | rgb(95.3%,11.4%,23.9%) |
CMYK | 0, 88, 75, 5 | |
HSL | 351°, 89.9, 53.3 | hsl(351,89.9%,53.3%) |
HSV (or HSB) | 351°, 88.1, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.147, 75.398, 40.081 |
---|---|
XYZ | 38.246, 20.275, 6.314 |
xyY | 0.59, 0.313, 20.275 |
CIE-LCH | 52.147, 85.389, 27.995 |
CIE-LUV | 52.147, 152.912, 24.877 |
Hunter-Lab | 45.028, 72.815, 23.205 |
Binary | 11110011, 00011101, 00111101 |
Color Schemes with #f31d3d
Alternatives to #f31d3d
Below, you can see some colors close to #f31d3d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31d3d Preview
This text has a font color of #f31d3d.
<span style="color:#f31d3d;">Text here</span>
This paragraph has a background color of #f31d3d.
<p style="background-color:#f31d3d;">Content here</p>
This element has a border color of #f31d3d.
<div style="border:1px solid #f31d3d;">Content here</div>
.text {color:#f31d3d;}
.background {background-color:#f31d3d;}
.border {border:1px solid #f31d3d;}
Shades and Tints of #f31d3d
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, #100103 is the darkest color, while #fffdfd is the lightest one.
-
#100103
#100103
rgb(16,1,3)
-
#230207
#230207
rgb(35,2,7)
-
#35030a
#35030a
rgb(53,3,10)
-
#48040e
#48040e
rgb(72,4,14)
-
#5b0512
#5b0512
rgb(91,5,18)
-
#6d0615
#6d0615
rgb(109,6,21)
-
#800719
#800719
rgb(128,7,25)
-
#93081d
#93081d
rgb(147,8,29)
-
#a50920
#a50920
rgb(165,9,32)
-
#b80a24
#b80a24
rgb(184,10,36)
-
#ca0b27
#ca0b27
rgb(202,11,39)
-
#dd0c2b
#dd0c2b
rgb(221,12,43)
-
#f00d2f
#f00d2f
rgb(240,13,47)
-
#f31d3d
#f31d3d
rgb(243,29,61)
-
#f4304d
#f4304d
rgb(244,48,77)
-
#f5425d
#f5425d
rgb(245,66,93)
-
#f6556d
#f6556d
rgb(246,85,109)
-
#f7687d
#f7687d
rgb(247,104,125)
-
#f87a8d
#f87a8d
rgb(248,122,141)
-
#f98d9d
#f98d9d
rgb(249,141,157)
-
#fa9fad
#fa9fad
rgb(250,159,173)
-
#fbb2bd
#fbb2bd
rgb(251,178,189)
-
#fcc5cd
#fcc5cd
rgb(252,197,205)
-
#fdd7dd
#fdd7dd
rgb(253,215,221)
-
#feeaed
#feeaed
rgb(254,234,237)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f31d3d
A tone is produced by adding gray to any pure hue. In this case, #8e8284 is the less saturated color, while #fc1437 is the most saturated one.
-
#8e8284
#8e8284
rgb(142,130,132)
-
#97797d
#97797d
rgb(151,121,125)
-
#a16f77
#a16f77
rgb(161,111,119)
-
#aa6670
#aa6670
rgb(170,102,112)
-
#b35d6a
#b35d6a
rgb(179,93,106)
-
#bc5463
#bc5463
rgb(188,84,99)
-
#c54b5d
#c54b5d
rgb(197,75,93)
-
#ce4257
#ce4257
rgb(206,66,87)
-
#d83850
#d83850
rgb(216,56,80)
-
#e12f4a
#e12f4a
rgb(225,47,74)
-
#ea2643
#ea2643
rgb(234,38,67)
-
#f31d3d
#f31d3d
rgb(243,29,61)
-
#fc1437
#fc1437
rgb(252,20,55)
Color Blindness Simulator
Below, you can see how #f31d3d 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.