#581f7a hex color

In a RGB color space, hex #581f7a is composed of 34.5% red, 12.2% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 74.6% magenta, 0% yellow and 52.2% black. It has a hue angle of 277.6 degrees, a saturation of 59.5% and a lightness of 30%. #581f7a color hex could be obtained by blending #b03ef4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 12
- B 48
RGB color chart
- C 28
- M 75
- Y 0
- K 52
CMYK color chart

● #581f7a color description : Dark violet.

The hexadecimal color #581f7a has RGB values of R:88, G:31, B:122 and CMYK values of C:0.28, M:0.75, Y:0, K:0.52. Its decimal value is 5775226.

Hex triplet	581f7a	`#581f7a`
RGB Decimal	88, 31, 122	`rgb(88,31,122)`
RGB Percent	34.5, 12.2, 47.8	`rgb(34.5%,12.2%,47.8%)`
CMYK	28, 75, 0, 52
HSL	277.6°, 59.5, 30	`hsl(277.6,59.5%,30%)`
HSV (or HSB)	277.6°, 74.6, 47.8
Web Safe	663366	`#663366`

CIE-LAB	25.137, 42.051, -40.539
XYZ	8.027, 4.46, 18.849
xyY	0.256, 0.142, 4.46
CIE-LCH	25.137, 58.41, 316.049
CIE-LUV	25.137, 15.153, -53.276
Hunter-Lab	21.119, 30.887, -38.135
Binary	01011000, 00011111, 01111010

#581f7a
```
#581f7a rgb(88,31,122)
```
#417a1f
```
#417a1f rgb(65,122,31)
```

Complementary Color

#2b1f7a
```
#2b1f7a rgb(43,31,122)
```
#581f7a
```
#581f7a rgb(88,31,122)
```
#7a1f6f
```
#7a1f6f rgb(122,31,111)
```

Analogous Color

#1f7a2b
```
#1f7a2b rgb(31,122,43)
```
#581f7a
```
#581f7a rgb(88,31,122)
```
#6f7a1f
```
#6f7a1f rgb(111,122,31)
```

Split Complementary Color

#1f7a58
```
#1f7a58 rgb(31,122,88)
```
#581f7a
```
#581f7a rgb(88,31,122)
```
#7a581f
```
#7a581f rgb(122,88,31)
```

Triadic Color

#1f417a
```
#1f417a rgb(31,65,122)
```
#581f7a
```
#581f7a rgb(88,31,122)
```
#7a581f
```
#7a581f rgb(122,88,31)
```
#417a1f
```
#417a1f rgb(65,122,31)
```

Tetradic Color

#2c103d
```
#2c103d rgb(44,16,61)
```
#3b1551
```
#3b1551 rgb(59,21,81)
```
#491a66
```
#491a66 rgb(73,26,102)
```
#581f7a
```
#581f7a rgb(88,31,122)
```
#67248e
```
#67248e rgb(103,36,142)
```
#7529a3
```
#7529a3 rgb(117,41,163)
```
#842fb7
```
#842fb7 rgb(132,47,183)
```

Monochromatic Color

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

#411f7a
```
#411f7a rgb(65,31,122)
```
#491f7a
```
#491f7a rgb(73,31,122)
```
#501f7a
```
#501f7a rgb(80,31,122)
```
#581f7a
```
#581f7a rgb(88,31,122)
```
#601f7a
```
#601f7a rgb(96,31,122)
```
#671f7a
```
#671f7a rgb(103,31,122)
```
#6f1f7a
```
#6f1f7a rgb(111,31,122)
```

Similar Colors

Text with hexadecimal color #581f7a

This text has a font color of #581f7a.

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

#581f7a background color

This paragraph has a background color of #581f7a.

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

#581f7a border color

This element has a border color of #581f7a.

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

CSS codes

.text {color:#581f7a;}

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

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

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, #09030d is the darkest color, while #fdfcfe is the lightest one.

#09030d
```
#09030d rgb(9,3,13)
```
#14071c
```
#14071c rgb(20,7,28)
```
#200b2c
```
#200b2c rgb(32,11,44)
```
#2b0f3b
```
#2b0f3b rgb(43,15,59)
```
#36134b
```
#36134b rgb(54,19,75)
```
#41175b
```
#41175b rgb(65,23,91)
```
#4d1b6a
```
#4d1b6a rgb(77,27,106)
```
#581f7a
```
#581f7a rgb(88,31,122)
```
#63238a
```
#63238a rgb(99,35,138)
```
#6f2799
```
#6f2799 rgb(111,39,153)
```
#7a2ba9
```
#7a2ba9 rgb(122,43,169)
```
#852fb9
```
#852fb9 rgb(133,47,185)
```
#9033c8
```
#9033c8 rgb(144,51,200)
```

Shade Color Variation

#9940cf
```
#9940cf rgb(153,64,207)
```
#a250d2
```
#a250d2 rgb(162,80,210)
```
#aa5fd6
```
#aa5fd6 rgb(170,95,214)
```
#b26fda
```
#b26fda rgb(178,111,218)
```
#bb7fde
```
#bb7fde rgb(187,127,222)
```
#c38ee2
```
#c38ee2 rgb(195,142,226)
```
#cb9ee6
```
#cb9ee6 rgb(203,158,230)
```
#d4aeea
```
#d4aeea rgb(212,174,234)
```
#dcbdee
```
#dcbdee rgb(220,189,238)
```
#e4cdf2
```
#e4cdf2 rgb(228,205,242)
```
#edddf6
```
#edddf6 rgb(237,221,246)
```
#f5ecfa
```
#f5ecfa rgb(245,236,250)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#4e4851
```
#4e4851 rgb(78,72,81)
```
#4f4257
```
#4f4257 rgb(79,66,87)
```
#513c5d
```
#513c5d rgb(81,60,93)
```
#523762
```
#523762 rgb(82,55,98)
```
#543168
```
#543168 rgb(84,49,104)
```
#552b6e
```
#552b6e rgb(85,43,110)
```
#572574
```
#572574 rgb(87,37,116)
```
#581f7a
```
#581f7a rgb(88,31,122)
```
#591980
```
#591980 rgb(89,25,128)
```
#5b1386
```
#5b1386 rgb(91,19,134)
```
#5c0d8c
```
#5c0d8c rgb(92,13,140)
```
#5e0792
```
#5e0792 rgb(94,7,146)
```
#5f0297
```
#5f0297 rgb(95,2,151)
```

Tone Color Variation

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

Dichromacy

#004384 Protanopia 1% of men
#004676 Deuteranopia 1% of men
#544044 Tritanopia 0.001% of the population

Trichromacy

#203680 Protanomaly 1% of men, 0.01% of women
#203877 Deuteranomaly 6% of men, 0.4% of women
#553458 Tritanomaly 0.01% of the population

#581f7a hex color

#581f7a Color Information

#581f7a Color Conversion

Color Schemes with #581f7a

Alternatives to #581f7a

#581f7a Preview

Shades and Tints of #581f7a

Tones of #581f7a

Color Blindness Simulator