colorhexa.com

#580ee2 hex color

In a RGB color space, hex #580ee2 is composed of 34.5% red, 5.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 93.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 260.9 degrees, a saturation of 88.3% and a lightness of 47.1%. #580ee2 color hex could be obtained by blending #b01cff with #0000c5. Closest websafe color is: #6600cc.

- R 35
- G 5
- B 89
RGB color chart
- C 61
- M 94
- Y 0
- K 11
CMYK color chart

● #580ee2 color description : Vivid violet.

The hexadecimal color #580ee2 has RGB values of R:88, G:14, B:226 and CMYK values of C:0.61, M:0.94, Y:0, K:0.11. Its decimal value is 5770978.

Hex triplet	580ee2	`#580ee2`
RGB Decimal	88, 14, 226	`rgb(88,14,226)`
RGB Percent	34.5, 5.5, 88.6	`rgb(34.5%,5.5%,88.6%)`
CMYK	61, 94, 0, 11
HSL	260.9°, 88.3, 47.1	`hsl(260.9,88.3%,47.1%)`
HSV (or HSB)	260.9°, 93.8, 88.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	33.73, 72.28, -88.923
XYZ	17.906, 7.879, 72.525
xyY	0.182, 0.08, 7.879
CIE-LCH	33.73, 114.594, 309.106
CIE-LUV	33.73, 2.054, -117.441
Hunter-Lab	28.07, 64.747, -133.539
Binary	01011000, 00001110, 11100010

#580ee2
```
#580ee2 rgb(88,14,226)
```
#98e20e
```
#98e20e rgb(152,226,14)
```

Complementary Color

#0e2ee2
```
#0e2ee2 rgb(14,46,226)
```
#580ee2
```
#580ee2 rgb(88,14,226)
```
#c20ee2
```
#c20ee2 rgb(194,14,226)
```

Analogous Color

#2ee20e
```
#2ee20e rgb(46,226,14)
```
#580ee2
```
#580ee2 rgb(88,14,226)
```
#e2c20e
```
#e2c20e rgb(226,194,14)
```

Split Complementary Color

#0ee258
```
#0ee258 rgb(14,226,88)
```
#580ee2
```
#580ee2 rgb(88,14,226)
```
#e2580e
```
#e2580e rgb(226,88,14)
```

Triadic Color

#0e98e2
```
#0e98e2 rgb(14,152,226)
```
#580ee2
```
#580ee2 rgb(88,14,226)
```
#e2580e
```
#e2580e rgb(226,88,14)
```
#98e20e
```
#98e20e rgb(152,226,14)
```

Tetradic Color

#3c0a9a
```
#3c0a9a rgb(60,10,154)
```
#450bb2
```
#450bb2 rgb(69,11,178)
```
#4f0dca
```
#4f0dca rgb(79,13,202)
```
#580ee2
```
#580ee2 rgb(88,14,226)
```
#6419f1
```
#6419f1 rgb(100,25,241)
```
#7431f2
```
#7431f2 rgb(116,49,242)
```
#8449f4
```
#8449f4 rgb(132,73,244)
```

Monochromatic Color

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

#230ee2
```
#230ee2 rgb(35,14,226)
```
#350ee2
```
#350ee2 rgb(53,14,226)
```
#460ee2
```
#460ee2 rgb(70,14,226)
```
#580ee2
```
#580ee2 rgb(88,14,226)
```
#6a0ee2
```
#6a0ee2 rgb(106,14,226)
```
#7b0ee2
```
#7b0ee2 rgb(123,14,226)
```
#8d0ee2
```
#8d0ee2 rgb(141,14,226)
```

Similar Colors

Text with hexadecimal color #580ee2

This text has a font color of #580ee2.

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

#580ee2 background color

This paragraph has a background color of #580ee2.

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

#580ee2 border color

This element has a border color of #580ee2.

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

CSS codes

.text {color:#580ee2;}

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

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

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 #f6f1fe is the lightest one.

#020004
```
#020004 rgb(2,0,4)
```
#090117
```
#090117 rgb(9,1,23)
```
#100329
```
#100329 rgb(16,3,41)
```
#17043c
```
#17043c rgb(23,4,60)
```
#1e054e
```
#1e054e rgb(30,5,78)
```
#260661
```
#260661 rgb(38,6,97)
```
#2d0773
```
#2d0773 rgb(45,7,115)
```
#340886
```
#340886 rgb(52,8,134)
```
#3b0998
```
#3b0998 rgb(59,9,152)
```
#420bab
```
#420bab rgb(66,11,171)
```
#4a0cbd
```
#4a0cbd rgb(74,12,189)
```
#510dd0
```
#510dd0 rgb(81,13,208)
```
#580ee2
```
#580ee2 rgb(88,14,226)
```

Shade Color Variation

#6013f0
```
#6013f0 rgb(96,19,240)
```
#6d26f2
```
#6d26f2 rgb(109,38,242)
```
#7938f3
```
#7938f3 rgb(121,56,243)
```
#864bf4
```
#864bf4 rgb(134,75,244)
```
#925df5
```
#925df5 rgb(146,93,245)
```
#9f70f6
```
#9f70f6 rgb(159,112,246)
```
#ab82f7
```
#ab82f7 rgb(171,130,247)
```
#b795f8
```
#b795f8 rgb(183,149,248)
```
#c4a7fa
```
#c4a7fa rgb(196,167,250)
```
#d0b9fb
```
#d0b9fb rgb(208,185,251)
```
#ddccfc
```
#ddccfc rgb(221,204,252)
```
#e9defd
```
#e9defd rgb(233,222,253)
```
#f6f1fe
```
#f6f1fe rgb(246,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77747c is the less saturated color, while #5505eb is the most saturated one.

#77747c
```
#77747c rgb(119,116,124)
```
#746a86
```
#746a86 rgb(116,106,134)
```
#71618f
```
#71618f rgb(113,97,143)
```
#6e5898
```
#6e5898 rgb(110,88,152)
```
#6c4fa1
```
#6c4fa1 rgb(108,79,161)
```
#6945ab
```
#6945ab rgb(105,69,171)
```
#663cb4
```
#663cb4 rgb(102,60,180)
```
#6333bd
```
#6333bd rgb(99,51,189)
```
#602ac6
```
#602ac6 rgb(96,42,198)
```
#5e20d0
```
#5e20d0 rgb(94,32,208)
```
#5b17d9
```
#5b17d9 rgb(91,23,217)
```
#580ee2
```
#580ee2 rgb(88,14,226)
```
#5505eb
```
#5505eb rgb(85,5,235)
```

Tone Color Variation

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

Dichromacy

#0056a6 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#203bbc Protanomaly 1% of men, 0.01% of women
#203fae Deuteranomaly 6% of men, 0.4% of women
#204293 Tritanomaly 0.01% of the population