#580cff hex color

In a RGB color space, hex #580cff is composed of 34.5% red, 4.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 95.3% magenta, 0% yellow and 0% black. It has a hue angle of 258.8 degrees, a saturation of 100% and a lightness of 52.4%. #580cff color hex could be obtained by blending #b018ff 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

● #580cff color description : Vivid violet.

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

Hex triplet	580cff	`#580cff`
RGB Decimal	88, 12, 255	`rgb(88,12,255)`
RGB Percent	34.5, 4.7, 100	`rgb(34.5%,4.7%,100%)`
CMYK	65, 95, 0, 0
HSL	258.8°, 100, 52.4	`hsl(258.8,100%,52.4%)`
HSV (or HSB)	258.8°, 95.3, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.035, 79.336, -99.857
XYZ	22.203, 9.557, 95.277
xyY	0.175, 0.075, 9.557
CIE-LCH	37.035, 127.537, 308.467
CIE-LUV	37.035, -0.524, -133.742
Hunter-Lab	30.914, 74.1, -161.092
Binary	01011000, 00001100, 11111111

#580cff
```
#580cff rgb(88,12,255)
```
#b3ff0c
```
#b3ff0c rgb(179,255,12)
```

Complementary Color

#0c3aff
```
#0c3aff rgb(12,58,255)
```
#580cff
```
#580cff rgb(88,12,255)
```
#d20cff
```
#d20cff rgb(210,12,255)
```

Analogous Color

#3aff0c
```
#3aff0c rgb(58,255,12)
```
#580cff
```
#580cff rgb(88,12,255)
```
#ffd20c
```
#ffd20c rgb(255,210,12)
```

Split Complementary Color

#0cff58
```
#0cff58 rgb(12,255,88)
```
#580cff
```
#580cff rgb(88,12,255)
```
#ff580c
```
#ff580c rgb(255,88,12)
```

Triadic Color

#0cb3ff
```
#0cb3ff rgb(12,179,255)
```
#580cff
```
#580cff rgb(88,12,255)
```
#ff580c
```
#ff580c rgb(255,88,12)
```
#b3ff0c
```
#b3ff0c rgb(179,255,12)
```

Tetradic Color

#3c00bf
```
#3c00bf rgb(60,0,191)
```
#4400d8
```
#4400d8 rgb(68,0,216)
```
#4c00f2
```
#4c00f2 rgb(76,0,242)
```
#580cff
```
#580cff rgb(88,12,255)
```
#6a26ff
```
#6a26ff rgb(106,38,255)
```
#7b3fff
```
#7b3fff rgb(123,63,255)
```
#8d59ff
```
#8d59ff rgb(141,89,255)
```

Monochromatic Color

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

#1b0cff
```
#1b0cff rgb(27,12,255)
```
#2f0cff
```
#2f0cff rgb(47,12,255)
```
#440cff
```
#440cff rgb(68,12,255)
```
#580cff
```
#580cff rgb(88,12,255)
```
#6c0cff
```
#6c0cff rgb(108,12,255)
```
#810cff
```
#810cff rgb(129,12,255)
```
#950cff
```
#950cff rgb(149,12,255)
```

Similar Colors

Text with hexadecimal color #580cff

This text has a font color of #580cff.

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

#580cff background color

This paragraph has a background color of #580cff.

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

#580cff border color

This element has a border color of #580cff.

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

CSS codes

.text {color:#580cff;}

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

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

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

#04000c
```
#04000c rgb(4,0,12)
```
#0a0020
```
#0a0020 rgb(10,0,32)
```
#100033
```
#100033 rgb(16,0,51)
```
#160047
```
#160047 rgb(22,0,71)
```
#1c005a
```
#1c005a rgb(28,0,90)
```
#22006e
```
#22006e rgb(34,0,110)
```
#290082
```
#290082 rgb(41,0,130)
```
#2f0095
```
#2f0095 rgb(47,0,149)
```
#3500a9
```
#3500a9 rgb(53,0,169)
```
#3b00bd
```
#3b00bd rgb(59,0,189)
```
#4100d0
```
#4100d0 rgb(65,0,208)
```
#4700e4
```
#4700e4 rgb(71,0,228)
```
#4d00f7
```
#4d00f7 rgb(77,0,247)
```

Shade Color Variation

#580cff
```
#580cff rgb(88,12,255)
```
#6520ff
```
#6520ff rgb(101,32,255)
```
#7333ff
```
#7333ff rgb(115,51,255)
```
#8047ff
```
#8047ff rgb(128,71,255)
```
#8e5aff
```
#8e5aff rgb(142,90,255)
```
#9b6eff
```
#9b6eff rgb(155,110,255)
```
#a982ff
```
#a982ff rgb(169,130,255)
```
#b695ff
```
#b695ff rgb(182,149,255)
```
#c4a9ff
```
#c4a9ff rgb(196,169,255)
```
#d1bdff
```
#d1bdff rgb(209,189,255)
```
#dfd0ff
```
#dfd0ff rgb(223,208,255)
```
#ece4ff
```
#ece4ff rgb(236,228,255)
```
#faf7ff
```
#faf7ff rgb(250,247,255)
```

Tint Color Variation

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

#827c8f
```
#827c8f rgb(130,124,143)
```
#7f7398
```
#7f7398 rgb(127,115,152)
```
#7b69a2
```
#7b69a2 rgb(123,105,162)
```
#7860ab
```
#7860ab rgb(120,96,171)
```
#7457b4
```
#7457b4 rgb(116,87,180)
```
#714dbe
```
#714dbe rgb(113,77,190)
```
#6d44c7
```
#6d44c7 rgb(109,68,199)
```
#6a3bd0
```
#6a3bd0 rgb(106,59,208)
```
#6631da
```
#6631da rgb(102,49,218)
```
#6328e3
```
#6328e3 rgb(99,40,227)
```
#5f1fec
```
#5f1fec rgb(95,31,236)
```
#5c15f6
```
#5c15f6 rgb(92,21,246)
```
#580cff
```
#580cff rgb(88,12,255)
```

Tone Color Variation

Below, you can see how #580cff 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
#433465 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#203fcf Protanomaly 1% of men, 0.01% of women
#2043c0 Deuteranomaly 6% of men, 0.4% of women
#2047a3 Tritanomaly 0.01% of the population

#580cff hex color

#580cff Color Information

#580cff Color Conversion

Color Schemes with #580cff

Alternatives to #580cff

#580cff Preview

Shades and Tints of #580cff

Tones of #580cff

Color Blindness Simulator