#f81675 Color Information
In a RGB color space, hex #f81675 is composed of 97.3% red, 8.6% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.1% magenta, 52.8% yellow and 2.7% black. It has a hue angle of 334.8 degrees, a saturation of 94.2% and a lightness of 52.9%. #f81675 color hex could be obtained by blending #ff2cea with #f10000. Closest websafe color is: #ff0066.
-
- R 97
- G 9
- B 46
-
- C 0
- M 91
- Y 53
- K 3
● #f81675 color description : Vivid pink.
#f81675 Color Conversion
The hexadecimal color #f81675 has RGB values of R:248, G:22, B:117 and CMYK values of C:0, M:0.91, Y:0.53, K:0.03. Its decimal value is 16258677.
Hex triplet | f81675 | #f81675 |
---|---|---|
RGB Decimal | 248, 22, 117 | rgb(248,22,117) |
RGB Percent | 97.3, 8.6, 45.9 | rgb(97.3%,8.6%,45.9%) |
CMYK | 0, 91, 53, 3 | |
HSL | 334.8°, 94.2, 52.9 | hsl(334.8,94.2%,52.9%) |
HSV (or HSB) | 334.8°, 91.1, 97.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 53.835, 80.461, 9.002 |
---|---|
XYZ | 42.211, 21.82, 18.818 |
xyY | 0.509, 0.263, 21.82 |
CIE-LCH | 53.835, 80.963, 6.384 |
CIE-LUV | 53.835, 138.953, -5.118 |
Hunter-Lab | 46.711, 79.556, 8.813 |
Binary | 11111000, 00010110, 01110101 |
Color Schemes with #f81675
Alternatives to #f81675
Below, you can see some colors close to #f81675. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81675 Preview
This text has a font color of #f81675.
<span style="color:#f81675;">Text here</span>
This paragraph has a background color of #f81675.
<p style="background-color:#f81675;">Content here</p>
This element has a border color of #f81675.
<div style="border:1px solid #f81675;">Content here</div>
.text {color:#f81675;}
.background {background-color:#f81675;}
.border {border:1px solid #f81675;}
Shades and Tints of #f81675
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, #0f0006 is the darkest color, while #fffbfc is the lightest one.
-
#0f0006
#0f0006
rgb(15,0,6)
-
#22010f
#22010f
rgb(34,1,15)
-
#350217
#350217
rgb(53,2,23)
-
#48021f
#48021f
rgb(72,2,31)
-
#5b0328
#5b0328
rgb(91,3,40)
-
#6e0330
#6e0330
rgb(110,3,48)
-
#810438
#810438
rgb(129,4,56)
-
#940441
#940441
rgb(148,4,65)
-
#a70549
#a70549
rgb(167,5,73)
-
#ba0651
#ba0651
rgb(186,6,81)
-
#cd065a
#cd065a
rgb(205,6,90)
-
#e00762
#e00762
rgb(224,7,98)
-
#f3076a
#f3076a
rgb(243,7,106)
-
#f81675
#f81675
rgb(248,22,117)
-
#f92980
#f92980
rgb(249,41,128)
-
#f93c8c
#f93c8c
rgb(249,60,140)
-
#fa4f97
#fa4f97
rgb(250,79,151)
-
#fa62a2
#fa62a2
rgb(250,98,162)
-
#fb75ad
#fb75ad
rgb(251,117,173)
-
#fb88b9
#fb88b9
rgb(251,136,185)
-
#fc9bc4
#fc9bc4
rgb(252,155,196)
-
#fdaecf
#fdaecf
rgb(253,174,207)
-
#fdc1db
#fdc1db
rgb(253,193,219)
-
#fed4e6
#fed4e6
rgb(254,212,230)
-
#fee7f1
#fee7f1
rgb(254,231,241)
-
#fffbfc
#fffbfc
rgb(255,251,252)
Tones of #f81675
A tone is produced by adding gray to any pure hue. In this case, #898587 is the less saturated color, while #f81675 is the most saturated one.
-
#898587
#898587
rgb(137,133,135)
-
#927c85
#927c85
rgb(146,124,133)
-
#9c7284
#9c7284
rgb(156,114,132)
-
#a56982
#a56982
rgb(165,105,130)
-
#ae6081
#ae6081
rgb(174,96,129)
-
#b7577f
#b7577f
rgb(183,87,127)
-
#c14d7e
#c14d7e
rgb(193,77,126)
-
#ca447c
#ca447c
rgb(202,68,124)
-
#d33b7b
#d33b7b
rgb(211,59,123)
-
#dc3279
#dc3279
rgb(220,50,121)
-
#e62878
#e62878
rgb(230,40,120)
-
#ef1f76
#ef1f76
rgb(239,31,118)
-
#f81675
#f81675
rgb(248,22,117)
Color Blindness Simulator
Below, you can see how #f81675 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.