#f81f59 Color Information
In a RGB color space, hex #f81f59 is composed of 97.3% red, 12.2% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.5% magenta, 64.1% yellow and 2.7% black. It has a hue angle of 344 degrees, a saturation of 93.9% and a lightness of 54.7%. #f81f59 color hex could be obtained by blending #ff3eb2 with #f10000. Closest websafe color is: #ff3366.
-
- R 97
- G 12
- B 35
-
- C 0
- M 88
- Y 64
- K 3
● #f81f59 color description : Vivid pink.
#f81f59 Color Conversion
The hexadecimal color #f81f59 has RGB values of R:248, G:31, B:89 and CMYK values of C:0, M:0.88, Y:0.64, K:0.03. Its decimal value is 16260953.
Hex triplet | f81f59 | #f81f59 |
---|---|---|
RGB Decimal | 248, 31, 89 | rgb(248,31,89) |
RGB Percent | 97.3, 12.2, 34.9 | rgb(97.3%,12.2%,34.9%) |
CMYK | 0, 88, 64, 3 | |
HSL | 344°, 93.9, 54.7 | hsl(344,93.9%,54.7%) |
HSV (or HSB) | 344°, 87.5, 97.3 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.667, 77.521, 25.652 |
---|---|
XYZ | 41.006, 21.663, 11.473 |
xyY | 0.553, 0.292, 21.663 |
CIE-LCH | 53.667, 81.655, 18.31 |
CIE-LUV | 53.667, 147.802, 12.998 |
Hunter-Lab | 46.543, 75.815, 17.965 |
Binary | 11111000, 00011111, 01011001 |
Color Schemes with #f81f59
Alternatives to #f81f59
Below, you can see some colors close to #f81f59. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81f59 Preview
This text has a font color of #f81f59.
<span style="color:#f81f59;">Text here</span>
This paragraph has a background color of #f81f59.
<p style="background-color:#f81f59;">Content here</p>
This element has a border color of #f81f59.
<div style="border:1px solid #f81f59;">Content here</div>
.text {color:#f81f59;}
.background {background-color:#f81f59;}
.border {border:1px solid #f81f59;}
Shades and Tints of #f81f59
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, #040001 is the darkest color, while #fff0f4 is the lightest one.
-
#040001
#040001
rgb(4,0,1)
-
#170107
#170107
rgb(23,1,7)
-
#2a010c
#2a010c
rgb(42,1,12)
-
#3d0212
#3d0212
rgb(61,2,18)
-
#500317
#500317
rgb(80,3,23)
-
#63031d
#63031d
rgb(99,3,29)
-
#760422
#760422
rgb(118,4,34)
-
#890428
#890428
rgb(137,4,40)
-
#9c052d
#9c052d
rgb(156,5,45)
-
#af0533
#af0533
rgb(175,5,51)
-
#c20638
#c20638
rgb(194,6,56)
-
#d5073e
#d5073e
rgb(213,7,62)
-
#e90743
#e90743
rgb(233,7,67)
-
#f70c4b
#f70c4b
rgb(247,12,75)
-
#f81f59
#f81f59
rgb(248,31,89)
-
#f93267
#f93267
rgb(249,50,103)
-
#f94575
#f94575
rgb(249,69,117)
-
#fa5883
#fa5883
rgb(250,88,131)
-
#fa6b91
#fa6b91
rgb(250,107,145)
-
#fb7e9f
#fb7e9f
rgb(251,126,159)
-
#fc91ae
#fc91ae
rgb(252,145,174)
-
#fca4bc
#fca4bc
rgb(252,164,188)
-
#fdb7ca
#fdb7ca
rgb(253,183,202)
-
#fdcad8
#fdcad8
rgb(253,202,216)
-
#fedde6
#fedde6
rgb(254,221,230)
-
#fff0f4
#fff0f4
rgb(255,240,244)
Tones of #f81f59
A tone is produced by adding gray to any pure hue. In this case, #8d8a8b is the less saturated color, while #f81f59 is the most saturated one.
-
#8d8a8b
#8d8a8b
rgb(141,138,139)
-
#968186
#968186
rgb(150,129,134)
-
#9f7882
#9f7882
rgb(159,120,130)
-
#a86f7e
#a86f7e
rgb(168,111,126)
-
#b1667a
#b1667a
rgb(177,102,122)
-
#ba5d76
#ba5d76
rgb(186,93,118)
-
#c35472
#c35472
rgb(195,84,114)
-
#cc4b6e
#cc4b6e
rgb(204,75,110)
-
#d4436a
#d4436a
rgb(212,67,106)
-
#dd3a65
#dd3a65
rgb(221,58,101)
-
#e63161
#e63161
rgb(230,49,97)
-
#ef285d
#ef285d
rgb(239,40,93)
-
#f81f59
#f81f59
rgb(248,31,89)
Color Blindness Simulator
Below, you can see how #f81f59 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.