#581f78 hex color

In a RGB color space, hex #581f78 is composed of 34.5% red, 12.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 74.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 278.4 degrees, a saturation of 58.9% and a lightness of 29.6%. #581f78 color hex could be obtained by blending #b03ef0 with #000000. Closest websafe color is: #663366.

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

● #581f78 color description : Dark violet.

The hexadecimal color #581f78 has RGB values of R:88, G:31, B:120 and CMYK values of C:0.27, M:0.74, Y:0, K:0.53. Its decimal value is 5775224.

Hex triplet	581f78	`#581f78`
RGB Decimal	88, 31, 120	`rgb(88,31,120)`
RGB Percent	34.5, 12.2, 47.1	`rgb(34.5%,12.2%,47.1%)`
CMYK	27, 74, 0, 53
HSL	278.4°, 58.9, 29.6	`hsl(278.4,58.9%,29.6%)`
HSV (or HSB)	278.4°, 74.2, 47.1
Web Safe	663366	`#663366`

CIE-LAB	24.986, 41.58, -39.512
XYZ	7.904, 4.411, 18.203
xyY	0.259, 0.145, 4.411
CIE-LCH	24.986, 57.36, 316.461
CIE-LUV	24.986, 15.547, -51.914
Hunter-Lab	21.002, 30.424, -36.687
Binary	01011000, 00011111, 01111000

#581f78
```
#581f78 rgb(88,31,120)
```
#3f781f
```
#3f781f rgb(63,120,31)
```

Complementary Color

#2c1f78
```
#2c1f78 rgb(44,31,120)
```
#581f78
```
#581f78 rgb(88,31,120)
```
#781f6c
```
#781f6c rgb(120,31,108)
```

Analogous Color

#1f782c
```
#1f782c rgb(31,120,44)
```
#581f78
```
#581f78 rgb(88,31,120)
```
#6c781f
```
#6c781f rgb(108,120,31)
```

Split Complementary Color

#1f7858
```
#1f7858 rgb(31,120,88)
```
#581f78
```
#581f78 rgb(88,31,120)
```
#78581f
```
#78581f rgb(120,88,31)
```

Triadic Color

#1f3f78
```
#1f3f78 rgb(31,63,120)
```
#581f78
```
#581f78 rgb(88,31,120)
```
#78581f
```
#78581f rgb(120,88,31)
```
#3f781f
```
#3f781f rgb(63,120,31)
```

Tetradic Color

#2b0f3b
```
#2b0f3b rgb(43,15,59)
```
#3a154f
```
#3a154f rgb(58,21,79)
```
#491a64
```
#491a64 rgb(73,26,100)
```
#581f78
```
#581f78 rgb(88,31,120)
```
#67248c
```
#67248c rgb(103,36,140)
```
#7629a1
```
#7629a1 rgb(118,41,161)
```
#852fb5
```
#852fb5 rgb(133,47,181)
```

Monochromatic Color

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

#421f78
```
#421f78 rgb(66,31,120)
```
#491f78
```
#491f78 rgb(73,31,120)
```
#511f78
```
#511f78 rgb(81,31,120)
```
#581f78
```
#581f78 rgb(88,31,120)
```
#5f1f78
```
#5f1f78 rgb(95,31,120)
```
#671f78
```
#671f78 rgb(103,31,120)
```
#6e1f78
```
#6e1f78 rgb(110,31,120)
```

Similar Colors

Text with hexadecimal color #581f78

This text has a font color of #581f78.

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

#581f78 background color

This paragraph has a background color of #581f78.

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

#581f78 border color

This element has a border color of #581f78.

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

CSS codes

.text {color:#581f78;}

.background {background-color:#581f78;}

.border {border:1px solid #581f78;}

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, #08030b is the darkest color, while #fdfafe is the lightest one.

#08030b
```
#08030b rgb(8,3,11)
```
#13071a
```
#13071a rgb(19,7,26)
```
#1f0b2a
```
#1f0b2a rgb(31,11,42)
```
#2a0f3a
```
#2a0f3a rgb(42,15,58)
```
#361349
```
#361349 rgb(54,19,73)
```
#411759
```
#411759 rgb(65,23,89)
```
#4d1b68
```
#4d1b68 rgb(77,27,104)
```
#581f78
```
#581f78 rgb(88,31,120)
```
#632388
```
#632388 rgb(99,35,136)
```
#6f2797
```
#6f2797 rgb(111,39,151)
```
#7a2ba7
```
#7a2ba7 rgb(122,43,167)
```
#862fb6
```
#862fb6 rgb(134,47,182)
```
#9133c6
```
#9133c6 rgb(145,51,198)
```

Shade Color Variation

#9a3fcd
```
#9a3fcd rgb(154,63,205)
```
#a34fd1
```
#a34fd1 rgb(163,79,209)
```
#ab5ed6
```
#ab5ed6 rgb(171,94,214)
```
#b36eda
```
#b36eda rgb(179,110,218)
```
#bb7ede
```
#bb7ede rgb(187,126,222)
```
#c38de2
```
#c38de2 rgb(195,141,226)
```
#cb9de6
```
#cb9de6 rgb(203,157,230)
```
#d4acea
```
#d4acea rgb(212,172,234)
```
#dcbcee
```
#dcbcee rgb(220,188,238)
```
#e4ccf2
```
#e4ccf2 rgb(228,204,242)
```
#ecdbf6
```
#ecdbf6 rgb(236,219,246)
```
#f4ebfa
```
#f4ebfa rgb(244,235,250)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#4d484f
```
#4d484f rgb(77,72,79)
```
#4e4255
```
#4e4255 rgb(78,66,85)
```
#503c5b
```
#503c5b rgb(80,60,91)
```
#513661
```
#513661 rgb(81,54,97)
```
#533067
```
#533067 rgb(83,48,103)
```
#552b6c
```
#552b6c rgb(85,43,108)
```
#562572
```
#562572 rgb(86,37,114)
```
#581f78
```
#581f78 rgb(88,31,120)
```
#5a197e
```
#5a197e rgb(90,25,126)
```
#5b1384
```
#5b1384 rgb(91,19,132)
```
#5d0e89
```
#5d0e89 rgb(93,14,137)
```
#5f088f
```
#5f088f rgb(95,8,143)
```
#600295
```
#600295 rgb(96,2,149)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#403546 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004675 Deuteranopia 1% of men
#553f44 Tritanopia 0.001% of the population

Trichromacy

#20367f Protanomaly 1% of men, 0.01% of women
#203876 Deuteranomaly 6% of men, 0.4% of women
#563357 Tritanomaly 0.01% of the population

#581f78 hex color

#581f78 Color Information

#581f78 Color Conversion

Color Schemes with #581f78

Alternatives to #581f78

#581f78 Preview

Shades and Tints of #581f78

Tones of #581f78

Color Blindness Simulator