#f31f5f Color Information
In a RGB color space, hex #f31f5f is composed of 95.3% red, 12.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 60.9% yellow and 4.7% black. It has a hue angle of 341.9 degrees, a saturation of 89.8% and a lightness of 53.7%. #f31f5f color hex could be obtained by blending #ff3ebe with #e70000. Closest websafe color is: #ff3366.
-
- R 95
- G 12
- B 37
-
- C 0
- M 87
- Y 61
- K 5
● #f31f5f color description : Vivid pink.
#f31f5f Color Conversion
The hexadecimal color #f31f5f has RGB values of R:243, G:31, B:95 and CMYK values of C:0, M:0.87, Y:0.61, K:0.05. Its decimal value is 15933279.
Hex triplet | f31f5f | #f31f5f |
---|---|---|
RGB Decimal | 243, 31, 95 | rgb(243,31,95) |
RGB Percent | 95.3, 12.2, 37.3 | rgb(95.3%,12.2%,37.3%) |
CMYK | 0, 87, 61, 5 | |
HSL | 341.9°, 89.8, 53.7 | hsl(341.9,89.8%,53.7%) |
HSV (or HSB) | 341.9°, 87.2, 95.3 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 52.802, 76.627, 20.72 |
---|---|
XYZ | 39.519, 20.866, 12.772 |
xyY | 0.54, 0.285, 20.866 |
CIE-LCH | 52.802, 79.379, 15.131 |
CIE-LUV | 52.802, 141.84, 8.352 |
Hunter-Lab | 45.679, 74.492, 15.397 |
Binary | 11110011, 00011111, 01011111 |
Color Schemes with #f31f5f
Alternatives to #f31f5f
Below, you can see some colors close to #f31f5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31f5f Preview
This text has a font color of #f31f5f.
<span style="color:#f31f5f;">Text here</span>
This paragraph has a background color of #f31f5f.
<p style="background-color:#f31f5f;">Content here</p>
This element has a border color of #f31f5f.
<div style="border:1px solid #f31f5f;">Content here</div>
.text {color:#f31f5f;}
.background {background-color:#f31f5f;}
.border {border:1px solid #f31f5f;}
Shades and Tints of #f31f5f
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, #120106 is the darkest color, while #fffeff is the lightest one.
-
#120106
#120106
rgb(18,1,6)
-
#25020c
#25020c
rgb(37,2,12)
-
#370313
#370313
rgb(55,3,19)
-
#4a0419
#4a0419
rgb(74,4,25)
-
#5d051f
#5d051f
rgb(93,5,31)
-
#6f0626
#6f0626
rgb(111,6,38)
-
#82072c
#82072c
rgb(130,7,44)
-
#940832
#940832
rgb(148,8,50)
-
#a70939
#a70939
rgb(167,9,57)
-
#ba0a3f
#ba0a3f
rgb(186,10,63)
-
#cc0b45
#cc0b45
rgb(204,11,69)
-
#df0c4c
#df0c4c
rgb(223,12,76)
-
#f10d52
#f10d52
rgb(241,13,82)
-
#f31f5f
#f31f5f
rgb(243,31,95)
-
#f4326c
#f4326c
rgb(244,50,108)
-
#f5447a
#f5447a
rgb(245,68,122)
-
#f65787
#f65787
rgb(246,87,135)
-
#f76994
#f76994
rgb(247,105,148)
-
#f87ca1
#f87ca1
rgb(248,124,161)
-
#f98faf
#f98faf
rgb(249,143,175)
-
#faa1bc
#faa1bc
rgb(250,161,188)
-
#fbb4c9
#fbb4c9
rgb(251,180,201)
-
#fcc7d7
#fcc7d7
rgb(252,199,215)
-
#fdd9e4
#fdd9e4
rgb(253,217,228)
-
#feecf1
#feecf1
rgb(254,236,241)
-
#fffeff
#fffeff
rgb(255,254,255)
Tones of #f31f5f
A tone is produced by adding gray to any pure hue. In this case, #8f8387 is the less saturated color, while #fc165b is the most saturated one.
-
#8f8387
#8f8387
rgb(143,131,135)
-
#987a83
#987a83
rgb(152,122,131)
-
#a1717f
#a1717f
rgb(161,113,127)
-
#aa687c
#aa687c
rgb(170,104,124)
-
#b35f78
#b35f78
rgb(179,95,120)
-
#bd5575
#bd5575
rgb(189,85,117)
-
#c64c71
#c64c71
rgb(198,76,113)
-
#cf436d
#cf436d
rgb(207,67,109)
-
#d83a6a
#d83a6a
rgb(216,58,106)
-
#e13166
#e13166
rgb(225,49,102)
-
#ea2863
#ea2863
rgb(234,40,99)
-
#f31f5f
#f31f5f
rgb(243,31,95)
-
#fc165b
#fc165b
rgb(252,22,91)
Color Blindness Simulator
Below, you can see how #f31f5f 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.