#f31f62 Color Information
In a RGB color space, hex #f31f62 is composed of 95.3% red, 12.2% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 59.7% yellow and 4.7% black. It has a hue angle of 341 degrees, a saturation of 89.8% and a lightness of 53.7%. #f31f62 color hex could be obtained by blending #ff3ec4 with #e70000. Closest websafe color is: #ff3366.
-
- R 95
- G 12
- B 38
-
- C 0
- M 87
- Y 60
- K 5
● #f31f62 color description : Vivid pink.
#f31f62 Color Conversion
The hexadecimal color #f31f62 has RGB values of R:243, G:31, B:98 and CMYK values of C:0, M:0.87, Y:0.6, K:0.05. Its decimal value is 15933282.
Hex triplet | f31f62 | #f31f62 |
---|---|---|
RGB Decimal | 243, 31, 98 | rgb(243,31,98) |
RGB Percent | 95.3, 12.2, 38.4 | rgb(95.3%,12.2%,38.4%) |
CMYK | 0, 87, 60, 5 | |
HSL | 341°, 89.8, 53.7 | hsl(341,89.8%,53.7%) |
HSV (or HSB) | 341°, 87.2, 95.3 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 52.863, 76.8, 18.989 |
---|---|
XYZ | 39.658, 20.921, 13.505 |
xyY | 0.535, 0.282, 20.921 |
CIE-LCH | 52.863, 79.113, 13.888 |
CIE-LUV | 52.863, 140.738, 6.578 |
Hunter-Lab | 45.74, 74.723, 14.513 |
Binary | 11110011, 00011111, 01100010 |
Color Schemes with #f31f62
Alternatives to #f31f62
Below, you can see some colors close to #f31f62. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31f62 Preview
This text has a font color of #f31f62.
<span style="color:#f31f62;">Text here</span>
This paragraph has a background color of #f31f62.
<p style="background-color:#f31f62;">Content here</p>
This element has a border color of #f31f62.
<div style="border:1px solid #f31f62;">Content here</div>
.text {color:#f31f62;}
.background {background-color:#f31f62;}
.border {border:1px solid #f31f62;}
Shades and Tints of #f31f62
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)
-
#25020d
#25020d
rgb(37,2,13)
-
#370313
#370313
rgb(55,3,19)
-
#4a041a
#4a041a
rgb(74,4,26)
-
#5d0521
#5d0521
rgb(93,5,33)
-
#6f0627
#6f0627
rgb(111,6,39)
-
#82072e
#82072e
rgb(130,7,46)
-
#940834
#940834
rgb(148,8,52)
-
#a7093b
#a7093b
rgb(167,9,59)
-
#ba0a41
#ba0a41
rgb(186,10,65)
-
#cc0b48
#cc0b48
rgb(204,11,72)
-
#df0c4f
#df0c4f
rgb(223,12,79)
-
#f10d55
#f10d55
rgb(241,13,85)
-
#f31f62
#f31f62
rgb(243,31,98)
-
#f4326f
#f4326f
rgb(244,50,111)
-
#f5447c
#f5447c
rgb(245,68,124)
-
#f65789
#f65789
rgb(246,87,137)
-
#f76996
#f76996
rgb(247,105,150)
-
#f87ca3
#f87ca3
rgb(248,124,163)
-
#f98fb0
#f98fb0
rgb(249,143,176)
-
#faa1bd
#faa1bd
rgb(250,161,189)
-
#fbb4ca
#fbb4ca
rgb(251,180,202)
-
#fcc7d7
#fcc7d7
rgb(252,199,215)
-
#fdd9e4
#fdd9e4
rgb(253,217,228)
-
#feecf2
#feecf2
rgb(254,236,242)
-
#fffeff
#fffeff
rgb(255,254,255)
Tones of #f31f62
A tone is produced by adding gray to any pure hue. In this case, #8f8387 is the less saturated color, while #fc165f is the most saturated one.
-
#8f8387
#8f8387
rgb(143,131,135)
-
#987a83
#987a83
rgb(152,122,131)
-
#a17180
#a17180
rgb(161,113,128)
-
#aa687d
#aa687d
rgb(170,104,125)
-
#b35f79
#b35f79
rgb(179,95,121)
-
#bd5576
#bd5576
rgb(189,85,118)
-
#c64c73
#c64c73
rgb(198,76,115)
-
#cf436f
#cf436f
rgb(207,67,111)
-
#d83a6c
#d83a6c
rgb(216,58,108)
-
#e13169
#e13169
rgb(225,49,105)
-
#ea2865
#ea2865
rgb(234,40,101)
-
#f31f62
#f31f62
rgb(243,31,98)
-
#fc165f
#fc165f
rgb(252,22,95)
Color Blindness Simulator
Below, you can see how #f31f62 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.