#581f80 hex color

In a RGB color space, hex #581f80 is composed of 34.5% red, 12.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 75.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 275.3 degrees, a saturation of 61% and a lightness of 31.2%. #581f80 color hex could be obtained by blending #b03eff with #000001. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 35
- G 12
- B 50
RGB color chart
- C 31
- M 76
- Y 0
- K 50
CMYK color chart

● #581f80 color description : Dark violet.

The hexadecimal color #581f80 has RGB values of R:88, G:31, B:128 and CMYK values of C:0.31, M:0.76, Y:0, K:0.5. Its decimal value is 5775232.

Hex triplet	581f80	`#581f80`
RGB Decimal	88, 31, 128	`rgb(88,31,128)`
RGB Percent	34.5, 12.2, 50.2	`rgb(34.5%,12.2%,50.2%)`
CMYK	31, 76, 0, 50
HSL	275.3°, 61, 31.2	`hsl(275.3,61%,31.2%)`
HSV (or HSB)	275.3°, 75.8, 50.2
Web Safe	663399	`#663399`

CIE-LAB	25.604, 43.48, -43.581
XYZ	8.41, 4.613, 20.868
xyY	0.248, 0.136, 4.613
CIE-LCH	25.604, 61.561, 314.933
CIE-LUV	25.604, 14.007, -57.322
Hunter-Lab	21.479, 32.305, -42.57
Binary	01011000, 00011111, 10000000

#581f80
```
#581f80 rgb(88,31,128)
```
#47801f
```
#47801f rgb(71,128,31)
```

Complementary Color

#281f80
```
#281f80 rgb(40,31,128)
```
#581f80
```
#581f80 rgb(88,31,128)
```
#801f78
```
#801f78 rgb(128,31,120)
```

Analogous Color

#1f8028
```
#1f8028 rgb(31,128,40)
```
#581f80
```
#581f80 rgb(88,31,128)
```
#78801f
```
#78801f rgb(120,128,31)
```

Split Complementary Color

#1f8058
```
#1f8058 rgb(31,128,88)
```
#581f80
```
#581f80 rgb(88,31,128)
```
#80581f
```
#80581f rgb(128,88,31)
```

Triadic Color

#1f4780
```
#1f4780 rgb(31,71,128)
```
#581f80
```
#581f80 rgb(88,31,128)
```
#80581f
```
#80581f rgb(128,88,31)
```
#47801f
```
#47801f rgb(71,128,31)
```

Tetradic Color

#2e1042
```
#2e1042 rgb(46,16,66)
```
#3c1557
```
#3c1557 rgb(60,21,87)
```
#4a1a6b
```
#4a1a6b rgb(74,26,107)
```
#581f80
```
#581f80 rgb(88,31,128)
```
#662495
```
#662495 rgb(102,36,149)
```
#7429a9
```
#7429a9 rgb(116,41,169)
```
#822ebe
```
#822ebe rgb(130,46,190)
```

Monochromatic Color

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

#401f80
```
#401f80 rgb(64,31,128)
```
#481f80
```
#481f80 rgb(72,31,128)
```
#501f80
```
#501f80 rgb(80,31,128)
```
#581f80
```
#581f80 rgb(88,31,128)
```
#601f80
```
#601f80 rgb(96,31,128)
```
#681f80
```
#681f80 rgb(104,31,128)
```
#701f80
```
#701f80 rgb(112,31,128)
```

Similar Colors

Text with hexadecimal color #581f80

This text has a font color of #581f80.

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

#581f80 background color

This paragraph has a background color of #581f80.

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

#581f80 border color

This element has a border color of #581f80.

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

CSS codes

.text {color:#581f80;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0c0411
```
#0c0411 rgb(12,4,17)
```
#170821
```
#170821 rgb(23,8,33)
```
#220c31
```
#220c31 rgb(34,12,49)
```
#2d1041
```
#2d1041 rgb(45,16,65)
```
#371451
```
#371451 rgb(55,20,81)
```
#421760
```
#421760 rgb(66,23,96)
```
#4d1b70
```
#4d1b70 rgb(77,27,112)
```
#581f80
```
#581f80 rgb(88,31,128)
```
#632390
```
#632390 rgb(99,35,144)
```
#6e27a0
```
#6e27a0 rgb(110,39,160)
```
#792aaf
```
#792aaf rgb(121,42,175)
```
#832ebf
```
#832ebf rgb(131,46,191)
```

Shade Color Variation

#8e33ce
```
#8e33ce rgb(142,51,206)
```
#9743d2
```
#9743d2 rgb(151,67,210)
```
#a053d5
```
#a053d5 rgb(160,83,213)
```
#a863d9
```
#a863d9 rgb(168,99,217)
```
#b173dd
```
#b173dd rgb(177,115,221)
```
#ba82e1
```
#ba82e1 rgb(186,130,225)
```
#c392e5
```
#c392e5 rgb(195,146,229)
```
#cba2e8
```
#cba2e8 rgb(203,162,232)
```
#d4b2ec
```
#d4b2ec rgb(212,178,236)
```
#ddc2f0
```
#ddc2f0 rgb(221,194,240)
```
#e6d1f4
```
#e6d1f4 rgb(230,209,244)
```
#eee1f8
```
#eee1f8 rgb(238,225,248)
```
#f7f1fc
```
#f7f1fc rgb(247,241,252)
```

Tint Color Variation

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

#504a55
```
#504a55 rgb(80,74,85)
```
#52445b
```
#52445b rgb(82,68,91)
```
#533e61
```
#533e61 rgb(83,62,97)
```
#543768
```
#543768 rgb(84,55,104)
```
#55316e
```
#55316e rgb(85,49,110)
```
#562b74
```
#562b74 rgb(86,43,116)
```
#57257a
```
#57257a rgb(87,37,122)
```
#581f80
```
#581f80 rgb(88,31,128)
```
#591986
```
#591986 rgb(89,25,134)
```
#5a138c
```
#5a138c rgb(90,19,140)
```
#5b0d92
```
#5b0d92 rgb(91,13,146)
```
#5c0798
```
#5c0798 rgb(92,7,152)
```
#5d009f
```
#5d009f rgb(93,0,159)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#413549 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004486 Protanopia 1% of men
#004877 Deuteranopia 1% of men
#534247 Tritanopia 0.001% of the population

Trichromacy

#203683 Protanomaly 1% of men, 0.01% of women
#20397a Deuteranomaly 6% of men, 0.4% of women
#54355b Tritanomaly 0.01% of the population

#581f80 hex color

#581f80 Color Information

#581f80 Color Conversion

Color Schemes with #581f80

Alternatives to #581f80

#581f80 Preview

Shades and Tints of #581f80

Tones of #581f80

Color Blindness Simulator