#580eff hex color

In a RGB color space, hex #580eff is composed of 34.5% red, 5.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 94.5% magenta, 0% yellow and 0% black. It has a hue angle of 258.4 degrees, a saturation of 100% and a lightness of 52.7%. #580eff color hex could be obtained by blending #b01cff with #0000ff. Closest websafe color is: #6600ff.

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

● #580eff color description : Vivid violet.

The hexadecimal color #580eff has RGB values of R:88, G:14, B:255 and CMYK values of C:0.65, M:0.95, Y:0, K:0. Its decimal value is 5771007.

Hex triplet	580eff	`#580eff`
RGB Decimal	88, 14, 255	`rgb(88,14,255)`
RGB Percent	34.5, 5.5, 100	`rgb(34.5%,5.5%,100%)`
CMYK	65, 95, 0, 0
HSL	258.4°, 100, 52.7	`hsl(258.4,100%,52.7%)`
HSV (or HSB)	258.4°, 94.5, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.129, 79.047, -99.7
XYZ	22.228, 9.608, 95.285
xyY	0.175, 0.076, 9.608
CIE-LCH	37.129, 127.234, 308.409
CIE-LUV	37.129, -0.588, -133.758
Hunter-Lab	30.997, 73.761, -160.564
Binary	01011000, 00001110, 11111111

#580eff
```
#580eff rgb(88,14,255)
```
#b5ff0e
```
#b5ff0e rgb(181,255,14)
```

Complementary Color

#0e3cff
```
#0e3cff rgb(14,60,255)
```
#580eff
```
#580eff rgb(88,14,255)
```
#d10eff
```
#d10eff rgb(209,14,255)
```

Analogous Color

#3dff0e
```
#3dff0e rgb(61,255,14)
```
#580eff
```
#580eff rgb(88,14,255)
```
#ffd10e
```
#ffd10e rgb(255,209,14)
```

Split Complementary Color

#0eff58
```
#0eff58 rgb(14,255,88)
```
#580eff
```
#580eff rgb(88,14,255)
```
#ff580e
```
#ff580e rgb(255,88,14)
```

Triadic Color

#0eb5ff
```
#0eb5ff rgb(14,181,255)
```
#580eff
```
#580eff rgb(88,14,255)
```
#ff580e
```
#ff580e rgb(255,88,14)
```
#b5ff0e
```
#b5ff0e rgb(181,255,14)
```

Tetradic Color

#3b00c1
```
#3b00c1 rgb(59,0,193)
```
#4300da
```
#4300da rgb(67,0,218)
```
#4b00f4
```
#4b00f4 rgb(75,0,244)
```
#580eff
```
#580eff rgb(88,14,255)
```
#6a28ff
```
#6a28ff rgb(106,40,255)
```
#7b41ff
```
#7b41ff rgb(123,65,255)
```
#8d5bff
```
#8d5bff rgb(141,91,255)
```

Monochromatic Color

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

#1c0eff
```
#1c0eff rgb(28,14,255)
```
#300eff
```
#300eff rgb(48,14,255)
```
#440eff
```
#440eff rgb(68,14,255)
```
#580eff
```
#580eff rgb(88,14,255)
```
#6c0eff
```
#6c0eff rgb(108,14,255)
```
#800eff
```
#800eff rgb(128,14,255)
```
#940eff
```
#940eff rgb(148,14,255)
```

Similar Colors

Text with hexadecimal color #580eff

This text has a font color of #580eff.

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

#580eff background color

This paragraph has a background color of #580eff.

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

#580eff border color

This element has a border color of #580eff.

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

CSS codes

.text {color:#580eff;}

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

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

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, #04000e is the darkest color, while #fbf9ff is the lightest one.

#04000e
```
#04000e rgb(4,0,14)
```
#0a0022
```
#0a0022 rgb(10,0,34)
```
#100035
```
#100035 rgb(16,0,53)
```
#160049
```
#160049 rgb(22,0,73)
```
#1c005c
```
#1c005c rgb(28,0,92)
```
#220070
```
#220070 rgb(34,0,112)
```
#280084
```
#280084 rgb(40,0,132)
```
#2e0097
```
#2e0097 rgb(46,0,151)
```
#3400ab
```
#3400ab rgb(52,0,171)
```
#3b00bf
```
#3b00bf rgb(59,0,191)
```
#4100d2
```
#4100d2 rgb(65,0,210)
```
#4700e6
```
#4700e6 rgb(71,0,230)
```
#4d00f9
```
#4d00f9 rgb(77,0,249)
```

Shade Color Variation

#580eff
```
#580eff rgb(88,14,255)
```
#6622ff
```
#6622ff rgb(102,34,255)
```
#7335ff
```
#7335ff rgb(115,53,255)
```
#8149ff
```
#8149ff rgb(129,73,255)
```
#8e5cff
```
#8e5cff rgb(142,92,255)
```
#9c70ff
```
#9c70ff rgb(156,112,255)
```
#aa84ff
```
#aa84ff rgb(170,132,255)
```
#b797ff
```
#b797ff rgb(183,151,255)
```
#c5abff
```
#c5abff rgb(197,171,255)
```
#d2bfff
```
#d2bfff rgb(210,191,255)
```
#e0d2ff
```
#e0d2ff rgb(224,210,255)
```
#eee6ff
```
#eee6ff rgb(238,230,255)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #837d90 is the less saturated color, while #580eff is the most saturated one.

#837d90
```
#837d90 rgb(131,125,144)
```
#7f7499
```
#7f7499 rgb(127,116,153)
```
#7c6ba2
```
#7c6ba2 rgb(124,107,162)
```
#7861ac
```
#7861ac rgb(120,97,172)
```
#7558b5
```
#7558b5 rgb(117,88,181)
```
#714fbe
```
#714fbe rgb(113,79,190)
```
#6d46c7
```
#6d46c7 rgb(109,70,199)
```
#6a3cd1
```
#6a3cd1 rgb(106,60,209)
```
#6633da
```
#6633da rgb(102,51,218)
```
#632ae3
```
#632ae3 rgb(99,42,227)
```
#5f21ec
```
#5f21ec rgb(95,33,236)
```
#5c17f6
```
#5c17f6 rgb(92,23,246)
```
#580eff
```
#580eff rgb(88,14,255)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#453666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#2040cf Protanomaly 1% of men, 0.01% of women
#2044c0 Deuteranomaly 6% of men, 0.4% of women
#2048a3 Tritanomaly 0.01% of the population

#580eff hex color

#580eff Color Information

#580eff Color Conversion

Color Schemes with #580eff

Alternatives to #580eff

#580eff Preview

Shades and Tints of #580eff

Tones of #580eff

Color Blindness Simulator