#f30f5e Color Information
In a RGB color space, hex #f30f5e is composed of 95.3% red, 5.9% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 61.3% yellow and 4.7% black. It has a hue angle of 339.2 degrees, a saturation of 90.5% and a lightness of 50.6%. #f30f5e color hex could be obtained by blending #ff1ebc with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 6
- B 37
-
- C 0
- M 94
- Y 61
- K 5
● #f30f5e color description : Vivid pink.
#f30f5e Color Conversion
The hexadecimal color #f30f5e has RGB values of R:243, G:15, B:94 and CMYK values of C:0, M:0.94, Y:0.61, K:0.05. Its decimal value is 15929182.
Hex triplet | f30f5e | #f30f5e |
---|---|---|
RGB Decimal | 243, 15, 94 | rgb(243,15,94) |
RGB Percent | 95.3, 5.9, 36.9 | rgb(95.3%,5.9%,36.9%) |
CMYK | 0, 94, 61, 5 | |
HSL | 339.2°, 90.5, 50.6 | hsl(339.2,90.5%,50.6%) |
HSV (or HSB) | 339.2°, 93.8, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.073, 78.619, 20.351 |
---|---|
XYZ | 39.155, 20.209, 12.428 |
xyY | 0.545, 0.281, 20.209 |
CIE-LCH | 52.073, 81.21, 14.513 |
CIE-LUV | 52.073, 145.392, 7.335 |
Hunter-Lab | 44.955, 76.801, 15.077 |
Binary | 11110011, 00001111, 01011110 |
Color Schemes with #f30f5e
Alternatives to #f30f5e
Below, you can see some colors close to #f30f5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f30f5e Preview
This text has a font color of #f30f5e.
<span style="color:#f30f5e;">Text here</span>
This paragraph has a background color of #f30f5e.
<p style="background-color:#f30f5e;">Content here</p>
This element has a border color of #f30f5e.
<div style="border:1px solid #f30f5e;">Content here</div>
.text {color:#f30f5e;}
.background {background-color:#f30f5e;}
.border {border:1px solid #f30f5e;}
Shades and Tints of #f30f5e
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, #030001 is the darkest color, while #feeff4 is the lightest one.
-
#030001
#030001
rgb(3,0,1)
-
#160108
#160108
rgb(22,1,8)
-
#28020f
#28020f
rgb(40,2,15)
-
#3b0316
#3b0316
rgb(59,3,22)
-
#4e041d
#4e041d
rgb(78,4,29)
-
#600525
#600525
rgb(96,5,37)
-
#73062c
#73062c
rgb(115,6,44)
-
#860733
#860733
rgb(134,7,51)
-
#98083a
#98083a
rgb(152,8,58)
-
#ab0941
#ab0941
rgb(171,9,65)
-
#be0948
#be0948
rgb(190,9,72)
-
#d00a4f
#d00a4f
rgb(208,10,79)
-
#e30b56
#e30b56
rgb(227,11,86)
-
#f30f5e
#f30f5e
rgb(243,15,94)
-
#f4226b
#f4226b
rgb(244,34,107)
-
#f53477
#f53477
rgb(245,52,119)
-
#f64784
#f64784
rgb(246,71,132)
-
#f75a90
#f75a90
rgb(247,90,144)
-
#f86c9d
#f86c9d
rgb(248,108,157)
-
#f97fa9
#f97fa9
rgb(249,127,169)
-
#fa92b6
#fa92b6
rgb(250,146,182)
-
#faa4c2
#faa4c2
rgb(250,164,194)
-
#fbb7cf
#fbb7cf
rgb(251,183,207)
-
#fccadb
#fccadb
rgb(252,202,219)
-
#fddce8
#fddce8
rgb(253,220,232)
-
#feeff4
#feeff4
rgb(254,239,244)
Tones of #f30f5e
A tone is produced by adding gray to any pure hue. In this case, #887a7f is the less saturated color, while #fd055b is the most saturated one.
-
#887a7f
#887a7f
rgb(136,122,127)
-
#92707c
#92707c
rgb(146,112,124)
-
#9c6679
#9c6679
rgb(156,102,121)
-
#a55d76
#a55d76
rgb(165,93,118)
-
#af5373
#af5373
rgb(175,83,115)
-
#b94970
#b94970
rgb(185,73,112)
-
#c33f6d
#c33f6d
rgb(195,63,109)
-
#cc366a
#cc366a
rgb(204,54,106)
-
#d62c67
#d62c67
rgb(214,44,103)
-
#e02264
#e02264
rgb(224,34,100)
-
#e91961
#e91961
rgb(233,25,97)
-
#f30f5e
#f30f5e
rgb(243,15,94)
-
#fd055b
#fd055b
rgb(253,5,91)
Color Blindness Simulator
Below, you can see how #f30f5e 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.