#580ba9 hex color

In a RGB color space, hex #580ba9 is composed of 34.5% red, 4.3% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 93.5% magenta, 0% yellow and 33.7% black. It has a hue angle of 269.2 degrees, a saturation of 87.8% and a lightness of 35.3%. #580ba9 color hex could be obtained by blending #b016ff with #000053. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 4
- B 66
RGB color chart
- C 48
- M 93
- Y 0
- K 34
CMYK color chart

● #580ba9 color description : Dark violet.

The hexadecimal color #580ba9 has RGB values of R:88, G:11, B:169 and CMYK values of C:0.48, M:0.93, Y:0, K:0.34. Its decimal value is 5770153.

Hex triplet	580ba9	`#580ba9`
RGB Decimal	88, 11, 169	`rgb(88,11,169)`
RGB Percent	34.5, 4.3, 66.3	`rgb(34.5%,4.3%,66.3%)`
CMYK	48, 93, 0, 34
HSL	269.2°, 87.8, 35.3	`hsl(269.2,87.8%,35.3%)`
HSV (or HSB)	269.2°, 93.5, 66.3
Web Safe	660099	`#660099`

CIE-LAB	27.238, 59.52, -66.187
XYZ	11.304, 5.179, 37.938
xyY	0.208, 0.095, 5.179
CIE-LCH	27.238, 89.013, 311.964
CIE-LUV	27.238, 8.898, -84.455
Hunter-Lab	22.757, 48.847, -82.914
Binary	01011000, 00001011, 10101001

#580ba9
```
#580ba9 rgb(88,11,169)
```
#5ca90b
```
#5ca90b rgb(92,169,11)
```

Complementary Color

#0b0da9
```
#0b0da9 rgb(11,13,169)
```
#580ba9
```
#580ba9 rgb(88,11,169)
```
#a70ba9
```
#a70ba9 rgb(167,11,169)
```

Analogous Color

#0da90b
```
#0da90b rgb(13,169,11)
```
#580ba9
```
#580ba9 rgb(88,11,169)
```
#a9a70b
```
#a9a70b rgb(169,167,11)
```

Split Complementary Color

#0ba958
```
#0ba958 rgb(11,169,88)
```
#580ba9
```
#580ba9 rgb(88,11,169)
```
#a9580b
```
#a9580b rgb(169,88,11)
```

Triadic Color

#0b5ca9
```
#0b5ca9 rgb(11,92,169)
```
#580ba9
```
#580ba9 rgb(88,11,169)
```
#a9580b
```
#a9580b rgb(169,88,11)
```
#5ca90b
```
#5ca90b rgb(92,169,11)
```

Tetradic Color

#330661
```
#330661 rgb(51,6,97)
```
#3f0879
```
#3f0879 rgb(63,8,121)
```
#4c0991
```
#4c0991 rgb(76,9,145)
```
#580ba9
```
#580ba9 rgb(88,11,169)
```
#640dc1
```
#640dc1 rgb(100,13,193)
```
#710ed9
```
#710ed9 rgb(113,14,217)
```
#7d11f0
```
#7d11f0 rgb(125,17,240)
```

Monochromatic Color

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

#310ba9
```
#310ba9 rgb(49,11,169)
```
#3e0ba9
```
#3e0ba9 rgb(62,11,169)
```
#4b0ba9
```
#4b0ba9 rgb(75,11,169)
```
#580ba9
```
#580ba9 rgb(88,11,169)
```
#650ba9
```
#650ba9 rgb(101,11,169)
```
#720ba9
```
#720ba9 rgb(114,11,169)
```
#800ba9
```
#800ba9 rgb(128,11,169)
```

Similar Colors

Text with hexadecimal color #580ba9

This text has a font color of #580ba9.

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

#580ba9 background color

This paragraph has a background color of #580ba9.

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

#580ba9 border color

This element has a border color of #580ba9.

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

CSS codes

.text {color:#580ba9;}

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

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0b0116
```
#0b0116 rgb(11,1,22)
```
#150328
```
#150328 rgb(21,3,40)
```
#1e043b
```
#1e043b rgb(30,4,59)
```
#28054d
```
#28054d rgb(40,5,77)
```
#32065f
```
#32065f rgb(50,6,95)
```
#3b0772
```
#3b0772 rgb(59,7,114)
```
#450984
```
#450984 rgb(69,9,132)
```
#4e0a97
```
#4e0a97 rgb(78,10,151)
```
#580ba9
```
#580ba9 rgb(88,11,169)
```
#620cbb
```
#620cbb rgb(98,12,187)
```
#6b0dce
```
#6b0dce rgb(107,13,206)
```
#750fe0
```
#750fe0 rgb(117,15,224)
```

Shade Color Variation

#7e13f0
```
#7e13f0 rgb(126,19,240)
```
#8825f1
```
#8825f1 rgb(136,37,241)
```
#9238f2
```
#9238f2 rgb(146,56,242)
```
#9d4af3
```
#9d4af3 rgb(157,74,243)
```
#a75df4
```
#a75df4 rgb(167,93,244)
```
#b16ff6
```
#b16ff6 rgb(177,111,246)
```
#bb81f7
```
#bb81f7 rgb(187,129,247)
```
#c594f8
```
#c594f8 rgb(197,148,248)
```
#cfa6f9
```
#cfa6f9 rgb(207,166,249)
```
#d9b9fa
```
#d9b9fa rgb(217,185,250)
```
#e3cbfc
```
#e3cbfc rgb(227,203,252)
```
#edddfd
```
#edddfd rgb(237,221,253)
```
#f7f0fe
```
#f7f0fe rgb(247,240,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a575d is the less saturated color, while #5804b0 is the most saturated one.

#5a575d
```
#5a575d rgb(90,87,93)
```
#5a5064
```
#5a5064 rgb(90,80,100)
```
#5a496b
```
#5a496b rgb(90,73,107)
```
#594272
```
#594272 rgb(89,66,114)
```
#593b79
```
#593b79 rgb(89,59,121)
```
#59357f
```
#59357f rgb(89,53,127)
```
#592e86
```
#592e86 rgb(89,46,134)
```
#59278d
```
#59278d rgb(89,39,141)
```
#592094
```
#592094 rgb(89,32,148)
```
#58199b
```
#58199b rgb(88,25,155)
```
#5812a2
```
#5812a2 rgb(88,18,162)
```
#580ba9
```
#580ba9 rgb(88,11,169)
```
#5804b0
```
#5804b0 rgb(88,4,176)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3b2c4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c7a Deuteranopia 1% of men
#424b51 Tritanopia 0.001% of the population

Trichromacy

#203196 Protanomaly 1% of men, 0.01% of women
#20348b Deuteranomaly 6% of men, 0.4% of women
#4a3471 Tritanomaly 0.01% of the population

#580ba9 hex color

#580ba9 Color Information

#580ba9 Color Conversion

Color Schemes with #580ba9

Alternatives to #580ba9

#580ba9 Preview

Shades and Tints of #580ba9

Tones of #580ba9

Color Blindness Simulator