#f31577 Color Information
In a RGB color space, hex #f31577 is composed of 95.3% red, 8.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 51% yellow and 4.7% black. It has a hue angle of 333.5 degrees, a saturation of 90.2% and a lightness of 51.8%. #f31577 color hex could be obtained by blending #ff2aee with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 8
- B 47
-
- C 0
- M 91
- Y 51
- K 5
● #f31577 color description : Vivid pink.
#f31577 Color Conversion
The hexadecimal color #f31577 has RGB values of R:243, G:21, B:119 and CMYK values of C:0, M:0.91, Y:0.51, K:0.05. Its decimal value is 15930743.
Hex triplet | f31577 | #f31577 |
---|---|---|
RGB Decimal | 243, 21, 119 | rgb(243,21,119) |
RGB Percent | 95.3, 8.2, 46.7 | rgb(95.3%,8.2%,46.7%) |
CMYK | 0, 91, 51, 5 | |
HSL | 333.5°, 90.2, 51.8 | hsl(333.5,90.2%,51.8%) |
HSV (or HSB) | 333.5°, 91.4, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.87, 79.585, 6.287 |
---|---|
XYZ | 40.562, 20.928, 19.355 |
xyY | 0.502, 0.259, 20.928 |
CIE-LCH | 52.87, 79.833, 4.517 |
CIE-LUV | 52.87, 134.331, -8.097 |
Hunter-Lab | 45.747, 78.211, 6.937 |
Binary | 11110011, 00010101, 01110111 |
Color Schemes with #f31577
Alternatives to #f31577
Below, you can see some colors close to #f31577. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31577 Preview
This text has a font color of #f31577.
<span style="color:#f31577;">Text here</span>
This paragraph has a background color of #f31577.
<p style="background-color:#f31577;">Content here</p>
This element has a border color of #f31577.
<div style="border:1px solid #f31577;">Content here</div>
.text {color:#f31577;}
.background {background-color:#f31577;}
.border {border:1px solid #f31577;}
Shades and Tints of #f31577
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, #090004 is the darkest color, while #fef5f9 is the lightest one.
-
#090004
#090004
rgb(9,0,4)
-
#1b010d
#1b010d
rgb(27,1,13)
-
#2e0216
#2e0216
rgb(46,2,22)
-
#41031e
#41031e
rgb(65,3,30)
-
#530427
#530427
rgb(83,4,39)
-
#660530
#660530
rgb(102,5,48)
-
#790639
#790639
rgb(121,6,57)
-
#8b0741
#8b0741
rgb(139,7,65)
-
#9e084a
#9e084a
rgb(158,8,74)
-
#b00953
#b00953
rgb(176,9,83)
-
#c30a5c
#c30a5c
rgb(195,10,92)
-
#d60b65
#d60b65
rgb(214,11,101)
-
#e80c6d
#e80c6d
rgb(232,12,109)
-
#f31577
#f31577
rgb(243,21,119)
-
#f42882
#f42882
rgb(244,40,130)
-
#f53a8d
#f53a8d
rgb(245,58,141)
-
#f64d98
#f64d98
rgb(246,77,152)
-
#f760a2
#f760a2
rgb(247,96,162)
-
#f872ad
#f872ad
rgb(248,114,173)
-
#f985b8
#f985b8
rgb(249,133,184)
-
#fa98c3
#fa98c3
rgb(250,152,195)
-
#fbaace
#fbaace
rgb(251,170,206)
-
#fcbdd9
#fcbdd9
rgb(252,189,217)
-
#fdd0e3
#fdd0e3
rgb(253,208,227)
-
#fee2ee
#fee2ee
rgb(254,226,238)
-
#fef5f9
#fef5f9
rgb(254,245,249)
Tones of #f31577
A tone is produced by adding gray to any pure hue. In this case, #8b7d83 is the less saturated color, while #fc0c76 is the most saturated one.
-
#8b7d83
#8b7d83
rgb(139,125,131)
-
#947482
#947482
rgb(148,116,130)
-
#9e6a81
#9e6a81
rgb(158,106,129)
-
#a76180
#a76180
rgb(167,97,128)
-
#b1577f
#b1577f
rgb(177,87,127)
-
#ba4e7e
#ba4e7e
rgb(186,78,126)
-
#c4447d
#c4447d
rgb(196,68,125)
-
#cd3b7b
#cd3b7b
rgb(205,59,123)
-
#d7317a
#d7317a
rgb(215,49,122)
-
#e02879
#e02879
rgb(224,40,121)
-
#ea1e78
#ea1e78
rgb(234,30,120)
-
#f31577
#f31577
rgb(243,21,119)
-
#fc0c76
#fc0c76
rgb(252,12,118)
Color Blindness Simulator
Below, you can see how #f31577 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.