#f31680 Color Information
In a RGB color space, hex #f31680 is composed of 95.3% red, 8.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.9% magenta, 47.3% yellow and 4.7% black. It has a hue angle of 331.2 degrees, a saturation of 90.2% and a lightness of 52%. #f31680 color hex could be obtained by blending #ff2cff with #e70001. Closest websafe color is: #ff0099.
-
- R 95
- G 9
- B 50
-
- C 0
- M 91
- Y 47
- K 5
● #f31680 color description : Vivid pink.
#f31680 Color Conversion
The hexadecimal color #f31680 has RGB values of R:243, G:22, B:128 and CMYK values of C:0, M:0.91, Y:0.47, K:0.05. Its decimal value is 15931008.
Hex triplet | f31680 | #f31680 |
---|---|---|
RGB Decimal | 243, 22, 128 | rgb(243,22,128) |
RGB Percent | 95.3, 8.6, 50.2 | rgb(95.3%,8.6%,50.2%) |
CMYK | 0, 91, 47, 5 | |
HSL | 331.2°, 90.2, 52 | hsl(331.2,90.2%,52%) |
HSV (or HSB) | 331.2°, 90.9, 95.3 | |
Web Safe | ff0099 | #ff0099 |
CIE-LAB | 53.159, 80.144, 1.27 |
---|---|
XYZ | 41.147, 21.192, 22.345 |
xyY | 0.486, 0.25, 21.192 |
CIE-LCH | 53.159, 80.154, 0.908 |
CIE-LUV | 53.159, 130.24, -14.294 |
Hunter-Lab | 46.034, 78.987, 3.445 |
Binary | 11110011, 00010110, 10000000 |
Color Schemes with #f31680
Alternatives to #f31680
Below, you can see some colors close to #f31680. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31680 Preview
This text has a font color of #f31680.
<span style="color:#f31680;">Text here</span>
This paragraph has a background color of #f31680.
<p style="background-color:#f31680;">Content here</p>
This element has a border color of #f31680.
<div style="border:1px solid #f31680;">Content here</div>
.text {color:#f31680;}
.background {background-color:#f31680;}
.border {border:1px solid #f31680;}
Shades and Tints of #f31680
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, #0a0005 is the darkest color, while #fff6fa is the lightest one.
-
#0a0005
#0a0005
rgb(10,0,5)
-
#1c010e
#1c010e
rgb(28,1,14)
-
#2f0218
#2f0218
rgb(47,2,24)
-
#410321
#410321
rgb(65,3,33)
-
#54042b
#54042b
rgb(84,4,43)
-
#670534
#670534
rgb(103,5,52)
-
#79063e
#79063e
rgb(121,6,62)
-
#8c0747
#8c0747
rgb(140,7,71)
-
#9f0850
#9f0850
rgb(159,8,80)
-
#b1095a
#b1095a
rgb(177,9,90)
-
#c40a63
#c40a63
rgb(196,10,99)
-
#d70b6d
#d70b6d
rgb(215,11,109)
-
#e90c76
#e90c76
rgb(233,12,118)
-
#f31680
#f31680
rgb(243,22,128)
-
#f4298a
#f4298a
rgb(244,41,138)
-
#f53b94
#f53b94
rgb(245,59,148)
-
#f64e9f
#f64e9f
rgb(246,78,159)
-
#f761a9
#f761a9
rgb(247,97,169)
-
#f873b3
#f873b3
rgb(248,115,179)
-
#f986bd
#f986bd
rgb(249,134,189)
-
#fa99c7
#fa99c7
rgb(250,153,199)
-
#fbabd1
#fbabd1
rgb(251,171,209)
-
#fcbedc
#fcbedc
rgb(252,190,220)
-
#fdd1e6
#fdd1e6
rgb(253,209,230)
-
#fee3f0
#fee3f0
rgb(254,227,240)
-
#fff6fa
#fff6fa
rgb(255,246,250)
Tones of #f31680
A tone is produced by adding gray to any pure hue. In this case, #8b7e84 is the less saturated color, while #fc0d80 is the most saturated one.
-
#8b7e84
#8b7e84
rgb(139,126,132)
-
#957484
#957484
rgb(149,116,132)
-
#9e6b83
#9e6b83
rgb(158,107,131)
-
#a86183
#a86183
rgb(168,97,131)
-
#b15883
#b15883
rgb(177,88,131)
-
#ba4f82
#ba4f82
rgb(186,79,130)
-
#c44582
#c44582
rgb(196,69,130)
-
#cd3c82
#cd3c82
rgb(205,60,130)
-
#d73281
#d73281
rgb(215,50,129)
-
#e02981
#e02981
rgb(224,41,129)
-
#ea1f80
#ea1f80
rgb(234,31,128)
-
#f31680
#f31680
rgb(243,22,128)
-
#fc0d80
#fc0d80
rgb(252,13,128)
Color Blindness Simulator
Below, you can see how #f31680 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.