#f30576 Color Information
In a RGB color space, hex #f30576 is composed of 95.3% red, 2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.9% magenta, 51.4% yellow and 4.7% black. It has a hue angle of 331.5 degrees, a saturation of 96% and a lightness of 48.6%. #f30576 color hex could be obtained by blending #ff0aec with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 2
- B 46
-
- C 0
- M 98
- Y 51
- K 5
● #f30576 color description : Vivid pink.
#f30576 Color Conversion
The hexadecimal color #f30576 has RGB values of R:243, G:5, B:118 and CMYK values of C:0, M:0.98, Y:0.51, K:0.05. Its decimal value is 15926646.
Hex triplet | f30576 | #f30576 |
---|---|---|
RGB Decimal | 243, 5, 118 | rgb(243,5,118) |
RGB Percent | 95.3, 2, 46.3 | rgb(95.3%,2%,46.3%) |
CMYK | 0, 98, 51, 5 | |
HSL | 331.5°, 96, 48.6 | hsl(331.5,96%,48.6%) |
HSV (or HSB) | 331.5°, 97.9, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.371, 80.888, 6.179 |
---|---|
XYZ | 40.288, 20.476, 18.969 |
xyY | 0.505, 0.257, 20.476 |
CIE-LCH | 52.371, 81.124, 4.368 |
CIE-LUV | 52.371, 136.655, -8.556 |
Hunter-Lab | 45.25, 79.736, 6.82 |
Binary | 11110011, 00000101, 01110110 |
Color Schemes with #f30576
Alternatives to #f30576
Below, you can see some colors close to #f30576. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f30576 Preview
This text has a font color of #f30576.
<span style="color:#f30576;">Text here</span>
This paragraph has a background color of #f30576.
<p style="background-color:#f30576;">Content here</p>
This element has a border color of #f30576.
<div style="border:1px solid #f30576;">Content here</div>
.text {color:#f30576;}
.background {background-color:#f30576;}
.border {border:1px solid #f30576;}
Shades and Tints of #f30576
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, #0c0006 is the darkest color, while #fff8fb is the lightest one.
-
#0c0006
#0c0006
rgb(12,0,6)
-
#20010f
#20010f
rgb(32,1,15)
-
#330119
#330119
rgb(51,1,25)
-
#460122
#460122
rgb(70,1,34)
-
#59022b
#59022b
rgb(89,2,43)
-
#6c0235
#6c0235
rgb(108,2,53)
-
#80033e
#80033e
rgb(128,3,62)
-
#930347
#930347
rgb(147,3,71)
-
#a60351
#a60351
rgb(166,3,81)
-
#b9045a
#b9045a
rgb(185,4,90)
-
#cd0463
#cd0463
rgb(205,4,99)
-
#e0056d
#e0056d
rgb(224,5,109)
-
#f30576
#f30576
rgb(243,5,118)
-
#fa1280
#fa1280
rgb(250,18,128)
-
#fb258a
#fb258a
rgb(251,37,138)
-
#fb3895
#fb3895
rgb(251,56,149)
-
#fb4b9f
#fb4b9f
rgb(251,75,159)
-
#fc5ea9
#fc5ea9
rgb(252,94,169)
-
#fc72b3
#fc72b3
rgb(252,114,179)
-
#fc85be
#fc85be
rgb(252,133,190)
-
#fd98c8
#fd98c8
rgb(253,152,200)
-
#fdabd2
#fdabd2
rgb(253,171,210)
-
#febedc
#febedc
rgb(254,190,220)
-
#fed2e7
#fed2e7
rgb(254,210,231)
-
#fee5f1
#fee5f1
rgb(254,229,241)
-
#fff8fb
#fff8fb
rgb(255,248,251)
Tones of #f30576
A tone is produced by adding gray to any pure hue. In this case, #81777c is the less saturated color, while #f30576 is the most saturated one.
-
#81777c
#81777c
rgb(129,119,124)
-
#8a6e7b
#8a6e7b
rgb(138,110,123)
-
#94647b
#94647b
rgb(148,100,123)
-
#9d5b7a
#9d5b7a
rgb(157,91,122)
-
#a7517a
#a7517a
rgb(167,81,122)
-
#b04879
#b04879
rgb(176,72,121)
-
#ba3e79
#ba3e79
rgb(186,62,121)
-
#c33578
#c33578
rgb(195,53,120)
-
#cd2b78
#cd2b78
rgb(205,43,120)
-
#d62277
#d62277
rgb(214,34,119)
-
#e01877
#e01877
rgb(224,24,119)
-
#e90f76
#e90f76
rgb(233,15,118)
-
#f30576
#f30576
rgb(243,5,118)
Color Blindness Simulator
Below, you can see how #f30576 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.