#581c86 hex color

In a RGB color space, hex #581c86 is composed of 34.5% red, 11% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 79.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 274 degrees, a saturation of 65.4% and a lightness of 31.8%. #581c86 color hex could be obtained by blending #b038ff with #00000d. Closest websafe color is: #663399.

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

● #581c86 color description : Dark violet.

The hexadecimal color #581c86 has RGB values of R:88, G:28, B:134 and CMYK values of C:0.34, M:0.79, Y:0, K:0.47. Its decimal value is 5774470.

Hex triplet	581c86	`#581c86`
RGB Decimal	88, 28, 134	`rgb(88,28,134)`
RGB Percent	34.5, 11, 52.5	`rgb(34.5%,11%,52.5%)`
CMYK	34, 79, 0, 47
HSL	274°, 65.4, 31.8	`hsl(274,65.4%,31.8%)`
HSV (or HSB)	274°, 79.1, 52.5
Web Safe	663399	`#663399`

CIE-LAB	25.643, 46.202, -47.287
XYZ	8.742, 4.627, 22.985
xyY	0.24, 0.127, 4.627
CIE-LCH	25.643, 66.112, 314.335
CIE-LUV	25.643, 13.296, -61.76
Hunter-Lab	21.51, 34.907, -48.302
Binary	01011000, 00011100, 10000110

#581c86
```
#581c86 rgb(88,28,134)
```
#4a861c
```
#4a861c rgb(74,134,28)
```

Complementary Color

#231c86
```
#231c86 rgb(35,28,134)
```
#581c86
```
#581c86 rgb(88,28,134)
```
#861c7f
```
#861c7f rgb(134,28,127)
```

Analogous Color

#1c8623
```
#1c8623 rgb(28,134,35)
```
#581c86
```
#581c86 rgb(88,28,134)
```
#7f861c
```
#7f861c rgb(127,134,28)
```

Split Complementary Color

#1c8658
```
#1c8658 rgb(28,134,88)
```
#581c86
```
#581c86 rgb(88,28,134)
```
#86581c
```
#86581c rgb(134,88,28)
```

Triadic Color

#1c4a86
```
#1c4a86 rgb(28,74,134)
```
#581c86
```
#581c86 rgb(88,28,134)
```
#86581c
```
#86581c rgb(134,88,28)
```
#4a861c
```
#4a861c rgb(74,134,28)
```

Tetradic Color

#2e0f47
```
#2e0f47 rgb(46,15,71)
```
#3c135c
```
#3c135c rgb(60,19,92)
```
#4a1871
```
#4a1871 rgb(74,24,113)
```
#581c86
```
#581c86 rgb(88,28,134)
```
#66209b
```
#66209b rgb(102,32,155)
```
#7425b0
```
#7425b0 rgb(116,37,176)
```
#8229c5
```
#8229c5 rgb(130,41,197)
```

Monochromatic Color

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

#3d1c86
```
#3d1c86 rgb(61,28,134)
```
#461c86
```
#461c86 rgb(70,28,134)
```
#4f1c86
```
#4f1c86 rgb(79,28,134)
```
#581c86
```
#581c86 rgb(88,28,134)
```
#611c86
```
#611c86 rgb(97,28,134)
```
#6a1c86
```
#6a1c86 rgb(106,28,134)
```
#731c86
```
#731c86 rgb(115,28,134)
```

Similar Colors

Text with hexadecimal color #581c86

This text has a font color of #581c86.

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

#581c86 background color

This paragraph has a background color of #581c86.

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

#581c86 border color

This element has a border color of #581c86.

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

CSS codes

.text {color:#581c86;}

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

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0d0414
```
#0d0414 rgb(13,4,20)
```
#180825
```
#180825 rgb(24,8,37)
```
#230b35
```
#230b35 rgb(35,11,53)
```
#2d0e45
```
#2d0e45 rgb(45,14,69)
```
#381255
```
#381255 rgb(56,18,85)
```
#431566
```
#431566 rgb(67,21,102)
```
#4d1976
```
#4d1976 rgb(77,25,118)
```
#581c86
```
#581c86 rgb(88,28,134)
```
#631f96
```
#631f96 rgb(99,31,150)
```
#6d23a6
```
#6d23a6 rgb(109,35,166)
```
#7826b7
```
#7826b7 rgb(120,38,183)
```
#832ac7
```
#832ac7 rgb(131,42,199)
```

Shade Color Variation

#8d30d4
```
#8d30d4 rgb(141,48,212)
```
#9640d7
```
#9640d7 rgb(150,64,215)
```
#9f51db
```
#9f51db rgb(159,81,219)
```
#a861de
```
#a861de rgb(168,97,222)
```
#b171e1
```
#b171e1 rgb(177,113,225)
```
#ba81e5
```
#ba81e5 rgb(186,129,229)
```
#c392e8
```
#c392e8 rgb(195,146,232)
```
#cca2ec
```
#cca2ec rgb(204,162,236)
```
#d5b2ef
```
#d5b2ef rgb(213,178,239)
```
#ddc2f2
```
#ddc2f2 rgb(221,194,242)
```
#e6d3f6
```
#e6d3f6 rgb(230,211,246)
```
#efe3f9
```
#efe3f9 rgb(239,227,249)
```
#f8f3fc
```
#f8f3fc rgb(248,243,252)
```

Tint Color Variation

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

#514e54
```
#514e54 rgb(81,78,84)
```
#52485a
```
#52485a rgb(82,72,90)
```
#534161
```
#534161 rgb(83,65,97)
```
#543b67
```
#543b67 rgb(84,59,103)
```
#55356d
```
#55356d rgb(85,53,109)
```
#562f73
```
#562f73 rgb(86,47,115)
```
#56287a
```
#56287a rgb(86,40,122)
```
#572280
```
#572280 rgb(87,34,128)
```
#581c86
```
#581c86 rgb(88,28,134)
```
#59168c
```
#59168c rgb(89,22,140)
```
#5a1092
```
#5a1092 rgb(90,16,146)
```
#5a0999
```
#5a0999 rgb(90,9,153)
```
#5b039f
```
#5b039f rgb(91,3,159)
```

Tone Color Variation

Below, you can see how #581c86 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
#403449 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004486 Protanopia 1% of men
#004876 Deuteranopia 1% of men
#514347 Tritanopia 0.001% of the population

Trichromacy

#203586 Protanomaly 1% of men, 0.01% of women
#20387c Deuteranomaly 6% of men, 0.4% of women
#53345e Tritanomaly 0.01% of the population

#581c86 hex color

#581c86 Color Information

#581c86 Color Conversion

Color Schemes with #581c86

Alternatives to #581c86

#581c86 Preview

Shades and Tints of #581c86

Tones of #581c86

Color Blindness Simulator