#f306f9 Color Information
In a RGB color space, hex #f306f9 is composed of 95.3% red, 2.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 97.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 298.5 degrees, a saturation of 95.3% and a lightness of 50%. #f306f9 color hex could be obtained by blending #ff0cff with #e700f3. Closest websafe color is: #ff00ff.
-
- R 95
- G 2
- B 98
-
- C 2
- M 98
- Y 0
- K 2
● #f306f9 color description : Vivid magenta.
#f306f9 Color Conversion
The hexadecimal color #f306f9 has RGB values of R:243, G:6, B:249 and CMYK values of C:0.02, M:0.98, Y:0, K:0.02. Its decimal value is 15927033.
Hex triplet | f306f9 | #f306f9 |
---|---|---|
RGB Decimal | 243, 6, 249 | rgb(243,6,249) |
RGB Percent | 95.3, 2.4, 97.6 | rgb(95.3%,2.4%,97.6%) |
CMYK | 2, 98, 0, 2 | |
HSL | 298.5°, 95.3, 50 | hsl(298.5,95.3%,50%) |
HSV (or HSB) | 298.5°, 97.6, 97.6 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 58.064, 95.195, -61.238 |
---|---|
XYZ | 54.125, 26.028, 91.791 |
xyY | 0.315, 0.151, 26.028 |
CIE-LCH | 58.064, 113.19, 327.247 |
CIE-LUV | 58.064, 77.663, -107.901 |
Hunter-Lab | 51.018, 100.09, -70.961 |
Binary | 11110011, 00000110, 11111001 |
Color Schemes with #f306f9
Alternatives to #f306f9
Below, you can see some colors close to #f306f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f306f9 Preview
This text has a font color of #f306f9.
<span style="color:#f306f9;">Text here</span>
This paragraph has a background color of #f306f9.
<p style="background-color:#f306f9;">Content here</p>
This element has a border color of #f306f9.
<div style="border:1px solid #f306f9;">Content here</div>
.text {color:#f306f9;}
.background {background-color:#f306f9;}
.border {border:1px solid #f306f9;}
Shades and Tints of #f306f9
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, #130013 is the darkest color, while #ffffff is the lightest one.
-
#130013
#130013
rgb(19,0,19)
-
#250126
#250126
rgb(37,1,38)
-
#380139
#380139
rgb(56,1,57)
-
#4b024d
#4b024d
rgb(75,2,77)
-
#5d0260
#5d0260
rgb(93,2,96)
-
#700373
#700373
rgb(112,3,115)
-
#830386
#830386
rgb(131,3,134)
-
#960499
#960499
rgb(150,4,153)
-
#a804ac
#a804ac
rgb(168,4,172)
-
#bb05c0
#bb05c0
rgb(187,5,192)
-
#ce05d3
#ce05d3
rgb(206,5,211)
-
#e006e6
#e006e6
rgb(224,6,230)
-
#f306f9
#f306f9
rgb(243,6,249)
-
#f419f9
#f419f9
rgb(244,25,249)
-
#f52cfa
#f52cfa
rgb(245,44,250)
-
#f63ffa
#f63ffa
rgb(246,63,250)
-
#f753fb
#f753fb
rgb(247,83,251)
-
#f866fb
#f866fb
rgb(248,102,251)
-
#f979fc
#f979fc
rgb(249,121,252)
-
#f98cfc
#f98cfc
rgb(249,140,252)
-
#fa9ffd
#fa9ffd
rgb(250,159,253)
-
#fbb2fd
#fbb2fd
rgb(251,178,253)
-
#fcc6fe
#fcc6fe
rgb(252,198,254)
-
#fdd9fe
#fdd9fe
rgb(253,217,254)
-
#feecff
#feecff
rgb(254,236,255)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f306f9
A tone is produced by adding gray to any pure hue. In this case, #837c83 is the less saturated color, while #f306f9 is the most saturated one.
-
#837c83
#837c83
rgb(131,124,131)
-
#8c728d
#8c728d
rgb(140,114,141)
-
#966897
#966897
rgb(150,104,151)
-
#9f5ea1
#9f5ea1
rgb(159,94,161)
-
#a854ab
#a854ab
rgb(168,84,171)
-
#b24bb4
#b24bb4
rgb(178,75,180)
-
#bb41be
#bb41be
rgb(187,65,190)
-
#c437c8
#c437c8
rgb(196,55,200)
-
#ce2dd2
#ce2dd2
rgb(206,45,210)
-
#d723dc
#d723dc
rgb(215,35,220)
-
#e01ae5
#e01ae5
rgb(224,26,229)
-
#ea10ef
#ea10ef
rgb(234,16,239)
-
#f306f9
#f306f9
rgb(243,6,249)
Color Blindness Simulator
Below, you can see how #f306f9 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.