#580ba0 hex color

In a RGB color space, hex #580ba0 is composed of 34.5% red, 4.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 93.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 271 degrees, a saturation of 87.1% and a lightness of 33.5%. #580ba0 color hex could be obtained by blending #b016ff with #000041. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 4
- B 63
RGB color chart
- C 45
- M 93
- Y 0
- K 37
CMYK color chart

● #580ba0 color description : Dark violet.

The hexadecimal color #580ba0 has RGB values of R:88, G:11, B:160 and CMYK values of C:0.45, M:0.93, Y:0, K:0.37. Its decimal value is 5770144.

Hex triplet	580ba0	`#580ba0`
RGB Decimal	88, 11, 160	`rgb(88,11,160)`
RGB Percent	34.5, 4.3, 62.7	`rgb(34.5%,4.3%,62.7%)`
CMYK	45, 93, 0, 37
HSL	271°, 87.1, 33.5	`hsl(271,87.1%,33.5%)`
HSV (or HSB)	271°, 93.1, 62.7
Web Safe	660099	`#660099`

CIE-LAB	26.309, 57.456, -62.258
XYZ	10.488, 4.852, 33.64
xyY	0.214, 0.099, 4.852
CIE-LCH	26.309, 84.719, 312.703
CIE-LUV	26.309, 10.237, -79.092
Hunter-Lab	22.028, 46.443, -75.126
Binary	01011000, 00001011, 10100000

#580ba0
```
#580ba0 rgb(88,11,160)
```
#53a00b
```
#53a00b rgb(83,160,11)
```

Complementary Color

#0d0ba0
```
#0d0ba0 rgb(13,11,160)
```
#580ba0
```
#580ba0 rgb(88,11,160)
```
#a00b9e
```
#a00b9e rgb(160,11,158)
```

Analogous Color

#0ba00d
```
#0ba00d rgb(11,160,13)
```
#580ba0
```
#580ba0 rgb(88,11,160)
```
#9ea00b
```
#9ea00b rgb(158,160,11)
```

Split Complementary Color

#0ba058
```
#0ba058 rgb(11,160,88)
```
#580ba0
```
#580ba0 rgb(88,11,160)
```
#a0580b
```
#a0580b rgb(160,88,11)
```

Triadic Color

#0b53a0
```
#0b53a0 rgb(11,83,160)
```
#580ba0
```
#580ba0 rgb(88,11,160)
```
#a0580b
```
#a0580b rgb(160,88,11)
```
#53a00b
```
#53a00b rgb(83,160,11)
```

Tetradic Color

#310658
```
#310658 rgb(49,6,88)
```
#3e0870
```
#3e0870 rgb(62,8,112)
```
#4b0988
```
#4b0988 rgb(75,9,136)
```
#580ba0
```
#580ba0 rgb(88,11,160)
```
#650db8
```
#650db8 rgb(101,13,184)
```
#720ed0
```
#720ed0 rgb(114,14,208)
```
#7f10e8
```
#7f10e8 rgb(127,16,232)
```

Monochromatic Color

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

#330ba0
```
#330ba0 rgb(51,11,160)
```
#3f0ba0
```
#3f0ba0 rgb(63,11,160)
```
#4c0ba0
```
#4c0ba0 rgb(76,11,160)
```
#580ba0
```
#580ba0 rgb(88,11,160)
```
#640ba0
```
#640ba0 rgb(100,11,160)
```
#710ba0
```
#710ba0 rgb(113,11,160)
```
#7d0ba0
```
#7d0ba0 rgb(125,11,160)
```

Similar Colors

Text with hexadecimal color #580ba0

This text has a font color of #580ba0.

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

#580ba0 background color

This paragraph has a background color of #580ba0.

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

#580ba0 border color

This element has a border color of #580ba0.

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

CSS codes

.text {color:#580ba0;}

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

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

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

#07010d
```
#07010d rgb(7,1,13)
```
#110220
```
#110220 rgb(17,2,32)
```
#1b0332
```
#1b0332 rgb(27,3,50)
```
#260544
```
#260544 rgb(38,5,68)
```
#300657
```
#300657 rgb(48,6,87)
```
#3a0769
```
#3a0769 rgb(58,7,105)
```
#44087b
```
#44087b rgb(68,8,123)
```
#4e0a8e
```
#4e0a8e rgb(78,10,142)
```
#580ba0
```
#580ba0 rgb(88,11,160)
```
#620cb2
```
#620cb2 rgb(98,12,178)
```
#6c0ec5
```
#6c0ec5 rgb(108,14,197)
```
#760fd7
```
#760fd7 rgb(118,15,215)
```
#8010e9
```
#8010e9 rgb(128,16,233)
```

Shade Color Variation

#8a1ef0
```
#8a1ef0 rgb(138,30,240)
```
#9430f1
```
#9430f1 rgb(148,48,241)
```
#9d42f2
```
#9d42f2 rgb(157,66,242)
```
#a755f3
```
#a755f3 rgb(167,85,243)
```
#b067f5
```
#b067f5 rgb(176,103,245)
```
#ba79f6
```
#ba79f6 rgb(186,121,246)
```
#c38cf7
```
#c38cf7 rgb(195,140,247)
```
#cd9ef8
```
#cd9ef8 rgb(205,158,248)
```
#d6b0fa
```
#d6b0fa rgb(214,176,250)
```
#e0c3fb
```
#e0c3fb rgb(224,195,251)
```
#e9d5fc
```
#e9d5fc rgb(233,213,252)
```
#f3e7fd
```
#f3e7fd rgb(243,231,253)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#565358
```
#565358 rgb(86,83,88)
```
#564d5e
```
#564d5e rgb(86,77,94)
```
#564665
```
#564665 rgb(86,70,101)
```
#56406b
```
#56406b rgb(86,64,107)
```
#563972
```
#563972 rgb(86,57,114)
```
#573279
```
#573279 rgb(87,50,121)
```
#572c7f
```
#572c7f rgb(87,44,127)
```
#572586
```
#572586 rgb(87,37,134)
```
#571f8c
```
#571f8c rgb(87,31,140)
```
#581893
```
#581893 rgb(88,24,147)
```
#581299
```
#581299 rgb(88,18,153)
```
#580ba0
```
#580ba0 rgb(88,11,160)
```
#5804a7
```
#5804a7 rgb(88,4,167)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#3a2b49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004a77 Deuteranopia 1% of men
#46484d Tritanopia 0.001% of the population

Trichromacy

#203090 Protanomaly 1% of men, 0.01% of women
#203385 Deuteranomaly 6% of men, 0.4% of women
#4c316b Tritanomaly 0.01% of the population

#580ba0 hex color

#580ba0 Color Information

#580ba0 Color Conversion

Color Schemes with #580ba0

Alternatives to #580ba0

#580ba0 Preview

Shades and Tints of #580ba0

Tones of #580ba0

Color Blindness Simulator