#f306f4 Color Information
In a RGB color space, hex #f306f4 is composed of 95.3% red, 2.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 97.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 299.7 degrees, a saturation of 95.2% and a lightness of 49%. #f306f4 color hex could be obtained by blending #ff0cff with #e700e9. Closest websafe color is: #ff00ff.
-
- R 95
- G 2
- B 96
-
- C 0
- M 98
- Y 0
- K 4
● #f306f4 color description : Vivid magenta.
#f306f4 Color Conversion
The hexadecimal color #f306f4 has RGB values of R:243, G:6, B:244 and CMYK values of C:0, M:0.98, Y:0, K:0.04. Its decimal value is 15927028.
Hex triplet | f306f4 | #f306f4 |
---|---|---|
RGB Decimal | 243, 6, 244 | rgb(243,6,244) |
RGB Percent | 95.3, 2.4, 95.7 | rgb(95.3%,2.4%,95.7%) |
CMYK | 0, 98, 0, 4 | |
HSL | 299.7°, 95.2, 49 | hsl(299.7,95.2%,49%) |
HSV (or HSB) | 299.7°, 97.5, 95.7 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 57.771, 94.484, -58.92 |
---|---|
XYZ | 53.355, 25.72, 87.737 |
xyY | 0.32, 0.154, 25.72 |
CIE-LCH | 57.771, 111.35, 328.053 |
CIE-LUV | 57.771, 79.621, -104.214 |
Hunter-Lab | 50.715, 99.041, -67.071 |
Binary | 11110011, 00000110, 11110100 |
Color Schemes with #f306f4
Alternatives to #f306f4
Below, you can see some colors close to #f306f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f306f4 Preview
This text has a font color of #f306f4.
<span style="color:#f306f4;">Text here</span>
This paragraph has a background color of #f306f4.
<p style="background-color:#f306f4;">Content here</p>
This element has a border color of #f306f4.
<div style="border:1px solid #f306f4;">Content here</div>
.text {color:#f306f4;}
.background {background-color:#f306f4;}
.border {border:1px solid #f306f4;}
Shades and Tints of #f306f4
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, #0e000e is the darkest color, while #fffaff is the lightest one.
-
#0e000e
#0e000e
rgb(14,0,14)
-
#210121
#210121
rgb(33,1,33)
-
#340135
#340135
rgb(52,1,53)
-
#470248
#470248
rgb(71,2,72)
-
#5a025b
#5a025b
rgb(90,2,91)
-
#6e036e
#6e036e
rgb(110,3,110)
-
#810381
#810381
rgb(129,3,129)
-
#940494
#940494
rgb(148,4,148)
-
#a704a7
#a704a7
rgb(167,4,167)
-
#ba05bb
#ba05bb
rgb(186,5,187)
-
#cd05ce
#cd05ce
rgb(205,5,206)
-
#e006e1
#e006e1
rgb(224,6,225)
-
#f306f4
#f306f4
rgb(243,6,244)
-
#f814f9
#f814f9
rgb(248,20,249)
-
#f928fa
#f928fa
rgb(249,40,250)
-
#f93bfa
#f93bfa
rgb(249,59,250)
-
#fa4efb
#fa4efb
rgb(250,78,251)
-
#fa61fb
#fa61fb
rgb(250,97,251)
-
#fb74fc
#fb74fc
rgb(251,116,252)
-
#fc87fc
#fc87fc
rgb(252,135,252)
-
#fc9afd
#fc9afd
rgb(252,154,253)
-
#fdaefd
#fdaefd
rgb(253,174,253)
-
#fdc1fd
#fdc1fd
rgb(253,193,253)
-
#fed4fe
#fed4fe
rgb(254,212,254)
-
#fee7fe
#fee7fe
rgb(254,231,254)
-
#fffaff
#fffaff
rgb(255,250,255)
Tones of #f306f4
A tone is produced by adding gray to any pure hue. In this case, #817981 is the less saturated color, while #f306f4 is the most saturated one.
-
#817981
#817981
rgb(129,121,129)
-
#8a708a
#8a708a
rgb(138,112,138)
-
#946694
#946694
rgb(148,102,148)
-
#9d5d9d
#9d5d9d
rgb(157,93,157)
-
#a753a7
#a753a7
rgb(167,83,167)
-
#b049b1
#b049b1
rgb(176,73,177)
-
#ba40ba
#ba40ba
rgb(186,64,186)
-
#c336c4
#c336c4
rgb(195,54,196)
-
#cd2cce
#cd2cce
rgb(205,44,206)
-
#d623d7
#d623d7
rgb(214,35,215)
-
#e019e1
#e019e1
rgb(224,25,225)
-
#e910ea
#e910ea
rgb(233,16,234)
-
#f306f4
#f306f4
rgb(243,6,244)
Color Blindness Simulator
Below, you can see how #f306f4 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.