#f30f57 Color Information
In a RGB color space, hex #f30f57 is composed of 95.3% red, 5.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 64.2% yellow and 4.7% black. It has a hue angle of 341.1 degrees, a saturation of 90.5% and a lightness of 50.6%. #f30f57 color hex could be obtained by blending #ff1eae with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 6
- B 34
-
- C 0
- M 94
- Y 64
- K 5
● #f30f57 color description : Vivid pink.
#f30f57 Color Conversion
The hexadecimal color #f30f57 has RGB values of R:243, G:15, B:87 and CMYK values of C:0, M:0.94, Y:0.64, K:0.05. Its decimal value is 15929175.
Hex triplet | f30f57 | #f30f57 |
---|---|---|
RGB Decimal | 243, 15, 87 | rgb(243,15,87) |
RGB Percent | 95.3, 5.9, 34.1 | rgb(95.3%,5.9%,34.1%) |
CMYK | 0, 94, 64, 5 | |
HSL | 341.1°, 90.5, 50.6 | hsl(341.1,90.5%,50.6%) |
HSV (or HSB) | 341.1°, 93.8, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 51.938, 78.248, 24.417 |
---|---|
XYZ | 38.855, 20.089, 10.848 |
xyY | 0.557, 0.288, 20.089 |
CIE-LCH | 51.938, 81.97, 17.33 |
CIE-LUV | 51.938, 147.954, 11.297 |
Hunter-Lab | 44.821, 76.303, 17.025 |
Binary | 11110011, 00001111, 01010111 |
Color Schemes with #f30f57
Alternatives to #f30f57
Below, you can see some colors close to #f30f57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f30f57 Preview
This text has a font color of #f30f57.
<span style="color:#f30f57;">Text here</span>
This paragraph has a background color of #f30f57.
<p style="background-color:#f30f57;">Content here</p>
This element has a border color of #f30f57.
<div style="border:1px solid #f30f57;">Content here</div>
.text {color:#f30f57;}
.background {background-color:#f30f57;}
.border {border:1px solid #f30f57;}
Shades and Tints of #f30f57
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)
-
#28020e
#28020e
rgb(40,2,14)
-
#3b0315
#3b0315
rgb(59,3,21)
-
#4e041b
#4e041b
rgb(78,4,27)
-
#600522
#600522
rgb(96,5,34)
-
#730628
#730628
rgb(115,6,40)
-
#86072f
#86072f
rgb(134,7,47)
-
#980835
#980835
rgb(152,8,53)
-
#ab093c
#ab093c
rgb(171,9,60)
-
#be0942
#be0942
rgb(190,9,66)
-
#d00a49
#d00a49
rgb(208,10,73)
-
#e30b4f
#e30b4f
rgb(227,11,79)
-
#f30f57
#f30f57
rgb(243,15,87)
-
#f42264
#f42264
rgb(244,34,100)
-
#f53471
#f53471
rgb(245,52,113)
-
#f6477e
#f6477e
rgb(246,71,126)
-
#f75a8b
#f75a8b
rgb(247,90,139)
-
#f86c98
#f86c98
rgb(248,108,152)
-
#f97fa5
#f97fa5
rgb(249,127,165)
-
#fa92b3
#fa92b3
rgb(250,146,179)
-
#faa4c0
#faa4c0
rgb(250,164,192)
-
#fbb7cd
#fbb7cd
rgb(251,183,205)
-
#fccada
#fccada
rgb(252,202,218)
-
#fddce7
#fddce7
rgb(253,220,231)
-
#feeff4
#feeff4
rgb(254,239,244)
Tones of #f30f57
A tone is produced by adding gray to any pure hue. In this case, #887a7e is the less saturated color, while #fd0553 is the most saturated one.
-
#887a7e
#887a7e
rgb(136,122,126)
-
#92707b
#92707b
rgb(146,112,123)
-
#9c6677
#9c6677
rgb(156,102,119)
-
#a55d74
#a55d74
rgb(165,93,116)
-
#af5370
#af5370
rgb(175,83,112)
-
#b9496c
#b9496c
rgb(185,73,108)
-
#c33f69
#c33f69
rgb(195,63,105)
-
#cc3665
#cc3665
rgb(204,54,101)
-
#d62c62
#d62c62
rgb(214,44,98)
-
#e0225e
#e0225e
rgb(224,34,94)
-
#e9195b
#e9195b
rgb(233,25,91)
-
#f30f57
#f30f57
rgb(243,15,87)
-
#fd0553
#fd0553
rgb(253,5,83)
Color Blindness Simulator
Below, you can see how #f30f57 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.