#580df5 hex color

In a RGB color space, hex #580df5 is composed of 34.5% red, 5.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 94.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 259.4 degrees, a saturation of 92.1% and a lightness of 50.6%. #580df5 color hex could be obtained by blending #b01aff with #0000eb. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 35
- G 5
- B 96
RGB color chart
- C 64
- M 95
- Y 0
- K 4
CMYK color chart

● #580df5 color description : Vivid violet.

The hexadecimal color #580df5 has RGB values of R:88, G:13, B:245 and CMYK values of C:0.64, M:0.95, Y:0, K:0.04. Its decimal value is 5770741.

Hex triplet	580df5	`#580df5`
RGB Decimal	88, 13, 245	`rgb(88,13,245)`
RGB Percent	34.5, 5.1, 96.1	`rgb(34.5%,5.1%,96.1%)`
CMYK	64, 95, 0, 4
HSL	259.4°, 92.1, 50.6	`hsl(259.4,92.1%,50.6%)`
HSV (or HSB)	259.4°, 94.7, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.896, 76.876, -96.127
XYZ	20.647, 8.954, 87.022
xyY	0.177, 0.077, 8.954
CIE-LCH	35.896, 123.087, 308.651
CIE-LUV	35.896, 0.315, -128.154
Hunter-Lab	29.924, 70.795, -151.475
Binary	01011000, 00001101, 11110101

#580df5
```
#580df5 rgb(88,13,245)
```
#aaf50d
```
#aaf50d rgb(170,245,13)
```

Complementary Color

#0d36f5
```
#0d36f5 rgb(13,54,245)
```
#580df5
```
#580df5 rgb(88,13,245)
```
#cc0df5
```
#cc0df5 rgb(204,13,245)
```

Analogous Color

#36f50d
```
#36f50d rgb(54,245,13)
```
#580df5
```
#580df5 rgb(88,13,245)
```
#f5cc0d
```
#f5cc0d rgb(245,204,13)
```

Split Complementary Color

#0df558
```
#0df558 rgb(13,245,88)
```
#580df5
```
#580df5 rgb(88,13,245)
```
#f5580d
```
#f5580d rgb(245,88,13)
```

Triadic Color

#0daaf5
```
#0daaf5 rgb(13,170,245)
```
#580df5
```
#580df5 rgb(88,13,245)
```
#f5580d
```
#f5580d rgb(245,88,13)
```
#aaf50d
```
#aaf50d rgb(170,245,13)
```

Tetradic Color

#3d07ae
```
#3d07ae rgb(61,7,174)
```
#4608c7
```
#4608c7 rgb(70,8,199)
```
#4e09df
```
#4e09df rgb(78,9,223)
```
#580df5
```
#580df5 rgb(88,13,245)
```
#6925f6
```
#6925f6 rgb(105,37,246)
```
#7a3ef7
```
#7a3ef7 rgb(122,62,247)
```
#8b56f8
```
#8b56f8 rgb(139,86,248)
```

Monochromatic Color

Below, you can see some colors close to #580df5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#1e0df5
```
#1e0df5 rgb(30,13,245)
```
#310df5
```
#310df5 rgb(49,13,245)
```
#450df5
```
#450df5 rgb(69,13,245)
```
#580df5
```
#580df5 rgb(88,13,245)
```
#6b0df5
```
#6b0df5 rgb(107,13,245)
```
#7f0df5
```
#7f0df5 rgb(127,13,245)
```
#920df5
```
#920df5 rgb(146,13,245)
```

Similar Colors

Text with hexadecimal color #580df5

This text has a font color of #580df5.

<span style="color:#580df5;">Text here</span>

#580df5 background color

This paragraph has a background color of #580df5.

<p style="background-color:#580df5;">Content here</p>

#580df5 border color

This element has a border color of #580df5.

<div style="border:1px solid #580df5;">Content here</div>

CSS codes

.text {color:#580df5;}

.background {background-color:#580df5;}

.border {border:1px solid #580df5;}

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, #010003 is the darkest color, while #f4effe is the lightest one.

#010003
```
#010003 rgb(1,0,3)
```
#080116
```
#080116 rgb(8,1,22)
```
#0e0229
```
#0e0229 rgb(14,2,41)
```
#15023b
```
#15023b rgb(21,2,59)
```
#1b034e
```
#1b034e rgb(27,3,78)
```
#220461
```
#220461 rgb(34,4,97)
```
#290574
```
#290574 rgb(41,5,116)
```
#2f0687
```
#2f0687 rgb(47,6,135)
```
#36069a
```
#36069a rgb(54,6,154)
```
#3d07ac
```
#3d07ac rgb(61,7,172)
```
#4308bf
```
#4308bf rgb(67,8,191)
```
#4a09d2
```
#4a09d2 rgb(74,9,210)
```
#5009e5
```
#5009e5 rgb(80,9,229)
```

Shade Color Variation

#580df5
```
#580df5 rgb(88,13,245)
```
#6520f6
```
#6520f6 rgb(101,32,246)
```
#7233f7
```
#7233f7 rgb(114,51,247)
```
#7f46f7
```
#7f46f7 rgb(127,70,247)
```
#8c58f8
```
#8c58f8 rgb(140,88,248)
```
#996bf9
```
#996bf9 rgb(153,107,249)
```
#a67efa
```
#a67efa rgb(166,126,250)
```
#b391fa
```
#b391fa rgb(179,145,250)
```
#c0a4fb
```
#c0a4fb rgb(192,164,251)
```
#cdb7fc
```
#cdb7fc rgb(205,183,252)
```
#dac9fd
```
#dac9fd rgb(218,201,253)
```
#e7dcfe
```
#e7dcfe rgb(231,220,254)
```
#f4effe
```
#f4effe rgb(244,239,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e788a is the less saturated color, while #5503ff is the most saturated one.

#7e788a
```
#7e788a rgb(126,120,138)
```
#7a6e94
```
#7a6e94 rgb(122,110,148)
```
#77649e
```
#77649e rgb(119,100,158)
```
#735ba7
```
#735ba7 rgb(115,91,167)
```
#7051b1
```
#7051b1 rgb(112,81,177)
```
#6d47bb
```
#6d47bb rgb(109,71,187)
```
#693dc5
```
#693dc5 rgb(105,61,197)
```
#6634ce
```
#6634ce rgb(102,52,206)
```
#622ad8
```
#622ad8 rgb(98,42,216)
```
#5f20e2
```
#5f20e2 rgb(95,32,226)
```
#5b17eb
```
#5b17eb rgb(91,23,235)
```
#580df5
```
#580df5 rgb(88,13,245)
```
#5503ff
```
#5503ff rgb(85,3,255)
```

Tone Color Variation

Below, you can see how #580df5 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.

Monochromacy

#3e3e3e Achromatopsia 0.005% of the population
#433463 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#203ec9 Protanomaly 1% of men, 0.01% of women
#2041b9 Deuteranomaly 6% of men, 0.4% of women
#20459e Tritanomaly 0.01% of the population

#580df5 hex color

#580df5 Color Information

#580df5 Color Conversion

Color Schemes with #580df5

Alternatives to #580df5

#580df5 Preview

Shades and Tints of #580df5

Tones of #580df5

Color Blindness Simulator