#f502ff Color Information
In a RGB color space, hex #f502ff is composed of 96.1% red, 0.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 99.2% magenta, 0% yellow and 0% black. It has a hue angle of 297.6 degrees, a saturation of 100% and a lightness of 50.4%. #f502ff color hex could be obtained by blending #ff04ff with #eb00ff. Closest websafe color is: #ff00ff.
-
- R 96
- G 1
- B 100
-
- C 4
- M 99
- Y 0
- K 0
● #f502ff color description : Vivid magenta.
#f502ff Color Conversion
The hexadecimal color #f502ff has RGB values of R:245, G:2, B:255 and CMYK values of C:0.04, M:0.99, Y:0, K:0. Its decimal value is 16057087.
Hex triplet | f502ff | #f502ff |
---|---|---|
RGB Decimal | 245, 2, 255 | rgb(245,2,255) |
RGB Percent | 96.1, 0.8, 100 | rgb(96.1%,0.8%,100%) |
CMYK | 4, 99, 0, 0 | |
HSL | 297.6°, 100, 50.4 | hsl(297.6,100%,50.4%) |
HSV (or HSB) | 297.6°, 99.2, 100 | |
Web Safe | ff00ff | #ff00ff |
CIE-LAB | 58.677, 96.601, -63.568 |
---|---|
XYZ | 55.726, 26.68, 96.817 |
xyY | 0.311, 0.149, 26.68 |
CIE-LCH | 58.677, 115.641, 326.653 |
CIE-LUV | 58.677, 76.9, -111.845 |
Hunter-Lab | 51.652, 102.188, -74.976 |
Binary | 11110101, 00000010, 11111111 |
Color Schemes with #f502ff
Alternatives to #f502ff
Below, you can see some colors close to #f502ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f502ff Preview
This text has a font color of #f502ff.
<span style="color:#f502ff;">Text here</span>
This paragraph has a background color of #f502ff.
<p style="background-color:#f502ff;">Content here</p>
This element has a border color of #f502ff.
<div style="border:1px solid #f502ff;">Content here</div>
.text {color:#f502ff;}
.background {background-color:#f502ff;}
.border {border:1px solid #f502ff;}
Shades and Tints of #f502ff
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, #020002 is the darkest color, while #feedff is the lightest one.
-
#020002
#020002
rgb(2,0,2)
-
#150016
#150016
rgb(21,0,22)
-
#280029
#280029
rgb(40,0,41)
-
#3a003d
#3a003d
rgb(58,0,61)
-
#4d0050
#4d0050
rgb(77,0,80)
-
#600064
#600064
rgb(96,0,100)
-
#730078
#730078
rgb(115,0,120)
-
#86008b
#86008b
rgb(134,0,139)
-
#99009f
#99009f
rgb(153,0,159)
-
#ab00b3
#ab00b3
rgb(171,0,179)
-
#be00c6
#be00c6
rgb(190,0,198)
-
#d100da
#d100da
rgb(209,0,218)
-
#e400ed
#e400ed
rgb(228,0,237)
-
#f502ff
#f502ff
rgb(245,2,255)
-
#f616ff
#f616ff
rgb(246,22,255)
-
#f729ff
#f729ff
rgb(247,41,255)
-
#f73dff
#f73dff
rgb(247,61,255)
-
#f850ff
#f850ff
rgb(248,80,255)
-
#f964ff
#f964ff
rgb(249,100,255)
-
#fa78ff
#fa78ff
rgb(250,120,255)
-
#fa8bff
#fa8bff
rgb(250,139,255)
-
#fb9fff
#fb9fff
rgb(251,159,255)
-
#fcb3ff
#fcb3ff
rgb(252,179,255)
-
#fdc6ff
#fdc6ff
rgb(253,198,255)
-
#fedaff
#fedaff
rgb(254,218,255)
-
#feedff
#feedff
rgb(254,237,255)
Tones of #f502ff
A tone is produced by adding gray to any pure hue. In this case, #89778a is the less saturated color, while #f502ff is the most saturated one.
-
#89778a
#89778a
rgb(137,119,138)
-
#926d94
#926d94
rgb(146,109,148)
-
#9b639e
#9b639e
rgb(155,99,158)
-
#a45aa7
#a45aa7
rgb(164,90,167)
-
#ad50b1
#ad50b1
rgb(173,80,177)
-
#b646bb
#b646bb
rgb(182,70,187)
-
#bf3cc5
#bf3cc5
rgb(191,60,197)
-
#c833ce
#c833ce
rgb(200,51,206)
-
#d129d8
#d129d8
rgb(209,41,216)
-
#da1fe2
#da1fe2
rgb(218,31,226)
-
#e315ec
#e315ec
rgb(227,21,236)
-
#ec0cf5
#ec0cf5
rgb(236,12,245)
-
#f502ff
#f502ff
rgb(245,2,255)
Color Blindness Simulator
Below, you can see how #f502ff 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.