#f31180 Color Information
In a RGB color space, hex #f31180 is composed of 95.3% red, 6.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 47.3% yellow and 4.7% black. It has a hue angle of 330.5 degrees, a saturation of 90.4% and a lightness of 51%. #f31180 color hex could be obtained by blending #ff22ff with #e70001. Closest websafe color is: #ff0099.
-
- R 95
- G 7
- B 50
-
- C 0
- M 93
- Y 47
- K 5
● #f31180 color description : Vivid pink.
#f31180 Color Conversion
The hexadecimal color #f31180 has RGB values of R:243, G:17, B:128 and CMYK values of C:0, M:0.93, Y:0.47, K:0.05. Its decimal value is 15929728.
Hex triplet | f31180 | #f31180 |
---|---|---|
RGB Decimal | 243, 17, 128 | rgb(243,17,128) |
RGB Percent | 95.3, 6.7, 50.2 | rgb(95.3%,6.7%,50.2%) |
CMYK | 0, 93, 47, 5 | |
HSL | 330.5°, 90.4, 51 | hsl(330.5,90.4%,51%) |
HSV (or HSB) | 330.5°, 93, 95.3 | |
Web Safe | ff0099 | #ff0099 |
CIE-LAB | 52.97, 80.691, 0.996 |
---|---|
XYZ | 41.06, 21.019, 22.316 |
xyY | 0.487, 0.249, 21.019 |
CIE-LCH | 52.97, 80.698, 0.707 |
CIE-LUV | 52.97, 130.954, -14.76 |
Hunter-Lab | 45.846, 79.635, 3.233 |
Binary | 11110011, 00010001, 10000000 |
Color Schemes with #f31180
Alternatives to #f31180
Below, you can see some colors close to #f31180. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31180 Preview
This text has a font color of #f31180.
<span style="color:#f31180;">Text here</span>
This paragraph has a background color of #f31180.
<p style="background-color:#f31180;">Content here</p>
This element has a border color of #f31180.
<div style="border:1px solid #f31180;">Content here</div>
.text {color:#f31180;}
.background {background-color:#f31180;}
.border {border:1px solid #f31180;}
Shades and Tints of #f31180
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 #fef1f8 is the lightest one.
-
#050002
#050002
rgb(5,0,2)
-
#17010c
#17010c
rgb(23,1,12)
-
#2a0216
#2a0216
rgb(42,2,22)
-
#3d031f
#3d031f
rgb(61,3,31)
-
#4f0429
#4f0429
rgb(79,4,41)
-
#620533
#620533
rgb(98,5,51)
-
#75063c
#75063c
rgb(117,6,60)
-
#870746
#870746
rgb(135,7,70)
-
#9a0850
#9a0850
rgb(154,8,80)
-
#ad0959
#ad0959
rgb(173,9,89)
-
#bf0a63
#bf0a63
rgb(191,10,99)
-
#d20b6d
#d20b6d
rgb(210,11,109)
-
#e50c76
#e50c76
rgb(229,12,118)
-
#f31180
#f31180
rgb(243,17,128)
-
#f4248a
#f4248a
rgb(244,36,138)
-
#f53694
#f53694
rgb(245,54,148)
-
#f6499e
#f6499e
rgb(246,73,158)
-
#f75ca8
#f75ca8
rgb(247,92,168)
-
#f86eb2
#f86eb2
rgb(248,110,178)
-
#f981bc
#f981bc
rgb(249,129,188)
-
#fa94c6
#fa94c6
rgb(250,148,198)
-
#fba6d0
#fba6d0
rgb(251,166,208)
-
#fbb9da
#fbb9da
rgb(251,185,218)
-
#fccce4
#fccce4
rgb(252,204,228)
-
#fddeee
#fddeee
rgb(253,222,238)
-
#fef1f8
#fef1f8
rgb(254,241,248)
Tones of #f31180
A tone is produced by adding gray to any pure hue. In this case, #897b82 is the less saturated color, while #fd0780 is the most saturated one.
-
#897b82
#897b82
rgb(137,123,130)
-
#937182
#937182
rgb(147,113,130)
-
#9c6882
#9c6882
rgb(156,104,130)
-
#a65e81
#a65e81
rgb(166,94,129)
-
#b05481
#b05481
rgb(176,84,129)
-
#b94b81
#b94b81
rgb(185,75,129)
-
#c34181
#c34181
rgb(195,65,129)
-
#cd3781
#cd3781
rgb(205,55,129)
-
#d62e81
#d62e81
rgb(214,46,129)
-
#e02480
#e02480
rgb(224,36,128)
-
#e91b80
#e91b80
rgb(233,27,128)
-
#f31180
#f31180
rgb(243,17,128)
-
#fd0780
#fd0780
rgb(253,7,128)
Color Blindness Simulator
Below, you can see how #f31180 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.