#f31171 Color Information
In a RGB color space, hex #f31171 is composed of 95.3% red, 6.7% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 53.5% yellow and 4.7% black. It has a hue angle of 334.5 degrees, a saturation of 90.4% and a lightness of 51%. #f31171 color hex could be obtained by blending #ff22e2 with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 7
- B 44
-
- C 0
- M 93
- Y 53
- K 5
● #f31171 color description : Vivid pink.
#f31171 Color Conversion
The hexadecimal color #f31171 has RGB values of R:243, G:17, B:113 and CMYK values of C:0, M:0.93, Y:0.53, K:0.05. Its decimal value is 15929713.
Hex triplet | f31171 | #f31171 |
---|---|---|
RGB Decimal | 243, 17, 113 | rgb(243,17,113) |
RGB Percent | 95.3, 6.7, 44.3 | rgb(95.3%,6.7%,44.3%) |
CMYK | 0, 93, 53, 5 | |
HSL | 334.5°, 90.4, 51 | hsl(334.5,90.4%,51%) |
HSV (or HSB) | 334.5°, 93, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.567, 79.598, 9.491 |
---|---|
XYZ | 40.145, 20.653, 17.494 |
xyY | 0.513, 0.264, 20.653 |
CIE-LCH | 52.567, 80.162, 6.8 |
CIE-LUV | 52.567, 137.493, -4.404 |
Hunter-Lab | 45.445, 78.152, 8.988 |
Binary | 11110011, 00010001, 01110001 |
Color Schemes with #f31171
Alternatives to #f31171
Below, you can see some colors close to #f31171. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31171 Preview
This text has a font color of #f31171.
<span style="color:#f31171;">Text here</span>
This paragraph has a background color of #f31171.
<p style="background-color:#f31171;">Content here</p>
This element has a border color of #f31171.
<div style="border:1px solid #f31171;">Content here</div>
.text {color:#f31171;}
.background {background-color:#f31171;}
.border {border:1px solid #f31171;}
Shades and Tints of #f31171
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, #050002 is the darkest color, while #fef1f7 is the lightest one.
-
#050002
#050002
rgb(5,0,2)
-
#17010b
#17010b
rgb(23,1,11)
-
#2a0213
#2a0213
rgb(42,2,19)
-
#3d031c
#3d031c
rgb(61,3,28)
-
#4f0424
#4f0424
rgb(79,4,36)
-
#62052d
#62052d
rgb(98,5,45)
-
#750635
#750635
rgb(117,6,53)
-
#87073d
#87073d
rgb(135,7,61)
-
#9a0846
#9a0846
rgb(154,8,70)
-
#ad094e
#ad094e
rgb(173,9,78)
-
#bf0a57
#bf0a57
rgb(191,10,87)
-
#d20b5f
#d20b5f
rgb(210,11,95)
-
#e50c68
#e50c68
rgb(229,12,104)
-
#f31171
#f31171
rgb(243,17,113)
-
#f4247c
#f4247c
rgb(244,36,124)
-
#f53687
#f53687
rgb(245,54,135)
-
#f64992
#f64992
rgb(246,73,146)
-
#f75c9e
#f75c9e
rgb(247,92,158)
-
#f86ea9
#f86ea9
rgb(248,110,169)
-
#f981b4
#f981b4
rgb(249,129,180)
-
#fa94bf
#fa94bf
rgb(250,148,191)
-
#fba6ca
#fba6ca
rgb(251,166,202)
-
#fbb9d5
#fbb9d5
rgb(251,185,213)
-
#fccce0
#fccce0
rgb(252,204,224)
-
#fddeec
#fddeec
rgb(253,222,236)
-
#fef1f7
#fef1f7
rgb(254,241,247)
Tones of #f31171
A tone is produced by adding gray to any pure hue. In this case, #897b81 is the less saturated color, while #fd0770 is the most saturated one.
-
#897b81
#897b81
rgb(137,123,129)
-
#93717f
#93717f
rgb(147,113,127)
-
#9c687e
#9c687e
rgb(156,104,126)
-
#a65e7d
#a65e7d
rgb(166,94,125)
-
#b0547b
#b0547b
rgb(176,84,123)
-
#b94b7a
#b94b7a
rgb(185,75,122)
-
#c34178
#c34178
rgb(195,65,120)
-
#cd3777
#cd3777
rgb(205,55,119)
-
#d62e75
#d62e75
rgb(214,46,117)
-
#e02474
#e02474
rgb(224,36,116)
-
#e91b72
#e91b72
rgb(233,27,114)
-
#f31171
#f31171
rgb(243,17,113)
-
#fd0770
#fd0770
rgb(253,7,112)
Color Blindness Simulator
Below, you can see how #f31171 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.