#580cdf hex color

In a RGB color space, hex #580cdf is composed of 34.5% red, 4.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 94.6% magenta, 0% yellow and 12.5% black. It has a hue angle of 261.6 degrees, a saturation of 89.8% and a lightness of 46.1%. #580cdf color hex could be obtained by blending #b018ff with #0000bf. Closest websafe color is: #6600cc.

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

● #580cdf color description : Vivid violet.

The hexadecimal color #580cdf has RGB values of R:88, G:12, B:223 and CMYK values of C:0.61, M:0.95, Y:0, K:0.13. Its decimal value is 5770463.

Hex triplet	580cdf	`#580cdf`
RGB Decimal	88, 12, 223	`rgb(88,12,223)`
RGB Percent	34.5, 4.7, 87.5	`rgb(34.5%,4.7%,87.5%)`
CMYK	61, 95, 0, 13
HSL	261.6°, 89.8, 46.1	`hsl(261.6,89.8%,46.1%)`
HSV (or HSB)	261.6°, 94.6, 87.5
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.275, 71.909, -87.958
XYZ	17.473, 7.665, 70.367
xyY	0.183, 0.08, 7.665
CIE-LCH	33.275, 113.612, 309.267
CIE-LUV	33.275, 2.423, -115.73
Hunter-Lab	27.685, 64.205, -131.315
Binary	01011000, 00001100, 11011111

#580cdf
```
#580cdf rgb(88,12,223)
```
#93df0c
```
#93df0c rgb(147,223,12)
```

Complementary Color

#0c2adf
```
#0c2adf rgb(12,42,223)
```
#580cdf
```
#580cdf rgb(88,12,223)
```
#c20cdf
```
#c20cdf rgb(194,12,223)
```

Analogous Color

#2adf0c
```
#2adf0c rgb(42,223,12)
```
#580cdf
```
#580cdf rgb(88,12,223)
```
#dfc20c
```
#dfc20c rgb(223,194,12)
```

Split Complementary Color

#0cdf58
```
#0cdf58 rgb(12,223,88)
```
#580cdf
```
#580cdf rgb(88,12,223)
```
#df580c
```
#df580c rgb(223,88,12)
```

Triadic Color

#0c93df
```
#0c93df rgb(12,147,223)
```
#580cdf
```
#580cdf rgb(88,12,223)
```
#df580c
```
#df580c rgb(223,88,12)
```
#93df0c
```
#93df0c rgb(147,223,12)
```

Tetradic Color

#3b0896
```
#3b0896 rgb(59,8,150)
```
#4509af
```
#4509af rgb(69,9,175)
```
#4e0bc7
```
#4e0bc7 rgb(78,11,199)
```
#580cdf
```
#580cdf rgb(88,12,223)
```
#6312f2
```
#6312f2 rgb(99,18,242)
```
#732af4
```
#732af4 rgb(115,42,244)
```
#8343f5
```
#8343f5 rgb(131,67,245)
```

Monochromatic Color

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

#230cdf
```
#230cdf rgb(35,12,223)
```
#350cdf
```
#350cdf rgb(53,12,223)
```
#460cdf
```
#460cdf rgb(70,12,223)
```
#580cdf
```
#580cdf rgb(88,12,223)
```
#6a0cdf
```
#6a0cdf rgb(106,12,223)
```
#7b0cdf
```
#7b0cdf rgb(123,12,223)
```
#8d0cdf
```
#8d0cdf rgb(141,12,223)
```

Similar Colors

Text with hexadecimal color #580cdf

This text has a font color of #580cdf.

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

#580cdf background color

This paragraph has a background color of #580cdf.

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

#580cdf border color

This element has a border color of #580cdf.

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

CSS codes

.text {color:#580cdf;}

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

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

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)
```
#0f0225
```
#0f0225 rgb(15,2,37)
```
#160337
```
#160337 rgb(22,3,55)
```
#1d044a
```
#1d044a rgb(29,4,74)
```
#25055d
```
#25055d rgb(37,5,93)
```
#2c066f
```
#2c066f rgb(44,6,111)
```
#330782
```
#330782 rgb(51,7,130)
```
#3b0895
```
#3b0895 rgb(59,8,149)
```
#4209a7
```
#4209a7 rgb(66,9,167)
```
#490aba
```
#490aba rgb(73,10,186)
```
#510bcc
```
#510bcc rgb(81,11,204)
```
#580cdf
```
#580cdf rgb(88,12,223)
```
#5f0df2
```
#5f0df2 rgb(95,13,242)
```

Shade Color Variation

#6c1ff3
```
#6c1ff3 rgb(108,31,243)
```
#7832f4
```
#7832f4 rgb(120,50,244)
```
#8444f5
```
#8444f5 rgb(132,68,245)
```
#9057f6
```
#9057f6 rgb(144,87,246)
```
#9d6af7
```
#9d6af7 rgb(157,106,247)
```
#a97cf8
```
#a97cf8 rgb(169,124,248)
```
#b58ff9
```
#b58ff9 rgb(181,143,249)
```
#c1a2fa
```
#c1a2fa rgb(193,162,250)
```
#ceb4fb
```
#ceb4fb rgb(206,180,251)
```
#dac7fc
```
#dac7fc rgb(218,199,252)
```
#e6d9fd
```
#e6d9fd rgb(230,217,253)
```
#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, #746f7c is the less saturated color, while #5503e8 is the most saturated one.

#746f7c
```
#746f7c rgb(116,111,124)
```
#716685
```
#716685 rgb(113,102,133)
```
#6f5d8e
```
#6f5d8e rgb(111,93,142)
```
#6c5497
```
#6c5497 rgb(108,84,151)
```
#6a4ba0
```
#6a4ba0 rgb(106,75,160)
```
#6742a9
```
#6742a9 rgb(103,66,169)
```
#6539b2
```
#6539b2 rgb(101,57,178)
```
#6230bb
```
#6230bb rgb(98,48,187)
```
#6027c4
```
#6027c4 rgb(96,39,196)
```
#5d1ecd
```
#5d1ecd rgb(93,30,205)
```
#5b15d6
```
#5b15d6 rgb(91,21,214)
```
#580cdf
```
#580cdf rgb(88,12,223)
```
#5503e8
```
#5503e8 rgb(85,3,232)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#41325c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a4 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#203ab9 Protanomaly 1% of men, 0.01% of women
#203dab Deuteranomaly 6% of men, 0.4% of women
#204192 Tritanomaly 0.01% of the population

#580cdf hex color

#580cdf Color Information

#580cdf Color Conversion

Color Schemes with #580cdf

Alternatives to #580cdf

#580cdf Preview

Shades and Tints of #580cdf

Tones of #580cdf

Color Blindness Simulator