#f81580 Color Information
In a RGB color space, hex #f81580 is composed of 97.3% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 48.4% yellow and 2.7% black. It has a hue angle of 331.7 degrees, a saturation of 94.2% and a lightness of 52.7%. #f81580 color hex could be obtained by blending #ff2aff with #f10001. Closest websafe color is: #ff0099.
-
- R 97
- G 8
- B 50
-
- C 0
- M 92
- Y 48
- K 3
● #f81580 color description : Vivid pink.
#f81580 Color Conversion
The hexadecimal color #f81580 has RGB values of R:248, G:21, B:128 and CMYK values of C:0, M:0.92, Y:0.48, K:0.03. Its decimal value is 16258432.
Hex triplet | f81580 | #f81580 |
---|---|---|
RGB Decimal | 248, 21, 128 | rgb(248,21,128) |
RGB Percent | 97.3, 8.2, 50.2 | rgb(97.3%,8.2%,50.2%) |
CMYK | 0, 92, 48, 3 | |
HSL | 331.7°, 94.2, 52.7 | hsl(331.7,94.2%,52.7%) |
HSV (or HSB) | 331.7°, 91.5, 97.3 | |
Web Safe | ff0099 | #ff0099 |
CIE-LAB | 54.087, 81.374, 2.737 |
---|---|
XYZ | 42.877, 22.056, 22.42 |
xyY | 0.491, 0.252, 22.056 |
CIE-LCH | 54.087, 81.42, 1.926 |
CIE-LUV | 54.087, 134.358, -12.79 |
Hunter-Lab | 46.964, 80.78, 4.57 |
Binary | 11111000, 00010101, 10000000 |
Color Schemes with #f81580
Alternatives to #f81580
Below, you can see some colors close to #f81580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81580 Preview
This text has a font color of #f81580.
<span style="color:#f81580;">Text here</span>
This paragraph has a background color of #f81580.
<p style="background-color:#f81580;">Content here</p>
This element has a border color of #f81580.
<div style="border:1px solid #f81580;">Content here</div>
.text {color:#f81580;}
.background {background-color:#f81580;}
.border {border:1px solid #f81580;}
Shades and Tints of #f81580
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, #0e0007 is the darkest color, while #fffafc is the lightest one.
-
#0e0007
#0e0007
rgb(14,0,7)
-
#210110
#210110
rgb(33,1,16)
-
#340219
#340219
rgb(52,2,25)
-
#470222
#470222
rgb(71,2,34)
-
#5a032c
#5a032c
rgb(90,3,44)
-
#6d0335
#6d0335
rgb(109,3,53)
-
#80043e
#80043e
rgb(128,4,62)
-
#930448
#930448
rgb(147,4,72)
-
#a60551
#a60551
rgb(166,5,81)
-
#b9065a
#b9065a
rgb(185,6,90)
-
#cc0663
#cc0663
rgb(204,6,99)
-
#df076d
#df076d
rgb(223,7,109)
-
#f20776
#f20776
rgb(242,7,118)
-
#f81580
#f81580
rgb(248,21,128)
-
#f9288a
#f9288a
rgb(249,40,138)
-
#f93b95
#f93b95
rgb(249,59,149)
-
#fa4e9f
#fa4e9f
rgb(250,78,159)
-
#fa61a9
#fa61a9
rgb(250,97,169)
-
#fb74b4
#fb74b4
rgb(251,116,180)
-
#fb87be
#fb87be
rgb(251,135,190)
-
#fc9ac8
#fc9ac8
rgb(252,154,200)
-
#fdadd3
#fdadd3
rgb(253,173,211)
-
#fdc0dd
#fdc0dd
rgb(253,192,221)
-
#fed3e7
#fed3e7
rgb(254,211,231)
-
#fee7f2
#fee7f2
rgb(254,231,242)
-
#fffafc
#fffafc
rgb(255,250,252)
Tones of #f81580
A tone is produced by adding gray to any pure hue. In this case, #898486 is the less saturated color, while #f81580 is the most saturated one.
-
#898486
#898486
rgb(137,132,134)
-
#927b86
#927b86
rgb(146,123,134)
-
#9b7285
#9b7285
rgb(155,114,133)
-
#a56885
#a56885
rgb(165,104,133)
-
#ae5f84
#ae5f84
rgb(174,95,132)
-
#b75684
#b75684
rgb(183,86,132)
-
#c04d83
#c04d83
rgb(192,77,131)
-
#ca4383
#ca4383
rgb(202,67,131)
-
#d33a82
#d33a82
rgb(211,58,130)
-
#dc3182
#dc3182
rgb(220,49,130)
-
#e52881
#e52881
rgb(229,40,129)
-
#ef1e81
#ef1e81
rgb(239,30,129)
-
#f81580
#f81580
rgb(248,21,128)
Color Blindness Simulator
Below, you can see how #f81580 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.