#580488 hex color

In a RGB color space, hex #580488 is composed of 34.5% red, 1.6% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 97.1% magenta, 0% yellow and 46.7% black. It has a hue angle of 278.2 degrees, a saturation of 94.3% and a lightness of 27.5%. #580488 color hex could be obtained by blending #b008ff with #000011. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 2
- B 53
RGB color chart
- C 35
- M 97
- Y 0
- K 47
CMYK color chart

● #580488 color description : Dark violet.

The hexadecimal color #580488 has RGB values of R:88, G:4, B:136 and CMYK values of C:0.35, M:0.97, Y:0, K:0.47. Its decimal value is 5768328.

Hex triplet	580488	`#580488`
RGB Decimal	88, 4, 136	`rgb(88,4,136)`
RGB Percent	34.5, 1.6, 53.3	`rgb(34.5%,1.6%,53.3%)`
CMYK	35, 97, 0, 47
HSL	278.2°, 94.3, 27.5	`hsl(278.2,94.3%,27.5%)`
HSV (or HSB)	278.2°, 97.1, 53.3
Web Safe	660099	`#660099`

CIE-LAB	23.47, 53.566, -52.092
XYZ	8.511, 3.939, 23.603
xyY	0.236, 0.109, 3.939
CIE-LCH	23.47, 74.719, 315.799
CIE-LUV	23.47, 14.685, -64.74
Hunter-Lab	19.848, 41.812, -56.615
Binary	01011000, 00000100, 10001000

#580488
```
#580488 rgb(88,4,136)
```
#348804
```
#348804 rgb(52,136,4)
```

Complementary Color

#160488
```
#160488 rgb(22,4,136)
```
#580488
```
#580488 rgb(88,4,136)
```
#880476
```
#880476 rgb(136,4,118)
```

Analogous Color

#048816
```
#048816 rgb(4,136,22)
```
#580488
```
#580488 rgb(88,4,136)
```
#768804
```
#768804 rgb(118,136,4)
```

Split Complementary Color

#048858
```
#048858 rgb(4,136,88)
```
#580488
```
#580488 rgb(88,4,136)
```
#885804
```
#885804 rgb(136,88,4)
```

Triadic Color

#043488
```
#043488 rgb(4,52,136)
```
#580488
```
#580488 rgb(88,4,136)
```
#885804
```
#885804 rgb(136,88,4)
```
#348804
```
#348804 rgb(52,136,4)
```

Tetradic Color

#28023e
```
#28023e rgb(40,2,62)
```
#380356
```
#380356 rgb(56,3,86)
```
#48036f
```
#48036f rgb(72,3,111)
```
#580488
```
#580488 rgb(88,4,136)
```
#6805a1
```
#6805a1 rgb(104,5,161)
```
#7805ba
```
#7805ba rgb(120,5,186)
```
#8806d2
```
#8806d2 rgb(136,6,210)
```

Monochromatic Color

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

#370488
```
#370488 rgb(55,4,136)
```
#420488
```
#420488 rgb(66,4,136)
```
#4d0488
```
#4d0488 rgb(77,4,136)
```
#580488
```
#580488 rgb(88,4,136)
```
#630488
```
#630488 rgb(99,4,136)
```
#6e0488
```
#6e0488 rgb(110,4,136)
```
#790488
```
#790488 rgb(121,4,136)
```

Similar Colors

Text with hexadecimal color #580488

This text has a font color of #580488.

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

#580488 background color

This paragraph has a background color of #580488.

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

#580488 border color

This element has a border color of #580488.

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

CSS codes

.text {color:#580488;}

.background {background-color:#580488;}

.border {border:1px solid #580488;}

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

#020003
```
#020003 rgb(2,0,3)
```
#0e0116
```
#0e0116 rgb(14,1,22)
```
#1a0129
```
#1a0129 rgb(26,1,41)
```
#27023c
```
#27023c rgb(39,2,60)
```
#33024f
```
#33024f rgb(51,2,79)
```
#3f0362
```
#3f0362 rgb(63,3,98)
```
#4c0375
```
#4c0375 rgb(76,3,117)
```
#580488
```
#580488 rgb(88,4,136)
```
#64059b
```
#64059b rgb(100,5,155)
```
#7105ae
```
#7105ae rgb(113,5,174)
```
#7d06c1
```
#7d06c1 rgb(125,6,193)
```
#8906d4
```
#8906d4 rgb(137,6,212)
```
#9607e7
```
#9607e7 rgb(150,7,231)
```

Shade Color Variation

#a10af8
```
#a10af8 rgb(161,10,248)
```
#a91df8
```
#a91df8 rgb(169,29,248)
```
#b030f9
```
#b030f9 rgb(176,48,249)
```
#b743f9
```
#b743f9 rgb(183,67,249)
```
#be56fa
```
#be56fa rgb(190,86,250)
```
#c669fb
```
#c669fb rgb(198,105,251)
```
#cd7cfb
```
#cd7cfb rgb(205,124,251)
```
#d48ffc
```
#d48ffc rgb(212,143,252)
```
#dca2fc
```
#dca2fc rgb(220,162,252)
```
#e3b5fd
```
#e3b5fd rgb(227,181,253)
```
#eac8fd
```
#eac8fd rgb(234,200,253)
```
#f1dcfe
```
#f1dcfe rgb(241,220,254)
```
#f9efff
```
#f9efff rgb(249,239,255)
```

Tint Color Variation

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

#464547
```
#464547 rgb(70,69,71)
```
#483f4d
```
#483f4d rgb(72,63,77)
```
#493a52
```
#493a52 rgb(73,58,82)
```
#4b3458
```
#4b3458 rgb(75,52,88)
```
#4c2f5d
```
#4c2f5d rgb(76,47,93)
```
#4e2a62
```
#4e2a62 rgb(78,42,98)
```
#4f2468
```
#4f2468 rgb(79,36,104)
```
#511f6d
```
#511f6d rgb(81,31,109)
```
#521a72
```
#521a72 rgb(82,26,114)
```
#541478
```
#541478 rgb(84,20,120)
```
#550f7d
```
#550f7d rgb(85,15,125)
```
#570983
```
#570983 rgb(87,9,131)
```
#580488
```
#580488 rgb(88,4,136)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#35243e Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00436d Deuteranopia 1% of men
#4f3d41 Tritanopia 0.001% of the population

Trichromacy

#202a81 Protanomaly 1% of men, 0.01% of women
#202c77 Deuteranomaly 6% of men, 0.4% of women
#52285b Tritanomaly 0.01% of the population

#580488 hex color

#580488 Color Information

#580488 Color Conversion

Color Schemes with #580488

Alternatives to #580488

#580488 Preview

Shades and Tints of #580488

Tones of #580488

Color Blindness Simulator