#f80157 Color Information
In a RGB color space, hex #f80157 is composed of 97.3% red, 0.4% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 64.9% yellow and 2.7% black. It has a hue angle of 339.1 degrees, a saturation of 99.2% and a lightness of 48.8%. #f80157 color hex could be obtained by blending #ff02ae with #f10000. Closest websafe color is: #ff0066.
-
- R 97
- G 0
- B 34
-
- C 0
- M 100
- Y 65
- K 3
● #f80157 color description : Vivid pink.
#f80157 Color Conversion
The hexadecimal color #f80157 has RGB values of R:248, G:1, B:87 and CMYK values of C:0, M:1, Y:0.65, K:0.03. Its decimal value is 16253271.
Hex triplet | f80157 | #f80157 |
---|---|---|
RGB Decimal | 248, 1, 87 | rgb(248,1,87) |
RGB Percent | 97.3, 0.4, 34.1 | rgb(97.3%,0.4%,34.1%) |
CMYK | 0, 100, 65, 3 | |
HSL | 339.1°, 99.2, 48.8 | hsl(339.1,99.2%,48.8%) |
HSV (or HSB) | 339.1°, 99.6, 97.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.588, 80.439, 25.456 |
---|---|
XYZ | 40.444, 20.671, 10.877 |
xyY | 0.562, 0.287, 20.671 |
CIE-LCH | 52.588, 84.371, 17.561 |
CIE-LUV | 52.588, 153.407, 11.779 |
Hunter-Lab | 45.466, 79.221, 17.642 |
Binary | 11111000, 00000001, 01010111 |
Color Schemes with #f80157
Alternatives to #f80157
Below, you can see some colors close to #f80157. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f80157 Preview
This text has a font color of #f80157.
<span style="color:#f80157;">Text here</span>
This paragraph has a background color of #f80157.
<p style="background-color:#f80157;">Content here</p>
This element has a border color of #f80157.
<div style="border:1px solid #f80157;">Content here</div>
.text {color:#f80157;}
.background {background-color:#f80157;}
.border {border:1px solid #f80157;}
Shades and Tints of #f80157
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, #0e0005 is the darkest color, while #fff9fb is the lightest one.
-
#0e0005
#0e0005
rgb(14,0,5)
-
#21000c
#21000c
rgb(33,0,12)
-
#350012
#350012
rgb(53,0,18)
-
#480019
#480019
rgb(72,0,25)
-
#5c0020
#5c0020
rgb(92,0,32)
-
#6f0027
#6f0027
rgb(111,0,39)
-
#83012e
#83012e
rgb(131,1,46)
-
#960135
#960135
rgb(150,1,53)
-
#aa013c
#aa013c
rgb(170,1,60)
-
#bd0142
#bd0142
rgb(189,1,66)
-
#d10149
#d10149
rgb(209,1,73)
-
#e40150
#e40150
rgb(228,1,80)
-
#f80157
#f80157
rgb(248,1,87)
-
#fe0f62
#fe0f62
rgb(254,15,98)
-
#fe226f
#fe226f
rgb(254,34,111)
-
#fe367b
#fe367b
rgb(254,54,123)
-
#fe4988
#fe4988
rgb(254,73,136)
-
#fe5d95
#fe5d95
rgb(254,93,149)
-
#fe70a2
#fe70a2
rgb(254,112,162)
-
#ff84af
#ff84af
rgb(255,132,175)
-
#ff97bb
#ff97bb
rgb(255,151,187)
-
#ffabc8
#ffabc8
rgb(255,171,200)
-
#ffbed5
#ffbed5
rgb(255,190,213)
-
#ffd2e2
#ffd2e2
rgb(255,210,226)
-
#ffe5ee
#ffe5ee
rgb(255,229,238)
-
#fff9fb
#fff9fb
rgb(255,249,251)
Tones of #f80157
A tone is produced by adding gray to any pure hue. In this case, #85747a is the less saturated color, while #f80157 is the most saturated one.
-
#85747a
#85747a
rgb(133,116,122)
-
#8f6a77
#8f6a77
rgb(143,106,119)
-
#986174
#986174
rgb(152,97,116)
-
#a25771
#a25771
rgb(162,87,113)
-
#ab4e6e
#ab4e6e
rgb(171,78,110)
-
#b5446b
#b5446b
rgb(181,68,107)
-
#bf3a68
#bf3a68
rgb(191,58,104)
-
#c83166
#c83166
rgb(200,49,102)
-
#d22763
#d22763
rgb(210,39,99)
-
#db1e60
#db1e60
rgb(219,30,96)
-
#e5145d
#e5145d
rgb(229,20,93)
-
#ee0b5a
#ee0b5a
rgb(238,11,90)
-
#f80157
#f80157
rgb(248,1,87)
Color Blindness Simulator
Below, you can see how #f80157 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.