#f30768 Color Information
In a RGB color space, hex #f30768 is composed of 95.3% red, 2.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.1% magenta, 57.2% yellow and 4.7% black. It has a hue angle of 335.3 degrees, a saturation of 94.4% and a lightness of 49%. #f30768 color hex could be obtained by blending #ff0ed0 with #e70000. Closest websafe color is: #ff0066.
-
- R 95
- G 3
- B 41
-
- C 0
- M 97
- Y 57
- K 5
● #f30768 color description : Vivid pink.
#f30768 Color Conversion
The hexadecimal color #f30768 has RGB values of R:243, G:7, B:104 and CMYK values of C:0, M:0.97, Y:0.57, K:0.05. Its decimal value is 15927144.
Hex triplet | f30768 | #f30768 |
---|---|---|
RGB Decimal | 243, 7, 104 | rgb(243,7,104) |
RGB Percent | 95.3, 2.7, 40.8 | rgb(95.3%,2.7%,40.8%) |
CMYK | 0, 97, 57, 5 | |
HSL | 335.3°, 94.4, 49 | hsl(335.3,94.4%,49%) |
HSV (or HSB) | 335.3°, 97.1, 95.3 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 52.075, 79.822, 14.272 |
---|---|
XYZ | 39.538, 20.211, 14.915 |
xyY | 0.53, 0.271, 20.211 |
CIE-LCH | 52.075, 81.087, 10.137 |
CIE-LUV | 52.075, 142.404, 0.773 |
Hunter-Lab | 44.957, 78.313, 11.799 |
Binary | 11110011, 00000111, 01101000 |
Color Schemes with #f30768
Alternatives to #f30768
Below, you can see some colors close to #f30768. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f30768 Preview
This text has a font color of #f30768.
<span style="color:#f30768;">Text here</span>
This paragraph has a background color of #f30768.
<p style="background-color:#f30768;">Content here</p>
This element has a border color of #f30768.
<div style="border:1px solid #f30768;">Content here</div>
.text {color:#f30768;}
.background {background-color:#f30768;}
.border {border:1px solid #f30768;}
Shades and Tints of #f30768
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, #0e0006 is the darkest color, while #fffafc is the lightest one.
-
#0e0006
#0e0006
rgb(14,0,6)
-
#21010e
#21010e
rgb(33,1,14)
-
#340216
#340216
rgb(52,2,22)
-
#47021f
#47021f
rgb(71,2,31)
-
#5a0327
#5a0327
rgb(90,3,39)
-
#6e032f
#6e032f
rgb(110,3,47)
-
#810437
#810437
rgb(129,4,55)
-
#94043f
#94043f
rgb(148,4,63)
-
#a70547
#a70547
rgb(167,5,71)
-
#ba0550
#ba0550
rgb(186,5,80)
-
#cd0658
#cd0658
rgb(205,6,88)
-
#e00660
#e00660
rgb(224,6,96)
-
#f30768
#f30768
rgb(243,7,104)
-
#f81573
#f81573
rgb(248,21,115)
-
#f9287e
#f9287e
rgb(249,40,126)
-
#f93b8a
#f93b8a
rgb(249,59,138)
-
#fa4f95
#fa4f95
rgb(250,79,149)
-
#fa62a0
#fa62a0
rgb(250,98,160)
-
#fb75ac
#fb75ac
rgb(251,117,172)
-
#fc88b7
#fc88b7
rgb(252,136,183)
-
#fc9bc3
#fc9bc3
rgb(252,155,195)
-
#fdaece
#fdaece
rgb(253,174,206)
-
#fdc1da
#fdc1da
rgb(253,193,218)
-
#fed4e5
#fed4e5
rgb(254,212,229)
-
#fee7f1
#fee7f1
rgb(254,231,241)
-
#fffafc
#fffafc
rgb(255,250,252)
Tones of #f30768
A tone is produced by adding gray to any pure hue. In this case, #807a7d is the less saturated color, while #f30768 is the most saturated one.
-
#807a7d
#807a7d
rgb(128,122,125)
-
#89717b
#89717b
rgb(137,113,123)
-
#936779
#936779
rgb(147,103,121)
-
#9c5e77
#9c5e77
rgb(156,94,119)
-
#a65476
#a65476
rgb(166,84,118)
-
#b04a74
#b04a74
rgb(176,74,116)
-
#b94172
#b94172
rgb(185,65,114)
-
#c33771
#c33771
rgb(195,55,113)
-
#cd2d6f
#cd2d6f
rgb(205,45,111)
-
#d6246d
#d6246d
rgb(214,36,109)
-
#e01a6b
#e01a6b
rgb(224,26,107)
-
#e9116a
#e9116a
rgb(233,17,106)
-
#f30768
#f30768
rgb(243,7,104)
Color Blindness Simulator
Below, you can see how #f30768 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.