#f306f3 Color Information
In a RGB color space, hex #f306f3 is composed of 95.3% red, 2.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 300 degrees, a saturation of 95.2% and a lightness of 48.8%. #f306f3 color hex could be obtained by blending #ff0cff with #e700e7. Closest websafe color is: #ff00ff.
-
- R 95
- G 2
- B 95
-
- C 0
- M 98
- Y 0
- K 5
● #f306f3 color description : Vivid magenta.
#f306f3 Color Conversion
The hexadecimal color #f306f3 has RGB values of R:243, G:6, B:243 and CMYK values of C:0, M:0.98, Y:0, K:0.05. Its decimal value is 15927027.
Hex triplet | f306f3 | #f306f3 |
---|---|---|
RGB Decimal | 243, 6, 243 | rgb(243,6,243) |
RGB Percent | 95.3, 2.4, 95.3 | rgb(95.3%,2.4%,95.3%) |
CMYK | 0, 98, 0, 5 | |
HSL | 300°, 95.2, 48.8 | hsl(300,95.2%,48.8%) |
HSV (or HSB) | 300°, 97.5, 95.3 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 57.713, 94.344, -58.454 |
---|---|
XYZ | 53.204, 25.66, 86.94 |
xyY | 0.321, 0.155, 25.66 |
CIE-LCH | 57.713, 110.985, 328.218 |
CIE-LUV | 57.713, 80.017, -103.473 |
Hunter-Lab | 50.655, 98.833, -66.3 |
Binary | 11110011, 00000110, 11110011 |
Color Schemes with #f306f3
Alternatives to #f306f3
Below, you can see some colors close to #f306f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f306f3 Preview
This text has a font color of #f306f3.
<span style="color:#f306f3;">Text here</span>
This paragraph has a background color of #f306f3.
<p style="background-color:#f306f3;">Content here</p>
This element has a border color of #f306f3.
<div style="border:1px solid #f306f3;">Content here</div>
.text {color:#f306f3;}
.background {background-color:#f306f3;}
.border {border:1px solid #f306f3;}
Shades and Tints of #f306f3
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, #0d000d is the darkest color, while #fff9ff is the lightest one.
-
#0d000d
#0d000d
rgb(13,0,13)
-
#200120
#200120
rgb(32,1,32)
-
#340134
#340134
rgb(52,1,52)
-
#470247
#470247
rgb(71,2,71)
-
#5a025a
#5a025a
rgb(90,2,90)
-
#6d036d
#6d036d
rgb(109,3,109)
-
#800380
#800380
rgb(128,3,128)
-
#930493
#930493
rgb(147,4,147)
-
#a604a6
#a604a6
rgb(166,4,166)
-
#ba05ba
#ba05ba
rgb(186,5,186)
-
#cd05cd
#cd05cd
rgb(205,5,205)
-
#e006e0
#e006e0
rgb(224,6,224)
-
#f306f3
#f306f3
rgb(243,6,243)
-
#f913f9
#f913f9
rgb(249,19,249)
-
#fa27fa
#fa27fa
rgb(250,39,250)
-
#fa3afa
#fa3afa
rgb(250,58,250)
-
#fb4dfb
#fb4dfb
rgb(251,77,251)
-
#fb60fb
#fb60fb
rgb(251,96,251)
-
#fc73fc
#fc73fc
rgb(252,115,252)
-
#fc86fc
#fc86fc
rgb(252,134,252)
-
#fc99fc
#fc99fc
rgb(252,153,252)
-
#fdadfd
#fdadfd
rgb(253,173,253)
-
#fdc0fd
#fdc0fd
rgb(253,192,253)
-
#fed3fe
#fed3fe
rgb(254,211,254)
-
#fee6fe
#fee6fe
rgb(254,230,254)
-
#fff9ff
#fff9ff
rgb(255,249,255)
Tones of #f306f3
A tone is produced by adding gray to any pure hue. In this case, #807980 is the less saturated color, while #f306f3 is the most saturated one.
-
#807980
#807980
rgb(128,121,128)
-
#8a6f8a
#8a6f8a
rgb(138,111,138)
-
#936693
#936693
rgb(147,102,147)
-
#9d5c9d
#9d5c9d
rgb(157,92,157)
-
#a653a6
#a653a6
rgb(166,83,166)
-
#b049b0
#b049b0
rgb(176,73,176)
-
#ba3fba
#ba3fba
rgb(186,63,186)
-
#c336c3
#c336c3
rgb(195,54,195)
-
#cd2ccd
#cd2ccd
rgb(205,44,205)
-
#d623d6
#d623d6
rgb(214,35,214)
-
#e019e0
#e019e0
rgb(224,25,224)
-
#e910e9
#e910e9
rgb(233,16,233)
-
#f306f3
#f306f3
rgb(243,6,243)
Color Blindness Simulator
Below, you can see how #f306f3 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.