#580fff hex color

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

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

● #580fff color description : Vivid violet.

The hexadecimal color #580fff has RGB values of R:88, G:15, B:255 and CMYK values of C:0.65, M:0.94, Y:0, K:0. Its decimal value is 5771263.

Hex triplet	580fff	`#580fff`
RGB Decimal	88, 15, 255	`rgb(88,15,255)`
RGB Percent	34.5, 5.9, 100	`rgb(34.5%,5.9%,100%)`
CMYK	65, 94, 0, 0
HSL	258.3°, 100, 52.9	`hsl(258.3,100%,52.9%)`
HSV (or HSB)	258.3°, 94.1, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.18, 78.892, -99.615
XYZ	22.242, 9.635, 95.29
xyY	0.175, 0.076, 9.635
CIE-LCH	37.18, 127.071, 308.378
CIE-LUV	37.18, -0.623, -133.766
Hunter-Lab	31.041, 73.58, -160.28
Binary	01011000, 00001111, 11111111

#580fff
```
#580fff rgb(88,15,255)
```
#b6ff0f
```
#b6ff0f rgb(182,255,15)
```

Complementary Color

#0f3eff
```
#0f3eff rgb(15,62,255)
```
#580fff
```
#580fff rgb(88,15,255)
```
#d00fff
```
#d00fff rgb(208,15,255)
```

Analogous Color

#3eff0f
```
#3eff0f rgb(62,255,15)
```
#580fff
```
#580fff rgb(88,15,255)
```
#ffd00f
```
#ffd00f rgb(255,208,15)
```

Split Complementary Color

#0fff58
```
#0fff58 rgb(15,255,88)
```
#580fff
```
#580fff rgb(88,15,255)
```
#ff580f
```
#ff580f rgb(255,88,15)
```

Triadic Color

#0fb6ff
```
#0fb6ff rgb(15,182,255)
```
#580fff
```
#580fff rgb(88,15,255)
```
#ff580f
```
#ff580f rgb(255,88,15)
```
#b6ff0f
```
#b6ff0f rgb(182,255,15)
```

Tetradic Color

#3b00c2
```
#3b00c2 rgb(59,0,194)
```
#4300db
```
#4300db rgb(67,0,219)
```
#4a00f5
```
#4a00f5 rgb(74,0,245)
```
#580fff
```
#580fff rgb(88,15,255)
```
#6a29ff
```
#6a29ff rgb(106,41,255)
```
#7b42ff
```
#7b42ff rgb(123,66,255)
```
#8d5cff
```
#8d5cff rgb(141,92,255)
```

Monochromatic Color

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

#1c0fff
```
#1c0fff rgb(28,15,255)
```
#300fff
```
#300fff rgb(48,15,255)
```
#440fff
```
#440fff rgb(68,15,255)
```
#580fff
```
#580fff rgb(88,15,255)
```
#6c0fff
```
#6c0fff rgb(108,15,255)
```
#800fff
```
#800fff rgb(128,15,255)
```
#940fff
```
#940fff rgb(148,15,255)
```

Similar Colors

Text with hexadecimal color #580fff

This text has a font color of #580fff.

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

#580fff background color

This paragraph has a background color of #580fff.

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

#580fff border color

This element has a border color of #580fff.

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

CSS codes

.text {color:#580fff;}

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

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

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, #05000f is the darkest color, while #fcfaff is the lightest one.

#05000f
```
#05000f rgb(5,0,15)
```
#0b0023
```
#0b0023 rgb(11,0,35)
```
#100036
```
#100036 rgb(16,0,54)
```
#16004a
```
#16004a rgb(22,0,74)
```
#1c005d
```
#1c005d rgb(28,0,93)
```
#220071
```
#220071 rgb(34,0,113)
```
#280085
```
#280085 rgb(40,0,133)
```
#2e0098
```
#2e0098 rgb(46,0,152)
```
#3400ac
```
#3400ac rgb(52,0,172)
```
#3a00c0
```
#3a00c0 rgb(58,0,192)
```
#4000d3
```
#4000d3 rgb(64,0,211)
```
#4600e7
```
#4600e7 rgb(70,0,231)
```
#4c00fa
```
#4c00fa rgb(76,0,250)
```

Shade Color Variation

#580fff
```
#580fff rgb(88,15,255)
```
#6623ff
```
#6623ff rgb(102,35,255)
```
#7336ff
```
#7336ff rgb(115,54,255)
```
#814aff
```
#814aff rgb(129,74,255)
```
#8f5dff
```
#8f5dff rgb(143,93,255)
```
#9c71ff
```
#9c71ff rgb(156,113,255)
```
#aa85ff
```
#aa85ff rgb(170,133,255)
```
#b898ff
```
#b898ff rgb(184,152,255)
```
#c5acff
```
#c5acff rgb(197,172,255)
```
#d3c0ff
```
#d3c0ff rgb(211,192,255)
```
#e0d3ff
```
#e0d3ff rgb(224,211,255)
```
#eee7ff
```
#eee7ff rgb(238,231,255)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#837e90
```
#837e90 rgb(131,126,144)
```
#807599
```
#807599 rgb(128,117,153)
```
#7c6ba3
```
#7c6ba3 rgb(124,107,163)
```
#7962ac
```
#7962ac rgb(121,98,172)
```
#7559b5
```
#7559b5 rgb(117,89,181)
```
#7150be
```
#7150be rgb(113,80,190)
```
#6e46c8
```
#6e46c8 rgb(110,70,200)
```
#6a3dd1
```
#6a3dd1 rgb(106,61,209)
```
#6634da
```
#6634da rgb(102,52,218)
```
#632be3
```
#632be3 rgb(99,43,227)
```
#5f21ed
```
#5f21ed rgb(95,33,237)
```
#5c18f6
```
#5c18f6 rgb(92,24,246)
```
#580fff
```
#580fff rgb(88,15,255)
```

Tone Color Variation

Below, you can see how #580fff 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
#00639c Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

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

#580fff hex color

#580fff Color Information

#580fff Color Conversion

Color Schemes with #580fff

Alternatives to #580fff

#580fff Preview

Shades and Tints of #580fff

Tones of #580fff

Color Blindness Simulator