#f31172 Color Information
In a RGB color space, hex #f31172 is composed of 95.3% red, 6.7% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 53.1% yellow and 4.7% black. It has a hue angle of 334.2 degrees, a saturation of 90.4% and a lightness of 51%. #f31172 color hex could be obtained by blending #ff22e4 with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 7
- B 45
-
- C 0
- M 93
- Y 53
- K 5
● #f31172 color description : Vivid pink.
#f31172 Color Conversion
The hexadecimal color #f31172 has RGB values of R:243, G:17, B:114 and CMYK values of C:0, M:0.93, Y:0.53, K:0.05. Its decimal value is 15929714.
Hex triplet | f31172 | #f31172 |
---|---|---|
RGB Decimal | 243, 17, 114 | rgb(243,17,114) |
RGB Percent | 95.3, 6.7, 44.7 | rgb(95.3%,6.7%,44.7%) |
CMYK | 0, 93, 53, 5 | |
HSL | 334.2°, 90.4, 51 | hsl(334.2,90.4%,51%) |
HSV (or HSB) | 334.2°, 93, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.592, 79.666, 8.92 |
---|---|
XYZ | 40.201, 20.675, 17.793 |
xyY | 0.511, 0.263, 20.675 |
CIE-LCH | 52.592, 80.164, 6.389 |
CIE-LUV | 52.592, 137.069, -5.07 |
Hunter-Lab | 45.47, 78.245, 8.629 |
Binary | 11110011, 00010001, 01110010 |
Color Schemes with #f31172
Alternatives to #f31172
Below, you can see some colors close to #f31172. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31172 Preview
This text has a font color of #f31172.
<span style="color:#f31172;">Text here</span>
This paragraph has a background color of #f31172.
<p style="background-color:#f31172;">Content here</p>
This element has a border color of #f31172.
<div style="border:1px solid #f31172;">Content here</div>
.text {color:#f31172;}
.background {background-color:#f31172;}
.border {border:1px solid #f31172;}
Shades and Tints of #f31172
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)
-
#87073e
#87073e
rgb(135,7,62)
-
#9a0847
#9a0847
rgb(154,8,71)
-
#ad094f
#ad094f
rgb(173,9,79)
-
#bf0a58
#bf0a58
rgb(191,10,88)
-
#d20b60
#d20b60
rgb(210,11,96)
-
#e50c69
#e50c69
rgb(229,12,105)
-
#f31172
#f31172
rgb(243,17,114)
-
#f4247d
#f4247d
rgb(244,36,125)
-
#f53688
#f53688
rgb(245,54,136)
-
#f64993
#f64993
rgb(246,73,147)
-
#f75c9e
#f75c9e
rgb(247,92,158)
-
#f86ea9
#f86ea9
rgb(248,110,169)
-
#f981b4
#f981b4
rgb(249,129,180)
-
#fa94bf
#fa94bf
rgb(250,148,191)
-
#fba6cb
#fba6cb
rgb(251,166,203)
-
#fbb9d6
#fbb9d6
rgb(251,185,214)
-
#fccce1
#fccce1
rgb(252,204,225)
-
#fddeec
#fddeec
rgb(253,222,236)
-
#fef1f7
#fef1f7
rgb(254,241,247)
Tones of #f31172
A tone is produced by adding gray to any pure hue. In this case, #897b81 is the less saturated color, while #fd0771 is the most saturated one.
-
#897b81
#897b81
rgb(137,123,129)
-
#937180
#937180
rgb(147,113,128)
-
#9c687e
#9c687e
rgb(156,104,126)
-
#a65e7d
#a65e7d
rgb(166,94,125)
-
#b0547c
#b0547c
rgb(176,84,124)
-
#b94b7a
#b94b7a
rgb(185,75,122)
-
#c34179
#c34179
rgb(195,65,121)
-
#cd3777
#cd3777
rgb(205,55,119)
-
#d62e76
#d62e76
rgb(214,46,118)
-
#e02475
#e02475
rgb(224,36,117)
-
#e91b73
#e91b73
rgb(233,27,115)
-
#f31172
#f31172
rgb(243,17,114)
-
#fd0771
#fd0771
rgb(253,7,113)
Color Blindness Simulator
Below, you can see how #f31172 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.