#5306ff Color Information
In a RGB color space, hex #5306ff is composed of 32.5% red, 2.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 97.6% magenta, 0% yellow and 0% black. It has a hue angle of 258.6 degrees, a saturation of 100% and a lightness of 51.2%. #5306ff color hex could be obtained by blending #a60cff with #0000ff. Closest websafe color is: #6600ff.
-
- R 33
- G 2
- B 100
-
- C 67
- M 98
- Y 0
- K 0
● #5306ff color description : Vivid violet.
#5306ff Color Conversion
The hexadecimal color #5306ff has RGB values of R:83, G:6, B:255 and CMYK values of C:0.67, M:0.98, Y:0, K:0. Its decimal value is 5441279.
Hex triplet | 5306ff | #5306ff |
---|---|---|
RGB Decimal | 83, 6, 255 | rgb(83,6,255) |
RGB Percent | 32.5, 2.4, 100 | rgb(32.5%,2.4%,100%) |
CMYK | 67, 98, 0, 0 | |
HSL | 258.6°, 100, 51.2 | hsl(258.6,100%,51.2%) |
HSV (or HSB) | 258.6°, 97.6, 100 | |
Web Safe | 6600ff | #6600ff |
CIE-LAB | 36.344, 79.873, -101.018 |
---|---|
XYZ | 21.679, 9.188, 95.233 |
xyY | 0.172, 0.073, 9.188 |
CIE-LCH | 36.344, 128.78, 308.333 |
CIE-LUV | 36.344, -1.446, -133.517 |
Hunter-Lab | 30.312, 74.615, -165.056 |
Binary | 01010011, 00000110, 11111111 |
Color Schemes with #5306ff
Alternatives to #5306ff
Below, you can see some colors close to #5306ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5306ff Preview
This text has a font color of #5306ff.
<span style="color:#5306ff;">Text here</span>
This paragraph has a background color of #5306ff.
<p style="background-color:#5306ff;">Content here</p>
This element has a border color of #5306ff.
<div style="border:1px solid #5306ff;">Content here</div>
.text {color:#5306ff;}
.background {background-color:#5306ff;}
.border {border:1px solid #5306ff;}
Shades and Tints of #5306ff
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, #020006 is the darkest color, while #f6f1ff is the lightest one.
-
#020006
#020006
rgb(2,0,6)
-
#08001a
#08001a
rgb(8,0,26)
-
#0e002d
#0e002d
rgb(14,0,45)
-
#140041
#140041
rgb(20,0,65)
-
#1a0054
#1a0054
rgb(26,0,84)
-
#200068
#200068
rgb(32,0,104)
-
#26007c
#26007c
rgb(38,0,124)
-
#2c008f
#2c008f
rgb(44,0,143)
-
#3200a3
#3200a3
rgb(50,0,163)
-
#3800b7
#3800b7
rgb(56,0,183)
-
#3f00ca
#3f00ca
rgb(63,0,202)
-
#4500de
#4500de
rgb(69,0,222)
-
#4b00f1
#4b00f1
rgb(75,0,241)
-
#5306ff
#5306ff
rgb(83,6,255)
-
#611aff
#611aff
rgb(97,26,255)
-
#6e2dff
#6e2dff
rgb(110,45,255)
-
#7c41ff
#7c41ff
rgb(124,65,255)
-
#8954ff
#8954ff
rgb(137,84,255)
-
#9768ff
#9768ff
rgb(151,104,255)
-
#a47cff
#a47cff
rgb(164,124,255)
-
#b28fff
#b28fff
rgb(178,143,255)
-
#bfa3ff
#bfa3ff
rgb(191,163,255)
-
#cdb7ff
#cdb7ff
rgb(205,183,255)
-
#dacaff
#dacaff
rgb(218,202,255)
-
#e8deff
#e8deff
rgb(232,222,255)
-
#f6f1ff
#f6f1ff
rgb(246,241,255)
Tones of #5306ff
A tone is produced by adding gray to any pure hue. In this case, #7f798c is the less saturated color, while #5306ff is the most saturated one.
-
#7f798c
#7f798c
rgb(127,121,140)
-
#7b6f96
#7b6f96
rgb(123,111,150)
-
#78669f
#78669f
rgb(120,102,159)
-
#745ca9
#745ca9
rgb(116,92,169)
-
#7053b2
#7053b2
rgb(112,83,178)
-
#6d49bc
#6d49bc
rgb(109,73,188)
-
#693fc6
#693fc6
rgb(105,63,198)
-
#6536cf
#6536cf
rgb(101,54,207)
-
#622cd9
#622cd9
rgb(98,44,217)
-
#5e23e2
#5e23e2
rgb(94,35,226)
-
#5a19ec
#5a19ec
rgb(90,25,236)
-
#5710f5
#5710f5
rgb(87,16,245)
-
#5306ff
#5306ff
rgb(83,6,255)
Color Blindness Simulator
Below, you can see how #5306ff 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.