#f81c63 Color Information
In a RGB color space, hex #f81c63 is composed of 97.3% red, 11% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 60.1% yellow and 2.7% black. It has a hue angle of 340.6 degrees, a saturation of 94% and a lightness of 54.1%. #f81c63 color hex could be obtained by blending #ff38c6 with #f10000. Closest websafe color is: #ff3366.
-
- R 97
- G 11
- B 39
-
- C 0
- M 89
- Y 60
- K 3
● #f81c63 color description : Vivid pink.
#f81c63 Color Conversion
The hexadecimal color #f81c63 has RGB values of R:248, G:28, B:99 and CMYK values of C:0, M:0.89, Y:0.6, K:0.03. Its decimal value is 16260195.
Hex triplet | f81c63 | #f81c63 |
---|---|---|
RGB Decimal | 248, 28, 99 | rgb(248,28,99) |
RGB Percent | 97.3, 11, 38.8 | rgb(97.3%,11%,38.8%) |
CMYK | 0, 89, 60, 3 | |
HSL | 340.6°, 94, 54.1 | hsl(340.6,94%,54.1%) |
HSV (or HSB) | 340.6°, 88.7, 97.3 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.7, 78.527, 19.68 |
---|---|
XYZ | 41.381, 21.693, 13.812 |
xyY | 0.538, 0.282, 21.693 |
CIE-LCH | 53.7, 80.956, 14.07 |
CIE-LUV | 53.7, 144.955, 6.937 |
Hunter-Lab | 46.576, 77.083, 15.02 |
Binary | 11111000, 00011100, 01100011 |
Color Schemes with #f81c63
Alternatives to #f81c63
Below, you can see some colors close to #f81c63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f81c63 Preview
This text has a font color of #f81c63.
<span style="color:#f81c63;">Text here</span>
This paragraph has a background color of #f81c63.
<p style="background-color:#f81c63;">Content here</p>
This element has a border color of #f81c63.
<div style="border:1px solid #f81c63;">Content here</div>
.text {color:#f81c63;}
.background {background-color:#f81c63;}
.border {border:1px solid #f81c63;}
Shades and Tints of #f81c63
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 #feedf3 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140107
#140107
rgb(20,1,7)
-
#27010e
#27010e
rgb(39,1,14)
-
#3a0214
#3a0214
rgb(58,2,20)
-
#4d021b
#4d021b
rgb(77,2,27)
-
#600321
#600321
rgb(96,3,33)
-
#740428
#740428
rgb(116,4,40)
-
#87042e
#87042e
rgb(135,4,46)
-
#9a0535
#9a0535
rgb(154,5,53)
-
#ad053b
#ad053b
rgb(173,5,59)
-
#c00642
#c00642
rgb(192,6,66)
-
#d30648
#d30648
rgb(211,6,72)
-
#e6074f
#e6074f
rgb(230,7,79)
-
#f70956
#f70956
rgb(247,9,86)
-
#f81c63
#f81c63
rgb(248,28,99)
-
#f92f70
#f92f70
rgb(249,47,112)
-
#f9427d
#f9427d
rgb(249,66,125)
-
#fa558a
#fa558a
rgb(250,85,138)
-
#fa6897
#fa6897
rgb(250,104,151)
-
#fb7ba4
#fb7ba4
rgb(251,123,164)
-
#fc8eb1
#fc8eb1
rgb(252,142,177)
-
#fca1bf
#fca1bf
rgb(252,161,191)
-
#fdb4cc
#fdb4cc
rgb(253,180,204)
-
#fdc7d9
#fdc7d9
rgb(253,199,217)
-
#fedae6
#fedae6
rgb(254,218,230)
-
#feedf3
#feedf3
rgb(254,237,243)
Tones of #f81c63
A tone is produced by adding gray to any pure hue. In this case, #8c8889 is the less saturated color, while #f81c63 is the most saturated one.
-
#8c8889
#8c8889
rgb(140,136,137)
-
#957f86
#957f86
rgb(149,127,134)
-
#9e7683
#9e7683
rgb(158,118,131)
-
#a76d80
#a76d80
rgb(167,109,128)
-
#b0647d
#b0647d
rgb(176,100,125)
-
#b95b79
#b95b79
rgb(185,91,121)
-
#c25276
#c25276
rgb(194,82,118)
-
#cb4973
#cb4973
rgb(203,73,115)
-
#d44070
#d44070
rgb(212,64,112)
-
#dd376d
#dd376d
rgb(221,55,109)
-
#e62e69
#e62e69
rgb(230,46,105)
-
#ef2566
#ef2566
rgb(239,37,102)
-
#f81c63
#f81c63
rgb(248,28,99)
Color Blindness Simulator
Below, you can see how #f81c63 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.