#f31f84 Color Information
In a RGB color space, hex #f31f84 is composed of 95.3% red, 12.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 45.7% yellow and 4.7% black. It has a hue angle of 331.4 degrees, a saturation of 89.8% and a lightness of 53.7%. #f31f84 color hex could be obtained by blending #ff3eff with #e70009. Closest websafe color is: #ff3399.
-
- R 95
- G 12
- B 52
-
- C 0
- M 87
- Y 46
- K 5
● #f31f84 color description : Vivid pink.
#f31f84 Color Conversion
The hexadecimal color #f31f84 has RGB values of R:243, G:31, B:132 and CMYK values of C:0, M:0.87, Y:0.46, K:0.05. Its decimal value is 15933316.
Hex triplet | f31f84 | #f31f84 |
---|---|---|
RGB Decimal | 243, 31, 132 | rgb(243,31,132) |
RGB Percent | 95.3, 12.2, 51.8 | rgb(95.3%,12.2%,51.8%) |
CMYK | 0, 87, 46, 5 | |
HSL | 331.4°, 89.8, 53.7 | hsl(331.4,89.8%,53.7%) |
HSV (or HSB) | 331.4°, 87.2, 95.3 | |
Web Safe | ff3399 | #ff3399 |
CIE-LAB | 53.713, 79.194, -0.327 |
---|---|
XYZ | 41.618, 21.705, 23.827 |
xyY | 0.478, 0.249, 21.705 |
CIE-LCH | 53.713, 79.195, 359.764 |
CIE-LUV | 53.713, 126.84, -16.078 |
Hunter-Lab | 46.589, 77.925, 2.29 |
Binary | 11110011, 00011111, 10000100 |
Color Schemes with #f31f84
Alternatives to #f31f84
Below, you can see some colors close to #f31f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31f84 Preview
This text has a font color of #f31f84.
<span style="color:#f31f84;">Text here</span>
This paragraph has a background color of #f31f84.
<p style="background-color:#f31f84;">Content here</p>
This element has a border color of #f31f84.
<div style="border:1px solid #f31f84;">Content here</div>
.text {color:#f31f84;}
.background {background-color:#f31f84;}
.border {border:1px solid #f31f84;}
Shades and Tints of #f31f84
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, #120109 is the darkest color, while #fffeff is the lightest one.
-
#120109
#120109
rgb(18,1,9)
-
#250212
#250212
rgb(37,2,18)
-
#37031c
#37031c
rgb(55,3,28)
-
#4a0425
#4a0425
rgb(74,4,37)
-
#5d052f
#5d052f
rgb(93,5,47)
-
#6f0638
#6f0638
rgb(111,6,56)
-
#820741
#820741
rgb(130,7,65)
-
#94084b
#94084b
rgb(148,8,75)
-
#a70954
#a70954
rgb(167,9,84)
-
#ba0a5e
#ba0a5e
rgb(186,10,94)
-
#cc0b67
#cc0b67
rgb(204,11,103)
-
#df0c70
#df0c70
rgb(223,12,112)
-
#f10d7a
#f10d7a
rgb(241,13,122)
-
#f31f84
#f31f84
rgb(243,31,132)
-
#f4328e
#f4328e
rgb(244,50,142)
-
#f54498
#f54498
rgb(245,68,152)
-
#f657a3
#f657a3
rgb(246,87,163)
-
#f769ad
#f769ad
rgb(247,105,173)
-
#f87cb7
#f87cb7
rgb(248,124,183)
-
#f98fc1
#f98fc1
rgb(249,143,193)
-
#faa1cc
#faa1cc
rgb(250,161,204)
-
#fbb4d6
#fbb4d6
rgb(251,180,214)
-
#fcc7e0
#fcc7e0
rgb(252,199,224)
-
#fdd9ea
#fdd9ea
rgb(253,217,234)
-
#feecf4
#feecf4
rgb(254,236,244)
-
#fffeff
#fffeff
rgb(255,254,255)
Tones of #f31f84
A tone is produced by adding gray to any pure hue. In this case, #8f8389 is the less saturated color, while #fc1684 is the most saturated one.
-
#8f8389
#8f8389
rgb(143,131,137)
-
#987a88
#987a88
rgb(152,122,136)
-
#a17188
#a17188
rgb(161,113,136)
-
#aa6887
#aa6887
rgb(170,104,135)
-
#b35f87
#b35f87
rgb(179,95,135)
-
#bd5587
#bd5587
rgb(189,85,135)
-
#c64c86
#c64c86
rgb(198,76,134)
-
#cf4386
#cf4386
rgb(207,67,134)
-
#d83a85
#d83a85
rgb(216,58,133)
-
#e13185
#e13185
rgb(225,49,133)
-
#ea2884
#ea2884
rgb(234,40,132)
-
#f31f84
#f31f84
rgb(243,31,132)
-
#fc1684
#fc1684
rgb(252,22,132)
Color Blindness Simulator
Below, you can see how #f31f84 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.