#f80f63 Color Information
In a RGB color space, hex #f80f63 is composed of 97.3% red, 5.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94% magenta, 60.1% yellow and 2.7% black. It has a hue angle of 338.4 degrees, a saturation of 94.3% and a lightness of 51.6%. #f80f63 color hex could be obtained by blending #ff1ec6 with #f10000. Closest websafe color is: #ff0066.
-
- R 97
- G 6
- B 39
-
- C 0
- M 94
- Y 60
- K 3
● #f80f63 color description : Vivid pink.
#f80f63 Color Conversion
The hexadecimal color #f80f63 has RGB values of R:248, G:15, B:99 and CMYK values of C:0, M:0.94, Y:0.6, K:0.03. Its decimal value is 16256867.
Hex triplet | f80f63 | #f80f63 |
---|---|---|
RGB Decimal | 248, 15, 99 | rgb(248,15,99) |
RGB Percent | 97.3, 5.9, 38.8 | rgb(97.3%,5.9%,38.8%) |
CMYK | 0, 94, 60, 3 | |
HSL | 338.4°, 94.3, 51.6 | hsl(338.4,94.3%,51.6%) |
HSV (or HSB) | 338.4°, 94, 97.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 53.172, 80.053, 18.969 |
---|---|
XYZ | 41.136, 21.204, 13.731 |
xyY | 0.541, 0.279, 21.204 |
CIE-LCH | 53.172, 82.27, 13.33 |
CIE-LUV | 53.172, 147.319, 5.732 |
Hunter-Lab | 46.048, 78.877, 14.554 |
Binary | 11111000, 00001111, 01100011 |
Color Schemes with #f80f63
Alternatives to #f80f63
Below, you can see some colors close to #f80f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f80f63 Preview
This text has a font color of #f80f63.
<span style="color:#f80f63;">Text here</span>
This paragraph has a background color of #f80f63.
<p style="background-color:#f80f63;">Content here</p>
This element has a border color of #f80f63.
<div style="border:1px solid #f80f63;">Content here</div>
.text {color:#f80f63;}
.background {background-color:#f80f63;}
.border {border:1px solid #f80f63;}
Shades and Tints of #f80f63
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, #080003 is the darkest color, while #fff4f8 is the lightest one.
-
#080003
#080003
rgb(8,0,3)
-
#1b010a
#1b010a
rgb(27,1,10)
-
#2e0111
#2e0111
rgb(46,1,17)
-
#410219
#410219
rgb(65,2,25)
-
#540220
#540220
rgb(84,2,32)
-
#670327
#670327
rgb(103,3,39)
-
#7a042e
#7a042e
rgb(122,4,46)
-
#8d0436
#8d0436
rgb(141,4,54)
-
#a0053d
#a0053d
rgb(160,5,61)
-
#b30544
#b30544
rgb(179,5,68)
-
#c6064b
#c6064b
rgb(198,6,75)
-
#d90652
#d90652
rgb(217,6,82)
-
#ec075a
#ec075a
rgb(236,7,90)
-
#f80f63
#f80f63
rgb(248,15,99)
-
#f9226f
#f9226f
rgb(249,34,111)
-
#f9357c
#f9357c
rgb(249,53,124)
-
#fa4888
#fa4888
rgb(250,72,136)
-
#fa5b95
#fa5b95
rgb(250,91,149)
-
#fb6ea1
#fb6ea1
rgb(251,110,161)
-
#fb81ad
#fb81ad
rgb(251,129,173)
-
#fc94ba
#fc94ba
rgb(252,148,186)
-
#fca7c6
#fca7c6
rgb(252,167,198)
-
#fdbbd2
#fdbbd2
rgb(253,187,210)
-
#fecedf
#fecedf
rgb(254,206,223)
-
#fee1eb
#fee1eb
rgb(254,225,235)
-
#fff4f8
#fff4f8
rgb(255,244,248)
Tones of #f80f63
A tone is produced by adding gray to any pure hue. In this case, #868183 is the less saturated color, while #f80f63 is the most saturated one.
-
#868183
#868183
rgb(134,129,131)
-
#907880
#907880
rgb(144,120,128)
-
#996e7e
#996e7e
rgb(153,110,126)
-
#a3657b
#a3657b
rgb(163,101,123)
-
#ac5b78
#ac5b78
rgb(172,91,120)
-
#b65276
#b65276
rgb(182,82,118)
-
#bf4873
#bf4873
rgb(191,72,115)
-
#c93f70
#c93f70
rgb(201,63,112)
-
#d2356e
#d2356e
rgb(210,53,110)
-
#dc2c6b
#dc2c6b
rgb(220,44,107)
-
#e52268
#e52268
rgb(229,34,104)
-
#ef1966
#ef1966
rgb(239,25,102)
-
#f80f63
#f80f63
rgb(248,15,99)
Color Blindness Simulator
Below, you can see how #f80f63 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.