#580696 hex color

In a RGB color space, hex #580696 is composed of 34.5% red, 2.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 96% magenta, 0% yellow and 41.2% black. It has a hue angle of 274.2 degrees, a saturation of 92.3% and a lightness of 30.6%. #580696 color hex could be obtained by blending #b00cff with #00002d. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 2
- B 59
RGB color chart
- C 41
- M 96
- Y 0
- K 41
CMYK color chart

● #580696 color description : Dark violet.

The hexadecimal color #580696 has RGB values of R:88, G:6, B:150 and CMYK values of C:0.41, M:0.96, Y:0, K:0.41. Its decimal value is 5768854.

Hex triplet	580696	`#580696`
RGB Decimal	88, 6, 150	`rgb(88,6,150)`
RGB Percent	34.5, 2.4, 58.8	`rgb(34.5%,2.4%,58.8%)`
CMYK	41, 96, 0, 41
HSL	274.2°, 92.3, 30.6	`hsl(274.2,92.3%,30.6%)`
HSV (or HSB)	274.2°, 96, 58.8
Web Safe	660099	`#660099`

CIE-LAB	24.974, 56.19, -58.327
XYZ	9.594, 4.407, 29.198
xyY	0.222, 0.102, 4.407
CIE-LCH	24.974, 80.99, 313.931
CIE-LUV	24.974, 12.067, -73.191
Hunter-Lab	20.993, 44.837, -67.767
Binary	01011000, 00000110, 10010110

#580696
```
#580696 rgb(88,6,150)
```
#449606
```
#449606 rgb(68,150,6)
```

Complementary Color

#100696
```
#100696 rgb(16,6,150)
```
#580696
```
#580696 rgb(88,6,150)
```
#96068c
```
#96068c rgb(150,6,140)
```

Analogous Color

#069610
```
#069610 rgb(6,150,16)
```
#580696
```
#580696 rgb(88,6,150)
```
#8c9606
```
#8c9606 rgb(140,150,6)
```

Split Complementary Color

#069658
```
#069658 rgb(6,150,88)
```
#580696
```
#580696 rgb(88,6,150)
```
#965806
```
#965806 rgb(150,88,6)
```

Triadic Color

#064496
```
#064496 rgb(6,68,150)
```
#580696
```
#580696 rgb(88,6,150)
```
#965806
```
#965806 rgb(150,88,6)
```
#449606
```
#449606 rgb(68,150,6)
```

Tetradic Color

#2d034c
```
#2d034c rgb(45,3,76)
```
#3b0465
```
#3b0465 rgb(59,4,101)
```
#4a057d
```
#4a057d rgb(74,5,125)
```
#580696
```
#580696 rgb(88,6,150)
```
#6607af
```
#6607af rgb(102,7,175)
```
#7508c7
```
#7508c7 rgb(117,8,199)
```
#8309e0
```
#8309e0 rgb(131,9,224)
```

Monochromatic Color

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

#340696
```
#340696 rgb(52,6,150)
```
#400696
```
#400696 rgb(64,6,150)
```
#4c0696
```
#4c0696 rgb(76,6,150)
```
#580696
```
#580696 rgb(88,6,150)
```
#640696
```
#640696 rgb(100,6,150)
```
#700696
```
#700696 rgb(112,6,150)
```
#7c0696
```
#7c0696 rgb(124,6,150)
```

Similar Colors

Text with hexadecimal color #580696

This text has a font color of #580696.

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

#580696 background color

This paragraph has a background color of #580696.

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

#580696 border color

This element has a border color of #580696.

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

CSS codes

.text {color:#580696;}

.background {background-color:#580696;}

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

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, #0b0112 is the darkest color, while #fffeff is the lightest one.

#0b0112
```
#0b0112 rgb(11,1,18)
```
#160125
```
#160125 rgb(22,1,37)
```
#210238
```
#210238 rgb(33,2,56)
```
#2c034b
```
#2c034b rgb(44,3,75)
```
#37045d
```
#37045d rgb(55,4,93)
```
#420470
```
#420470 rgb(66,4,112)
```
#4d0583
```
#4d0583 rgb(77,5,131)
```
#580696
```
#580696 rgb(88,6,150)
```
#6307a9
```
#6307a9 rgb(99,7,169)
```
#6e08bc
```
#6e08bc rgb(110,8,188)
```
#7908cf
```
#7908cf rgb(121,8,207)
```
#8409e1
```
#8409e1 rgb(132,9,225)
```
#8f0af4
```
#8f0af4 rgb(143,10,244)
```

Shade Color Variation

#981cf6
```
#981cf6 rgb(152,28,246)
```
#a12ff7
```
#a12ff7 rgb(161,47,247)
```
#a942f7
```
#a942f7 rgb(169,66,247)
```
#b254f8
```
#b254f8 rgb(178,84,248)
```
#ba67f9
```
#ba67f9 rgb(186,103,249)
```
#c37afa
```
#c37afa rgb(195,122,250)
```
#cb8dfa
```
#cb8dfa rgb(203,141,250)
```
#d4a0fb
```
#d4a0fb rgb(212,160,251)
```
#dcb3fc
```
#dcb3fc rgb(220,179,252)
```
#e5c6fd
```
#e5c6fd rgb(229,198,253)
```
#edd8fd
```
#edd8fd rgb(237,216,253)
```
#f6ebfe
```
#f6ebfe rgb(246,235,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#4f4854
```
#4f4854 rgb(79,72,84)
```
#50425a
```
#50425a rgb(80,66,90)
```
#513c60
```
#513c60 rgb(81,60,96)
```
#513666
```
#513666 rgb(81,54,102)
```
#52306c
```
#52306c rgb(82,48,108)
```
#532a72
```
#532a72 rgb(83,42,114)
```
#542478
```
#542478 rgb(84,36,120)
```
#551e7e
```
#551e7e rgb(85,30,126)
```
#551884
```
#551884 rgb(85,24,132)
```
#56128a
```
#56128a rgb(86,18,138)
```
#570c90
```
#570c90 rgb(87,12,144)
```
#580696
```
#580696 rgb(88,6,150)
```
#59009c
```
#59009c rgb(89,0,156)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#372744 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#4a4348 Tritanopia 0.001% of the population

Trichromacy

#202d89 Protanomaly 1% of men, 0.01% of women
#202f7f Deuteranomaly 6% of men, 0.4% of women
#4f2d64 Tritanomaly 0.01% of the population

#580696 hex color

#580696 Color Information

#580696 Color Conversion

Color Schemes with #580696

Alternatives to #580696

#580696 Preview

Shades and Tints of #580696

Tones of #580696

Color Blindness Simulator