#580cd0 hex color

In a RGB color space, hex #580cd0 is composed of 34.5% red, 4.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 94.2% magenta, 0% yellow and 18.4% black. It has a hue angle of 263.3 degrees, a saturation of 89.1% and a lightness of 43.1%. #580cd0 color hex could be obtained by blending #b018ff with #0000a1. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 5
- B 82
RGB color chart
- C 58
- M 94
- Y 0
- K 18
CMYK color chart

● #580cd0 color description : Strong violet.

The hexadecimal color #580cd0 has RGB values of R:88, G:12, B:208 and CMYK values of C:0.58, M:0.94, Y:0, K:0.18. Its decimal value is 5770448.

Hex triplet	580cd0	`#580cd0`
RGB Decimal	88, 12, 208	`rgb(88,12,208)`
RGB Percent	34.5, 4.7, 81.6	`rgb(34.5%,4.7%,81.6%)`
CMYK	58, 94, 0, 18
HSL	263.3°, 89.1, 43.1	`hsl(263.3,89.1%,43.1%)`
HSV (or HSB)	263.3°, 94.2, 81.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.558, 68.408, -82.137
XYZ	15.539, 6.891, 60.182
xyY	0.188, 0.083, 6.891
CIE-LCH	31.558, 106.893, 309.789
CIE-LUV	31.558, 3.989, -107.168
Hunter-Lab	26.251, 59.72, -117.549
Binary	01011000, 00001100, 11010000

#580cd0
```
#580cd0 rgb(88,12,208)
```
#84d00c
```
#84d00c rgb(132,208,12)
```

Complementary Color

#0c22d0
```
#0c22d0 rgb(12,34,208)
```
#580cd0
```
#580cd0 rgb(88,12,208)
```
#ba0cd0
```
#ba0cd0 rgb(186,12,208)
```

Analogous Color

#22d00c
```
#22d00c rgb(34,208,12)
```
#580cd0
```
#580cd0 rgb(88,12,208)
```
#d0ba0c
```
#d0ba0c rgb(208,186,12)
```

Split Complementary Color

#0cd058
```
#0cd058 rgb(12,208,88)
```
#580cd0
```
#580cd0 rgb(88,12,208)
```
#d0580c
```
#d0580c rgb(208,88,12)
```

Triadic Color

#0c84d0
```
#0c84d0 rgb(12,132,208)
```
#580cd0
```
#580cd0 rgb(88,12,208)
```
#d0580c
```
#d0580c rgb(208,88,12)
```
#84d00c
```
#84d00c rgb(132,208,12)
```

Tetradic Color

#390888
```
#390888 rgb(57,8,136)
```
#4409a0
```
#4409a0 rgb(68,9,160)
```
#4e0bb8
```
#4e0bb8 rgb(78,11,184)
```
#580cd0
```
#580cd0 rgb(88,12,208)
```
#620de8
```
#620de8 rgb(98,13,232)
```
#701df2
```
#701df2 rgb(112,29,242)
```
#7f35f3
```
#7f35f3 rgb(127,53,243)
```

Monochromatic Color

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

#270cd0
```
#270cd0 rgb(39,12,208)
```
#370cd0
```
#370cd0 rgb(55,12,208)
```
#480cd0
```
#480cd0 rgb(72,12,208)
```
#580cd0
```
#580cd0 rgb(88,12,208)
```
#680cd0
```
#680cd0 rgb(104,12,208)
```
#790cd0
```
#790cd0 rgb(121,12,208)
```
#890cd0
```
#890cd0 rgb(137,12,208)
```

Similar Colors

Text with hexadecimal color #580cd0

This text has a font color of #580cd0.

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

#580cd0 background color

This paragraph has a background color of #580cd0.

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

#580cd0 border color

This element has a border color of #580cd0.

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

CSS codes

.text {color:#580cd0;}

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

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0a0117
```
#0a0117 rgb(10,1,23)
```
#110229
```
#110229 rgb(17,2,41)
```
#19033c
```
#19033c rgb(25,3,60)
```
#21054e
```
#21054e rgb(33,5,78)
```
#290661
```
#290661 rgb(41,6,97)
```
#310773
```
#310773 rgb(49,7,115)
```
#390886
```
#390886 rgb(57,8,134)
```
#400998
```
#400998 rgb(64,9,152)
```
#480aab
```
#480aab rgb(72,10,171)
```
#500bbd
```
#500bbd rgb(80,11,189)
```
#580cd0
```
#580cd0 rgb(88,12,208)
```
#600de3
```
#600de3 rgb(96,13,227)
```

Shade Color Variation

#6912f1
```
#6912f1 rgb(105,18,241)
```
#7424f2
```
#7424f2 rgb(116,36,242)
```
#8037f3
```
#8037f3 rgb(128,55,243)
```
#8c4af5
```
#8c4af5 rgb(140,74,245)
```
#985cf6
```
#985cf6 rgb(152,92,246)
```
#a36ff7
```
#a36ff7 rgb(163,111,247)
```
#af81f8
```
#af81f8 rgb(175,129,248)
```
#bb94f9
```
#bb94f9 rgb(187,148,249)
```
#c7a6fa
```
#c7a6fa rgb(199,166,250)
```
#d2b9fb
```
#d2b9fb rgb(210,185,251)
```
#decbfc
```
#decbfc rgb(222,203,252)
```
#eadefd
```
#eadefd rgb(234,222,253)
```
#f6f0fe
```
#f6f0fe rgb(246,240,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6973 is the less saturated color, while #5604d8 is the most saturated one.

#6d6973
```
#6d6973 rgb(109,105,115)
```
#6b617b
```
#6b617b rgb(107,97,123)
```
#695884
```
#695884 rgb(105,88,132)
```
#67508c
```
#67508c rgb(103,80,140)
```
#654795
```
#654795 rgb(101,71,149)
```
#633f9d
```
#633f9d rgb(99,63,157)
```
#6136a6
```
#6136a6 rgb(97,54,166)
```
#602eae
```
#602eae rgb(96,46,174)
```
#5e25b7
```
#5e25b7 rgb(94,37,183)
```
#5c1dbf
```
#5c1dbf rgb(92,29,191)
```
#5a14c8
```
#5a14c8 rgb(90,20,200)
```
#580cd0
```
#580cd0 rgb(88,12,208)
```
#5604d8
```
#5604d8 rgb(86,4,216)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3f3057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005688 Deuteranopia 1% of men
#1a5b61 Tritanopia 0.001% of the population

Trichromacy

#2038b0 Protanomaly 1% of men, 0.01% of women
#203ba2 Deuteranomaly 6% of men, 0.4% of women
#303e89 Tritanomaly 0.01% of the population

#580cd0 hex color

#580cd0 Color Information

#580cd0 Color Conversion

Color Schemes with #580cd0

Alternatives to #580cd0

#580cd0 Preview

Shades and Tints of #580cd0

Tones of #580cd0

Color Blindness Simulator