#f31549 Color Information
In a RGB color space, hex #f31549 is composed of 95.3% red, 8.2% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 70% yellow and 4.7% black. It has a hue angle of 345.9 degrees, a saturation of 90.2% and a lightness of 51.8%. #f31549 color hex could be obtained by blending #ff2a92 with #e70000. Closest websafe color is: #ff0033.
-
- R 95
- G 8
- B 29
-
- C 0
- M 91
- Y 70
- K 5
● #f31549 color description : Vivid red.
#f31549 Color Conversion
The hexadecimal color #f31549 has RGB values of R:243, G:21, B:73 and CMYK values of C:0, M:0.91, Y:0.7, K:0.05. Its decimal value is 15930697.
Hex triplet | f31549 | #f31549 |
---|---|---|
RGB Decimal | 243, 21, 73 | rgb(243,21,73) |
RGB Percent | 95.3, 8.2, 28.6 | rgb(95.3%,8.2%,28.6%) |
CMYK | 0, 91, 70, 5 | |
HSL | 345.9°, 90.2, 51.8 | hsl(345.9,90.2%,51.8%) |
HSV (or HSB) | 345.9°, 91.4, 95.3 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.924, 76.966, 32.808 |
---|---|
XYZ | 38.435, 20.077, 8.155 |
xyY | 0.577, 0.301, 20.077 |
CIE-LCH | 51.924, 83.666, 23.087 |
CIE-LUV | 51.924, 151.513, 18.9 |
Hunter-Lab | 44.807, 74.701, 20.575 |
Binary | 11110011, 00010101, 01001001 |
Color Schemes with #f31549
Alternatives to #f31549
Below, you can see some colors close to #f31549. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31549 Preview
This text has a font color of #f31549.
<span style="color:#f31549;">Text here</span>
This paragraph has a background color of #f31549.
<p style="background-color:#f31549;">Content here</p>
This element has a border color of #f31549.
<div style="border:1px solid #f31549;">Content here</div>
.text {color:#f31549;}
.background {background-color:#f31549;}
.border {border:1px solid #f31549;}
Shades and Tints of #f31549
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, #090002 is the darkest color, while #fef5f7 is the lightest one.
-
#090002
#090002
rgb(9,0,2)
-
#1b0107
#1b0107
rgb(27,1,7)
-
#2e020d
#2e020d
rgb(46,2,13)
-
#410312
#410312
rgb(65,3,18)
-
#530417
#530417
rgb(83,4,23)
-
#66051c
#66051c
rgb(102,5,28)
-
#790621
#790621
rgb(121,6,33)
-
#8b0726
#8b0726
rgb(139,7,38)
-
#9e082b
#9e082b
rgb(158,8,43)
-
#b00930
#b00930
rgb(176,9,48)
-
#c30a35
#c30a35
rgb(195,10,53)
-
#d60b3a
#d60b3a
rgb(214,11,58)
-
#e80c40
#e80c40
rgb(232,12,64)
-
#f31549
#f31549
rgb(243,21,73)
-
#f42858
#f42858
rgb(244,40,88)
-
#f53a66
#f53a66
rgb(245,58,102)
-
#f64d75
#f64d75
rgb(246,77,117)
-
#f76083
#f76083
rgb(247,96,131)
-
#f87292
#f87292
rgb(248,114,146)
-
#f985a0
#f985a0
rgb(249,133,160)
-
#fa98af
#fa98af
rgb(250,152,175)
-
#fbaabd
#fbaabd
rgb(251,170,189)
-
#fcbdcc
#fcbdcc
rgb(252,189,204)
-
#fdd0da
#fdd0da
rgb(253,208,218)
-
#fee2e9
#fee2e9
rgb(254,226,233)
-
#fef5f7
#fef5f7
rgb(254,245,247)
Tones of #f31549
A tone is produced by adding gray to any pure hue. In this case, #8b7d80 is the less saturated color, while #fc0c44 is the most saturated one.
-
#8b7d80
#8b7d80
rgb(139,125,128)
-
#94747b
#94747b
rgb(148,116,123)
-
#9e6a76
#9e6a76
rgb(158,106,118)
-
#a76171
#a76171
rgb(167,97,113)
-
#b1576c
#b1576c
rgb(177,87,108)
-
#ba4e67
#ba4e67
rgb(186,78,103)
-
#c44462
#c44462
rgb(196,68,98)
-
#cd3b5d
#cd3b5d
rgb(205,59,93)
-
#d73158
#d73158
rgb(215,49,88)
-
#e02853
#e02853
rgb(224,40,83)
-
#ea1e4e
#ea1e4e
rgb(234,30,78)
-
#f31549
#f31549
rgb(243,21,73)
-
#fc0c44
#fc0c44
rgb(252,12,68)
Color Blindness Simulator
Below, you can see how #f31549 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.