#580eb2 hex color

In a RGB color space, hex #580eb2 is composed of 34.5% red, 5.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 92.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 267.1 degrees, a saturation of 85.4% and a lightness of 37.6%. #580eb2 color hex could be obtained by blending #b01cff with #000065. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 5
- B 70
RGB color chart
- C 51
- M 92
- Y 0
- K 30
CMYK color chart

● #580eb2 color description : Dark violet.

The hexadecimal color #580eb2 has RGB values of R:88, G:14, B:178 and CMYK values of C:0.51, M:0.92, Y:0, K:0.3. Its decimal value is 5770930.

Hex triplet	580eb2	`#580eb2`
RGB Decimal	88, 14, 178	`rgb(88,14,178)`
RGB Percent	34.5, 5.5, 69.8	`rgb(34.5%,5.5%,69.8%)`
CMYK	51, 92, 0, 30
HSL	267.1°, 85.4, 37.6	`hsl(267.1,85.4%,37.6%)`
HSV (or HSB)	267.1°, 92.1, 69.8
Web Safe	660099	`#660099`

CIE-LAB	28.388, 61.002, -69.696
XYZ	12.216, 5.603, 42.555
xyY	0.202, 0.093, 5.603
CIE-LCH	28.388, 92.621, 311.194
CIE-LUV	28.388, 7.52, -89.729
Hunter-Lab	23.671, 50.697, -90.021
Binary	01011000, 00001110, 10110010

#580eb2
```
#580eb2 rgb(88,14,178)
```
#68b20e
```
#68b20e rgb(104,178,14)
```

Complementary Color

#0e16b2
```
#0e16b2 rgb(14,22,178)
```
#580eb2
```
#580eb2 rgb(88,14,178)
```
#aa0eb2
```
#aa0eb2 rgb(170,14,178)
```

Analogous Color

#16b20e
```
#16b20e rgb(22,178,14)
```
#580eb2
```
#580eb2 rgb(88,14,178)
```
#b2aa0e
```
#b2aa0e rgb(178,170,14)
```

Split Complementary Color

#0eb258
```
#0eb258 rgb(14,178,88)
```
#580eb2
```
#580eb2 rgb(88,14,178)
```
#b2580e
```
#b2580e rgb(178,88,14)
```

Triadic Color

#0e68b2
```
#0e68b2 rgb(14,104,178)
```
#580eb2
```
#580eb2 rgb(88,14,178)
```
#b2580e
```
#b2580e rgb(178,88,14)
```
#68b20e
```
#68b20e rgb(104,178,14)
```

Tetradic Color

#35086b
```
#35086b rgb(53,8,107)
```
#410a83
```
#410a83 rgb(65,10,131)
```
#4c0c9a
```
#4c0c9a rgb(76,12,154)
```
#580eb2
```
#580eb2 rgb(88,14,178)
```
#6410ca
```
#6410ca rgb(100,16,202)
```
#6f12e1
```
#6f12e1 rgb(111,18,225)
```
#7c1fed
```
#7c1fed rgb(124,31,237)
```

Monochromatic Color

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

#2f0eb2
```
#2f0eb2 rgb(47,14,178)
```
#3d0eb2
```
#3d0eb2 rgb(61,14,178)
```
#4a0eb2
```
#4a0eb2 rgb(74,14,178)
```
#580eb2
```
#580eb2 rgb(88,14,178)
```
#660eb2
```
#660eb2 rgb(102,14,178)
```
#730eb2
```
#730eb2 rgb(115,14,178)
```
#810eb2
```
#810eb2 rgb(129,14,178)
```

Similar Colors

Text with hexadecimal color #580eb2

This text has a font color of #580eb2.

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

#580eb2 background color

This paragraph has a background color of #580eb2.

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

#580eb2 border color

This element has a border color of #580eb2.

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

CSS codes

.text {color:#580eb2;}

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

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

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, #07010e is the darkest color, while #fdfbff is the lightest one.

#07010e
```
#07010e rgb(7,1,14)
```
#100321
```
#100321 rgb(16,3,33)
```
#190433
```
#190433 rgb(25,4,51)
```
#220545
```
#220545 rgb(34,5,69)
```
#2b0757
```
#2b0757 rgb(43,7,87)
```
#340869
```
#340869 rgb(52,8,105)
```
#3d0a7b
```
#3d0a7b rgb(61,10,123)
```
#460b8e
```
#460b8e rgb(70,11,142)
```
#4f0da0
```
#4f0da0 rgb(79,13,160)
```
#580eb2
```
#580eb2 rgb(88,14,178)
```
#610fc4
```
#610fc4 rgb(97,15,196)
```
#6a11d6
```
#6a11d6 rgb(106,17,214)
```
#7312e9
```
#7312e9 rgb(115,18,233)
```

Shade Color Variation

#7d21ee
```
#7d21ee rgb(125,33,238)
```
#8833ef
```
#8833ef rgb(136,51,239)
```
#9345f0
```
#9345f0 rgb(147,69,240)
```
#9d57f2
```
#9d57f2 rgb(157,87,242)
```
#a86af3
```
#a86af3 rgb(168,106,243)
```
#b27cf5
```
#b27cf5 rgb(178,124,245)
```
#bd8ef6
```
#bd8ef6 rgb(189,142,246)
```
#c8a0f8
```
#c8a0f8 rgb(200,160,248)
```
#d2b2f9
```
#d2b2f9 rgb(210,178,249)
```
#ddc5fa
```
#ddc5fa rgb(221,197,250)
```
#e8d7fc
```
#e8d7fc rgb(232,215,252)
```
#f2e9fd
```
#f2e9fd rgb(242,233,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605f61 is the less saturated color, while #5707b9 is the most saturated one.

#605f61
```
#605f61 rgb(96,95,97)
```
#5f5868
```
#5f5868 rgb(95,88,104)
```
#5e5070
```
#5e5070 rgb(94,80,112)
```
#5e4977
```
#5e4977 rgb(94,73,119)
```
#5d427e
```
#5d427e rgb(93,66,126)
```
#5c3a86
```
#5c3a86 rgb(92,58,134)
```
#5c338d
```
#5c338d rgb(92,51,141)
```
#5b2c94
```
#5b2c94 rgb(91,44,148)
```
#5a249c
```
#5a249c rgb(90,36,156)
```
#591da3
```
#591da3 rgb(89,29,163)
```
#5915ab
```
#5915ab rgb(89,21,171)
```
#580eb2
```
#580eb2 rgb(88,14,178)
```
#5707b9
```
#5707b9 rgb(87,7,185)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3e2f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#3c4f55 Tritanopia 0.001% of the population

Trichromacy

#20349c Protanomaly 1% of men, 0.01% of women
#203790 Deuteranomaly 6% of men, 0.4% of women
#463777 Tritanomaly 0.01% of the population

#580eb2 hex color

#580eb2 Color Information

#580eb2 Color Conversion

Color Schemes with #580eb2

Alternatives to #580eb2

#580eb2 Preview

Shades and Tints of #580eb2

Tones of #580eb2

Color Blindness Simulator