#f81584 Color Information
In a RGB color space, hex #f81584 is composed of 97.3% red, 8.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.5% magenta, 46.8% yellow and 2.7% black. It has a hue angle of 330.7 degrees, a saturation of 94.2% and a lightness of 52.7%. #f81584 color hex could be obtained by blending #ff2aff with #f10009. Closest websafe color is: #ff0099.
-
- R 97
- G 8
- B 52
-
- C 0
- M 92
- Y 47
- K 3
● #f81584 color description : Vivid pink.
#f81584 Color Conversion
The hexadecimal color #f81584 has RGB values of R:248, G:21, B:132 and CMYK values of C:0, M:0.92, Y:0.47, K:0.03. Its decimal value is 16258436.
Hex triplet | f81584 | #f81584 |
---|---|---|
RGB Decimal | 248, 21, 132 | rgb(248,21,132) |
RGB Percent | 97.3, 8.2, 51.8 | rgb(97.3%,8.2%,51.8%) |
CMYK | 0, 92, 47, 3 | |
HSL | 330.7°, 94.2, 52.7 | hsl(330.7,94.2%,52.7%) |
HSV (or HSB) | 330.7°, 91.5, 97.3 | |
Web Safe | ff0099 | #ff0099 |
CIE-LAB | 54.2, 81.683, 0.5 |
---|---|
XYZ | 43.146, 22.164, 23.835 |
xyY | 0.484, 0.249, 22.164 |
CIE-LCH | 54.2, 81.685, 0.351 |
CIE-LUV | 54.2, 132.58, -15.637 |
Hunter-Lab | 47.078, 81.203, 2.938 |
Binary | 11111000, 00010101, 10000100 |
Color Schemes with #f81584
Alternatives to #f81584
Below, you can see some colors close to #f81584. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81584 Preview
This text has a font color of #f81584.
<span style="color:#f81584;">Text here</span>
This paragraph has a background color of #f81584.
<p style="background-color:#f81584;">Content here</p>
This element has a border color of #f81584.
<div style="border:1px solid #f81584;">Content here</div>
.text {color:#f81584;}
.background {background-color:#f81584;}
.border {border:1px solid #f81584;}
Shades and Tints of #f81584
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)
-
#34021a
#34021a
rgb(52,2,26)
-
#470224
#470224
rgb(71,2,36)
-
#5a032d
#5a032d
rgb(90,3,45)
-
#6d0337
#6d0337
rgb(109,3,55)
-
#800440
#800440
rgb(128,4,64)
-
#93044a
#93044a
rgb(147,4,74)
-
#a60554
#a60554
rgb(166,5,84)
-
#b9065d
#b9065d
rgb(185,6,93)
-
#cc0667
#cc0667
rgb(204,6,103)
-
#df0771
#df0771
rgb(223,7,113)
-
#f2077a
#f2077a
rgb(242,7,122)
-
#f81584
#f81584
rgb(248,21,132)
-
#f9288e
#f9288e
rgb(249,40,142)
-
#f93b98
#f93b98
rgb(249,59,152)
-
#fa4ea2
#fa4ea2
rgb(250,78,162)
-
#fa61ac
#fa61ac
rgb(250,97,172)
-
#fb74b6
#fb74b6
rgb(251,116,182)
-
#fb87c0
#fb87c0
rgb(251,135,192)
-
#fc9aca
#fc9aca
rgb(252,154,202)
-
#fdadd4
#fdadd4
rgb(253,173,212)
-
#fdc0de
#fdc0de
rgb(253,192,222)
-
#fed3e8
#fed3e8
rgb(254,211,232)
-
#fee7f2
#fee7f2
rgb(254,231,242)
-
#fffafc
#fffafc
rgb(255,250,252)
Tones of #f81584
A tone is produced by adding gray to any pure hue. In this case, #898486 is the less saturated color, while #f81584 is the most saturated one.
-
#898486
#898486
rgb(137,132,134)
-
#927b86
#927b86
rgb(146,123,134)
-
#9b7286
#9b7286
rgb(155,114,134)
-
#a56886
#a56886
rgb(165,104,134)
-
#ae5f86
#ae5f86
rgb(174,95,134)
-
#b75685
#b75685
rgb(183,86,133)
-
#c04d85
#c04d85
rgb(192,77,133)
-
#ca4385
#ca4385
rgb(202,67,133)
-
#d33a85
#d33a85
rgb(211,58,133)
-
#dc3185
#dc3185
rgb(220,49,133)
-
#e52884
#e52884
rgb(229,40,132)
-
#ef1e84
#ef1e84
rgb(239,30,132)
-
#f81584
#f81584
rgb(248,21,132)
Color Blindness Simulator
Below, you can see how #f81584 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.