#f301ff Color Information
In a RGB color space, hex #f301ff is composed of 95.3% red, 0.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 99.6% magenta, 0% yellow and 0% black. It has a hue angle of 297.2 degrees, a saturation of 100% and a lightness of 50.2%. #f301ff color hex could be obtained by blending #ff02ff with #e700ff. Closest websafe color is: #ff00ff.
-
- R 95
- G 0
- B 100
-
- C 5
- M 100
- Y 0
- K 0
● #f301ff color description : Vivid magenta.
#f301ff Color Conversion
The hexadecimal color #f301ff has RGB values of R:243, G:1, B:255 and CMYK values of C:0.05, M:1, Y:0, K:0. Its decimal value is 15925759.
Hex triplet | f301ff | #f301ff |
---|---|---|
RGB Decimal | 243, 1, 255 | rgb(243,1,255) |
RGB Percent | 95.3, 0.4, 100 | rgb(95.3%,0.4%,100%) |
CMYK | 5, 100, 0, 0 | |
HSL | 297.2°, 100, 50.2 | hsl(297.2,100%,50.2%) |
HSV (or HSB) | 297.2°, 99.6, 100 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 58.321, 96.363, -64.158 |
---|---|
XYZ | 55.022, 26.3, 96.781 |
xyY | 0.309, 0.148, 26.3 |
CIE-LCH | 58.321, 115.767, 326.345 |
CIE-LUV | 58.321, 75.536, -112.522 |
Hunter-Lab | 51.283, 101.765, -75.992 |
Binary | 11110011, 00000001, 11111111 |
Color Schemes with #f301ff
Alternatives to #f301ff
Below, you can see some colors close to #f301ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f301ff Preview
This text has a font color of #f301ff.
<span style="color:#f301ff;">Text here</span>
This paragraph has a background color of #f301ff.
<p style="background-color:#f301ff;">Content here</p>
This element has a border color of #f301ff.
<div style="border:1px solid #f301ff;">Content here</div>
.text {color:#f301ff;}
.background {background-color:#f301ff;}
.border {border:1px solid #f301ff;}
Shades and Tints of #f301ff
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, #010001 is the darkest color, while #feecff is the lightest one.
-
#010001
#010001
rgb(1,0,1)
-
#140015
#140015
rgb(20,0,21)
-
#260028
#260028
rgb(38,0,40)
-
#39003c
#39003c
rgb(57,0,60)
-
#4c004f
#4c004f
rgb(76,0,79)
-
#5e0063
#5e0063
rgb(94,0,99)
-
#710077
#710077
rgb(113,0,119)
-
#84008a
#84008a
rgb(132,0,138)
-
#96009e
#96009e
rgb(150,0,158)
-
#a900b2
#a900b2
rgb(169,0,178)
-
#bc00c5
#bc00c5
rgb(188,0,197)
-
#cf00d9
#cf00d9
rgb(207,0,217)
-
#e100ec
#e100ec
rgb(225,0,236)
-
#f301ff
#f301ff
rgb(243,1,255)
-
#f415ff
#f415ff
rgb(244,21,255)
-
#f528ff
#f528ff
rgb(245,40,255)
-
#f63cff
#f63cff
rgb(246,60,255)
-
#f74fff
#f74fff
rgb(247,79,255)
-
#f863ff
#f863ff
rgb(248,99,255)
-
#f977ff
#f977ff
rgb(249,119,255)
-
#f98aff
#f98aff
rgb(249,138,255)
-
#fa9eff
#fa9eff
rgb(250,158,255)
-
#fbb2ff
#fbb2ff
rgb(251,178,255)
-
#fcc5ff
#fcc5ff
rgb(252,197,255)
-
#fdd9ff
#fdd9ff
rgb(253,217,255)
-
#feecff
#feecff
rgb(254,236,255)
Tones of #f301ff
A tone is produced by adding gray to any pure hue. In this case, #89768a is the less saturated color, while #f301ff is the most saturated one.
-
#89768a
#89768a
rgb(137,118,138)
-
#926c94
#926c94
rgb(146,108,148)
-
#9b639d
#9b639d
rgb(155,99,157)
-
#a359a7
#a359a7
rgb(163,89,167)
-
#ac4fb1
#ac4fb1
rgb(172,79,177)
-
#b545bb
#b545bb
rgb(181,69,187)
-
#be3cc4
#be3cc4
rgb(190,60,196)
-
#c732ce
#c732ce
rgb(199,50,206)
-
#d028d8
#d028d8
rgb(208,40,216)
-
#d81ee2
#d81ee2
rgb(216,30,226)
-
#e115eb
#e115eb
rgb(225,21,235)
-
#ea0bf5
#ea0bf5
rgb(234,11,245)
-
#f301ff
#f301ff
rgb(243,1,255)
Color Blindness Simulator
Below, you can see how #f301ff 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.