#f30676 Color Information
In a RGB color space, hex #f30676 is composed of 95.3% red, 2.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.5% magenta, 51.4% yellow and 4.7% black. It has a hue angle of 331.6 degrees, a saturation of 95.2% and a lightness of 48.8%. #f30676 color hex could be obtained by blending #ff0cec with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 2
- B 46
-
- C 0
- M 98
- Y 51
- K 5
● #f30676 color description : Vivid pink.
#f30676 Color Conversion
The hexadecimal color #f30676 has RGB values of R:243, G:6, B:118 and CMYK values of C:0, M:0.98, Y:0.51, K:0.05. Its decimal value is 15926902.
Hex triplet | f30676 | #f30676 |
---|---|---|
RGB Decimal | 243, 6, 118 | rgb(243,6,118) |
RGB Percent | 95.3, 2.4, 46.3 | rgb(95.3%,2.4%,46.3%) |
CMYK | 0, 98, 51, 5 | |
HSL | 331.6°, 95.2, 48.8 | hsl(331.6,95.2%,48.8%) |
HSV (or HSB) | 331.6°, 97.5, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.395, 80.818, 6.214 |
---|---|
XYZ | 40.299, 20.498, 18.973 |
xyY | 0.505, 0.257, 20.498 |
CIE-LCH | 52.395, 81.056, 4.397 |
CIE-LUV | 52.395, 136.558, -8.498 |
Hunter-Lab | 45.274, 79.653, 6.846 |
Binary | 11110011, 00000110, 01110110 |
Color Schemes with #f30676
Alternatives to #f30676
Below, you can see some colors close to #f30676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f30676 Preview
This text has a font color of #f30676.
<span style="color:#f30676;">Text here</span>
This paragraph has a background color of #f30676.
<p style="background-color:#f30676;">Content here</p>
This element has a border color of #f30676.
<div style="border:1px solid #f30676;">Content here</div>
.text {color:#f30676;}
.background {background-color:#f30676;}
.border {border:1px solid #f30676;}
Shades and Tints of #f30676
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, #0d0006 is the darkest color, while #fff9fc is the lightest one.
-
#0d0006
#0d0006
rgb(13,0,6)
-
#200110
#200110
rgb(32,1,16)
-
#340119
#340119
rgb(52,1,25)
-
#470222
#470222
rgb(71,2,34)
-
#5a022c
#5a022c
rgb(90,2,44)
-
#6d0335
#6d0335
rgb(109,3,53)
-
#80033e
#80033e
rgb(128,3,62)
-
#930448
#930448
rgb(147,4,72)
-
#a60451
#a60451
rgb(166,4,81)
-
#ba055a
#ba055a
rgb(186,5,90)
-
#cd0563
#cd0563
rgb(205,5,99)
-
#e0066d
#e0066d
rgb(224,6,109)
-
#f30676
#f30676
rgb(243,6,118)
-
#f91380
#f91380
rgb(249,19,128)
-
#fa278a
#fa278a
rgb(250,39,138)
-
#fa3a95
#fa3a95
rgb(250,58,149)
-
#fb4d9f
#fb4d9f
rgb(251,77,159)
-
#fb60a9
#fb60a9
rgb(251,96,169)
-
#fc73b4
#fc73b4
rgb(252,115,180)
-
#fc86be
#fc86be
rgb(252,134,190)
-
#fc99c8
#fc99c8
rgb(252,153,200)
-
#fdadd3
#fdadd3
rgb(253,173,211)
-
#fdc0dd
#fdc0dd
rgb(253,192,221)
-
#fed3e7
#fed3e7
rgb(254,211,231)
-
#fee6f2
#fee6f2
rgb(254,230,242)
-
#fff9fc
#fff9fc
rgb(255,249,252)
Tones of #f30676
A tone is produced by adding gray to any pure hue. In this case, #80797c is the less saturated color, while #f30676 is the most saturated one.
-
#80797c
#80797c
rgb(128,121,124)
-
#8a6f7c
#8a6f7c
rgb(138,111,124)
-
#93667b
#93667b
rgb(147,102,123)
-
#9d5c7b
#9d5c7b
rgb(157,92,123)
-
#a6537a
#a6537a
rgb(166,83,122)
-
#b0497a
#b0497a
rgb(176,73,122)
-
#ba3f79
#ba3f79
rgb(186,63,121)
-
#c33679
#c33679
rgb(195,54,121)
-
#cd2c78
#cd2c78
rgb(205,44,120)
-
#d62378
#d62378
rgb(214,35,120)
-
#e01977
#e01977
rgb(224,25,119)
-
#e91077
#e91077
rgb(233,16,119)
-
#f30676
#f30676
rgb(243,6,118)
Color Blindness Simulator
Below, you can see how #f30676 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.