#580fdc hex color

In a RGB color space, hex #580fdc is composed of 34.5% red, 5.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 93.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 261.4 degrees, a saturation of 87.2% and a lightness of 46.1%. #580fdc color hex could be obtained by blending #b01eff with #0000b9. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 6
- B 86
RGB color chart
- C 60
- M 93
- Y 0
- K 14
CMYK color chart

● #580fdc color description : Vivid violet.

The hexadecimal color #580fdc has RGB values of R:88, G:15, B:220 and CMYK values of C:0.6, M:0.93, Y:0, K:0.14. Its decimal value is 5771228.

Hex triplet	580fdc	`#580fdc`
RGB Decimal	88, 15, 220	`rgb(88,15,220)`
RGB Percent	34.5, 5.9, 86.3	`rgb(34.5%,5.9%,86.3%)`
CMYK	60, 93, 0, 14
HSL	261.4°, 87.2, 46.1	`hsl(261.4,87.2%,46.1%)`
HSV (or HSB)	261.4°, 93.2, 86.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.099, 70.691, -86.525
XYZ	17.111, 7.583, 68.268
xyY	0.184, 0.082, 7.583
CIE-LCH	33.099, 111.731, 309.249
CIE-LUV	33.099, 2.612, -114.032
Hunter-Lab	27.538, 62.725, -127.709
Binary	01011000, 00001111, 11011100

#580fdc
```
#580fdc rgb(88,15,220)
```
#93dc0f
```
#93dc0f rgb(147,220,15)
```

Complementary Color

#0f2ddc
```
#0f2ddc rgb(15,45,220)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#bf0fdc
```
#bf0fdc rgb(191,15,220)
```

Analogous Color

#2ddc0f
```
#2ddc0f rgb(45,220,15)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#dcbf0f
```
#dcbf0f rgb(220,191,15)
```

Split Complementary Color

#0fdc58
```
#0fdc58 rgb(15,220,88)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#dc580f
```
#dc580f rgb(220,88,15)
```

Triadic Color

#0f93dc
```
#0f93dc rgb(15,147,220)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#dc580f
```
#dc580f rgb(220,88,15)
```
#93dc0f
```
#93dc0f rgb(147,220,15)
```

Tetradic Color

#3b0a94
```
#3b0a94 rgb(59,10,148)
```
#450cac
```
#450cac rgb(69,12,172)
```
#4e0dc4
```
#4e0dc4 rgb(78,13,196)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#6315ef
```
#6315ef rgb(99,21,239)
```
#732df1
```
#732df1 rgb(115,45,241)
```
#8345f2
```
#8345f2 rgb(131,69,242)
```

Monochromatic Color

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

#250fdc
```
#250fdc rgb(37,15,220)
```
#360fdc
```
#360fdc rgb(54,15,220)
```
#470fdc
```
#470fdc rgb(71,15,220)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#690fdc
```
#690fdc rgb(105,15,220)
```
#7a0fdc
```
#7a0fdc rgb(122,15,220)
```
#8b0fdc
```
#8b0fdc rgb(139,15,220)
```

Similar Colors

Text with hexadecimal color #580fdc

This text has a font color of #580fdc.

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

#580fdc background color

This paragraph has a background color of #580fdc.

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

#580fdc border color

This element has a border color of #580fdc.

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

CSS codes

.text {color:#580fdc;}

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

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

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

#070112
```
#070112 rgb(7,1,18)
```
#0f0224
```
#0f0224 rgb(15,2,36)
```
#160437
```
#160437 rgb(22,4,55)
```
#1d0549
```
#1d0549 rgb(29,5,73)
```
#25065b
```
#25065b rgb(37,6,91)
```
#2c076e
```
#2c076e rgb(44,7,110)
```
#330980
```
#330980 rgb(51,9,128)
```
#3b0a93
```
#3b0a93 rgb(59,10,147)
```
#420ba5
```
#420ba5 rgb(66,11,165)
```
#490cb7
```
#490cb7 rgb(73,12,183)
```
#510eca
```
#510eca rgb(81,14,202)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#5f10ee
```
#5f10ee rgb(95,16,238)
```

Shade Color Variation

#6c22f0
```
#6c22f0 rgb(108,34,240)
```
#7835f1
```
#7835f1 rgb(120,53,241)
```
#8447f2
```
#8447f2 rgb(132,71,242)
```
#9059f4
```
#9059f4 rgb(144,89,244)
```
#9d6cf5
```
#9d6cf5 rgb(157,108,245)
```
#a97ef6
```
#a97ef6 rgb(169,126,246)
```
#b590f7
```
#b590f7 rgb(181,144,247)
```
#c1a3f9
```
#c1a3f9 rgb(193,163,249)
```
#ceb5fa
```
#ceb5fa rgb(206,181,250)
```
#dac8fb
```
#dac8fb rgb(218,200,251)
```
#e6dafc
```
#e6dafc rgb(230,218,252)
```
#f2ecfe
```
#f2ecfe rgb(242,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757279 is the less saturated color, while #5506e5 is the most saturated one.

#757279
```
#757279 rgb(117,114,121)
```
#726982
```
#726982 rgb(114,105,130)
```
#6f608b
```
#6f608b rgb(111,96,139)
```
#6d5794
```
#6d5794 rgb(109,87,148)
```
#6a4e9d
```
#6a4e9d rgb(106,78,157)
```
#6845a6
```
#6845a6 rgb(104,69,166)
```
#653caf
```
#653caf rgb(101,60,175)
```
#6233b8
```
#6233b8 rgb(98,51,184)
```
#602ac1
```
#602ac1 rgb(96,42,193)
```
#5d21ca
```
#5d21ca rgb(93,33,202)
```
#5b18d3
```
#5b18d3 rgb(91,24,211)
```
#580fdc
```
#580fdc rgb(88,15,220)
```
#5506e5
```
#5506e5 rgb(85,6,229)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#42335c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#005f66 Tritanopia 0.001% of the population

Trichromacy

#203bb8 Protanomaly 1% of men, 0.01% of women
#203eaa Deuteranomaly 6% of men, 0.4% of women
#204290 Tritanomaly 0.01% of the population

#580fdc hex color

#580fdc Color Information

#580fdc Color Conversion

Color Schemes with #580fdc

Alternatives to #580fdc

#580fdc Preview

Shades and Tints of #580fdc

Tones of #580fdc

Color Blindness Simulator