#580ff5 Color Information
In a RGB color space, hex #580ff5 is composed of 34.5% red, 5.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 93.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 259 degrees, a saturation of 92% and a lightness of 51%. #580ff5 color hex could be obtained by blending #b01eff with #0000eb. Closest websafe color is: #6600ff.
-
- R 35
- G 6
- B 96
-
- C 64
- M 94
- Y 0
- K 4
● #580ff5 color description : Vivid violet.
#580ff5 Color Conversion
The hexadecimal color #580ff5 has RGB values of R:88, G:15, B:245 and CMYK values of C:0.64, M:0.94, Y:0, K:0.04. Its decimal value is 5771253.
Hex triplet | 580ff5 | #580ff5 |
---|---|---|
RGB Decimal | 88, 15, 245 | rgb(88,15,245) |
RGB Percent | 34.5, 5.9, 96.1 | rgb(34.5%,5.9%,96.1%) |
CMYK | 64, 94, 0, 4 | |
HSL | 259°, 92, 51 | hsl(259,92%,51%) |
HSV (or HSB) | 259°, 93.9, 96.1 | |
Web Safe | 6600ff | #6600ff |
CIE-LAB | 36, 76.56, -95.955 |
---|---|
XYZ | 20.674, 9.008, 87.031 |
xyY | 0.177, 0.077, 9.008 |
CIE-LCH | 36, 122.755, 308.586 |
CIE-LUV | 36, 0.245, -128.168 |
Hunter-Lab | 30.014, 70.429, -150.914 |
Binary | 01011000, 00001111, 11110101 |
Color Schemes with #580ff5
Alternatives to #580ff5
Below, you can see some colors close to #580ff5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#580ff5 Preview
This text has a font color of #580ff5.
<span style="color:#580ff5;">Text here</span>
This paragraph has a background color of #580ff5.
<p style="background-color:#580ff5;">Content here</p>
This element has a border color of #580ff5.
<div style="border:1px solid #580ff5;">Content here</div>
.text {color:#580ff5;}
.background {background-color:#580ff5;}
.border {border:1px solid #580ff5;}
Shades and Tints of #580ff5
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, #020005 is the darkest color, while #f5f1fe is the lightest one.
-
#020005
#020005
rgb(2,0,5)
-
#080118
#080118
rgb(8,1,24)
-
#0f022a
#0f022a
rgb(15,2,42)
-
#15033d
#15033d
rgb(21,3,61)
-
#1c0350
#1c0350
rgb(28,3,80)
-
#220463
#220463
rgb(34,4,99)
-
#290576
#290576
rgb(41,5,118)
-
#2f0689
#2f0689
rgb(47,6,137)
-
#36069b
#36069b
rgb(54,6,155)
-
#3c07ae
#3c07ae
rgb(60,7,174)
-
#4308c1
#4308c1
rgb(67,8,193)
-
#4909d4
#4909d4
rgb(73,9,212)
-
#500ae7
#500ae7
rgb(80,10,231)
-
#580ff5
#580ff5
rgb(88,15,245)
-
#6522f6
#6522f6
rgb(101,34,246)
-
#7235f7
#7235f7
rgb(114,53,247)
-
#7f47f7
#7f47f7
rgb(127,71,247)
-
#8c5af8
#8c5af8
rgb(140,90,248)
-
#9a6df9
#9a6df9
rgb(154,109,249)
-
#a780fa
#a780fa
rgb(167,128,250)
-
#b493fa
#b493fa
rgb(180,147,250)
-
#c1a6fb
#c1a6fb
rgb(193,166,251)
-
#ceb8fc
#ceb8fc
rgb(206,184,252)
-
#dbcbfd
#dbcbfd
rgb(219,203,253)
-
#e8defe
#e8defe
rgb(232,222,254)
-
#f5f1fe
#f5f1fe
rgb(245,241,254)
Tones of #580ff5
A tone is produced by adding gray to any pure hue. In this case, #7f798b is the less saturated color, while #5405ff is the most saturated one.
-
#7f798b
#7f798b
rgb(127,121,139)
-
#7b6f95
#7b6f95
rgb(123,111,149)
-
#78669e
#78669e
rgb(120,102,158)
-
#745ca8
#745ca8
rgb(116,92,168)
-
#7152b2
#7152b2
rgb(113,82,178)
-
#6d49bb
#6d49bb
rgb(109,73,187)
-
#6a3fc5
#6a3fc5
rgb(106,63,197)
-
#6635cf
#6635cf
rgb(102,53,207)
-
#632cd8
#632cd8
rgb(99,44,216)
-
#5f22e2
#5f22e2
rgb(95,34,226)
-
#5c19eb
#5c19eb
rgb(92,25,235)
-
#580ff5
#580ff5
rgb(88,15,245)
-
#5405ff
#5405ff
rgb(84,5,255)
Color Blindness Simulator
Below, you can see how #580ff5 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.