#5301ff Color Information
In a RGB color space, hex #5301ff is composed of 32.5% red, 0.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 99.6% magenta, 0% yellow and 0% black. It has a hue angle of 259.4 degrees, a saturation of 100% and a lightness of 50.2%. #5301ff color hex could be obtained by blending #a602ff with #0000ff. Closest websafe color is: #6600ff.
-
- R 33
- G 0
- B 100
-
- C 67
- M 100
- Y 0
- K 0
● #5301ff color description : Vivid violet.
#5301ff Color Conversion
The hexadecimal color #5301ff has RGB values of R:83, G:1, B:255 and CMYK values of C:0.67, M:1, Y:0, K:0. Its decimal value is 5439999.
Hex triplet | 5301ff | #5301ff |
---|---|---|
RGB Decimal | 83, 1, 255 | rgb(83,1,255) |
RGB Percent | 32.5, 0.4, 100 | rgb(32.5%,0.4%,100%) |
CMYK | 67, 100, 0, 0 | |
HSL | 259.4°, 100, 50.2 | hsl(259.4,100%,50.2%) |
HSV (or HSB) | 259.4°, 99.6, 100 | |
Web Safe | 6600ff | #6600ff |
CIE-LAB | 36.137, 80.509, -101.363 |
---|---|
XYZ | 21.625, 9.08, 95.215 |
xyY | 0.172, 0.072, 9.08 |
CIE-LCH | 36.137, 129.446, 308.459 |
CIE-LUV | 36.137, -1.31, -133.45 |
Hunter-Lab | 30.133, 75.369, -166.256 |
Binary | 01010011, 00000001, 11111111 |
Color Schemes with #5301ff
Alternatives to #5301ff
Below, you can see some colors close to #5301ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5301ff Preview
This text has a font color of #5301ff.
<span style="color:#5301ff;">Text here</span>
This paragraph has a background color of #5301ff.
<p style="background-color:#5301ff;">Content here</p>
This element has a border color of #5301ff.
<div style="border:1px solid #5301ff;">Content here</div>
.text {color:#5301ff;}
.background {background-color:#5301ff;}
.border {border:1px solid #5301ff;}
Shades and Tints of #5301ff
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, #000001 is the darkest color, while #f2ecff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#070015
#070015
rgb(7,0,21)
-
#0d0028
#0d0028
rgb(13,0,40)
-
#13003c
#13003c
rgb(19,0,60)
-
#1a004f
#1a004f
rgb(26,0,79)
-
#200063
#200063
rgb(32,0,99)
-
#260077
#260077
rgb(38,0,119)
-
#2d008a
#2d008a
rgb(45,0,138)
-
#33009e
#33009e
rgb(51,0,158)
-
#3900b2
#3900b2
rgb(57,0,178)
-
#4000c5
#4000c5
rgb(64,0,197)
-
#4600d9
#4600d9
rgb(70,0,217)
-
#4c00ec
#4c00ec
rgb(76,0,236)
-
#5301ff
#5301ff
rgb(83,1,255)
-
#6015ff
#6015ff
rgb(96,21,255)
-
#6e28ff
#6e28ff
rgb(110,40,255)
-
#7b3cff
#7b3cff
rgb(123,60,255)
-
#884fff
#884fff
rgb(136,79,255)
-
#9563ff
#9563ff
rgb(149,99,255)
-
#a377ff
#a377ff
rgb(163,119,255)
-
#b08aff
#b08aff
rgb(176,138,255)
-
#bd9eff
#bd9eff
rgb(189,158,255)
-
#cbb2ff
#cbb2ff
rgb(203,178,255)
-
#d8c5ff
#d8c5ff
rgb(216,197,255)
-
#e5d9ff
#e5d9ff
rgb(229,217,255)
-
#f2ecff
#f2ecff
rgb(242,236,255)
Tones of #5301ff
A tone is produced by adding gray to any pure hue. In this case, #7d768a is the less saturated color, while #5301ff is the most saturated one.
-
#7d768a
#7d768a
rgb(125,118,138)
-
#796c94
#796c94
rgb(121,108,148)
-
#76639d
#76639d
rgb(118,99,157)
-
#7259a7
#7259a7
rgb(114,89,167)
-
#6f4fb1
#6f4fb1
rgb(111,79,177)
-
#6b45bb
#6b45bb
rgb(107,69,187)
-
#683cc4
#683cc4
rgb(104,60,196)
-
#6432ce
#6432ce
rgb(100,50,206)
-
#6128d8
#6128d8
rgb(97,40,216)
-
#5d1ee2
#5d1ee2
rgb(93,30,226)
-
#5a15eb
#5a15eb
rgb(90,21,235)
-
#560bf5
#560bf5
rgb(86,11,245)
-
#5301ff
#5301ff
rgb(83,1,255)
Color Blindness Simulator
Below, you can see how #5301ff 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.