#f80877 Color Information
In a RGB color space, hex #f80877 is composed of 97.3% red, 3.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.8% magenta, 52% yellow and 2.7% black. It has a hue angle of 332.3 degrees, a saturation of 94.5% and a lightness of 50.2%. #f80877 color hex could be obtained by blending #ff10ee with #f10000. Closest websafe color is: #ff0066.
-
- R 97
- G 3
- B 47
-
- C 0
- M 97
- Y 52
- K 3
● #f80877 color description : Vivid pink.
#f80877 Color Conversion
The hexadecimal color #f80877 has RGB values of R:248, G:8, B:119 and CMYK values of C:0, M:0.97, Y:0.52, K:0.03. Its decimal value is 16255095.
Hex triplet | f80877 | #f80877 |
---|---|---|
RGB Decimal | 248, 8, 119 | rgb(248,8,119) |
RGB Percent | 97.3, 3.1, 46.7 | rgb(97.3%,3.1%,46.7%) |
CMYK | 0, 97, 52, 3 | |
HSL | 332.3°, 94.5, 50.2 | hsl(332.3,94.5%,50.2%) |
HSV (or HSB) | 332.3°, 96.8, 97.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 53.457, 81.846, 7.257 |
---|---|
XYZ | 42.13, 21.467, 19.377 |
xyY | 0.508, 0.259, 21.467 |
CIE-LCH | 53.457, 82.167, 5.067 |
CIE-LUV | 53.457, 139.851, -7.503 |
Hunter-Lab | 46.333, 81.226, 7.637 |
Binary | 11111000, 00001000, 01110111 |
Color Schemes with #f80877
Alternatives to #f80877
Below, you can see some colors close to #f80877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f80877 Preview
This text has a font color of #f80877.
<span style="color:#f80877;">Text here</span>
This paragraph has a background color of #f80877.
<p style="background-color:#f80877;">Content here</p>
This element has a border color of #f80877.
<div style="border:1px solid #f80877;">Content here</div>
.text {color:#f80877;}
.background {background-color:#f80877;}
.border {border:1px solid #f80877;}
Shades and Tints of #f80877
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, #010000 is the darkest color, while #feedf5 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#14010a
#14010a
rgb(20,1,10)
-
#270113
#270113
rgb(39,1,19)
-
#3a021c
#3a021c
rgb(58,2,28)
-
#4d0225
#4d0225
rgb(77,2,37)
-
#60032e
#60032e
rgb(96,3,46)
-
#730337
#730337
rgb(115,3,55)
-
#860440
#860440
rgb(134,4,64)
-
#9a0449
#9a0449
rgb(154,4,73)
-
#ad0552
#ad0552
rgb(173,5,82)
-
#c0055c
#c0055c
rgb(192,5,92)
-
#d30665
#d30665
rgb(211,6,101)
-
#e6076e
#e6076e
rgb(230,7,110)
-
#f80877
#f80877
rgb(248,8,119)
-
#f91b82
#f91b82
rgb(249,27,130)
-
#f92e8c
#f92e8c
rgb(249,46,140)
-
#fa4197
#fa4197
rgb(250,65,151)
-
#fa54a1
#fa54a1
rgb(250,84,161)
-
#fb67ac
#fb67ac
rgb(251,103,172)
-
#fb7ab6
#fb7ab6
rgb(251,122,182)
-
#fc8ec1
#fc8ec1
rgb(252,142,193)
-
#fca1cb
#fca1cb
rgb(252,161,203)
-
#fdb4d6
#fdb4d6
rgb(253,180,214)
-
#fdc7e0
#fdc7e0
rgb(253,199,224)
-
#fedaeb
#fedaeb
rgb(254,218,235)
-
#feedf5
#feedf5
rgb(254,237,245)
Tones of #f80877
A tone is produced by adding gray to any pure hue. In this case, #837d80 is the less saturated color, while #f80877 is the most saturated one.
-
#837d80
#837d80
rgb(131,125,128)
-
#8d737f
#8d737f
rgb(141,115,127)
-
#966a7e
#966a7e
rgb(150,106,126)
-
#a0607e
#a0607e
rgb(160,96,126)
-
#aa567d
#aa567d
rgb(170,86,125)
-
#b44c7c
#b44c7c
rgb(180,76,124)
-
#bd437b
#bd437b
rgb(189,67,123)
-
#c7397b
#c7397b
rgb(199,57,123)
-
#d12f7a
#d12f7a
rgb(209,47,122)
-
#db2579
#db2579
rgb(219,37,121)
-
#e41c78
#e41c78
rgb(228,28,120)
-
#ee1278
#ee1278
rgb(238,18,120)
-
#f80877
#f80877
rgb(248,8,119)
Color Blindness Simulator
Below, you can see how #f80877 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.