colorhexa.com

#581ca2 hex color

In a RGB color space, hex #581ca2 is composed of 34.5% red, 11% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 82.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 266.9 degrees, a saturation of 70.5% and a lightness of 37.3%. #581ca2 color hex could be obtained by blending #b038ff with #000045. Closest websafe color is: #663399.

- R 35
- G 11
- B 64
RGB color chart
- C 46
- M 83
- Y 0
- K 36
CMYK color chart

● #581ca2 color description : Dark violet.

The hexadecimal color #581ca2 has RGB values of R:88, G:28, B:162 and CMYK values of C:0.46, M:0.83, Y:0, K:0.36. Its decimal value is 5774498.

Hex triplet	581ca2	`#581ca2`
RGB Decimal	88, 28, 162	`rgb(88,28,162)`
RGB Percent	34.5, 11, 63.5	`rgb(34.5%,11%,63.5%)`
CMYK	46, 83, 0, 36
HSL	266.9°, 70.5, 37.3	`hsl(266.9,70.5%,37.3%)`
HSV (or HSB)	266.9°, 82.7, 63.5
Web Safe	663399	`#663399`

CIE-LAB	28.151, 53.061, -60.446
XYZ	10.96, 5.514, 34.667
xyY	0.214, 0.108, 5.514
CIE-LCH	28.151, 80.431, 311.278
CIE-LUV	28.151, 8.765, -79.52
Hunter-Lab	23.482, 42.224, -71.096
Binary	01011000, 00011100, 10100010

#581ca2
```
#581ca2 rgb(88,28,162)
```
#66a21c
```
#66a21c rgb(102,162,28)
```

Complementary Color

#1c23a2
```
#1c23a2 rgb(28,35,162)
```
#581ca2
```
#581ca2 rgb(88,28,162)
```
#9b1ca2
```
#9b1ca2 rgb(155,28,162)
```

Analogous Color

#23a21c
```
#23a21c rgb(35,162,28)
```
#581ca2
```
#581ca2 rgb(88,28,162)
```
#a29b1c
```
#a29b1c rgb(162,155,28)
```

Split Complementary Color

#1ca258
```
#1ca258 rgb(28,162,88)
```
#581ca2
```
#581ca2 rgb(88,28,162)
```
#a2581c
```
#a2581c rgb(162,88,28)
```

Triadic Color

#1c66a2
```
#1c66a2 rgb(28,102,162)
```
#581ca2
```
#581ca2 rgb(88,28,162)
```
#a2581c
```
#a2581c rgb(162,88,28)
```
#66a21c
```
#66a21c rgb(102,162,28)
```

Tetradic Color

#351161
```
#351161 rgb(53,17,97)
```
#401477
```
#401477 rgb(64,20,119)
```
#4c188c
```
#4c188c rgb(76,24,140)
```
#581ca2
```
#581ca2 rgb(88,28,162)
```
#6420b8
```
#6420b8 rgb(100,32,184)
```
#7024cd
```
#7024cd rgb(112,36,205)
```
#7c2fdb
```
#7c2fdb rgb(124,47,219)
```

Monochromatic Color

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

#371ca2
```
#371ca2 rgb(55,28,162)
```
#421ca2
```
#421ca2 rgb(66,28,162)
```
#4d1ca2
```
#4d1ca2 rgb(77,28,162)
```
#581ca2
```
#581ca2 rgb(88,28,162)
```
#631ca2
```
#631ca2 rgb(99,28,162)
```
#6e1ca2
```
#6e1ca2 rgb(110,28,162)
```
#7a1ca2
```
#7a1ca2 rgb(122,28,162)
```

Similar Colors

Text with hexadecimal color #581ca2

This text has a font color of #581ca2.

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

#581ca2 background color

This paragraph has a background color of #581ca2.

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

#581ca2 border color

This element has a border color of #581ca2.

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

CSS codes

.text {color:#581ca2;}

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

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

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

#06020b
```
#06020b rgb(6,2,11)
```
#0f051c
```
#0f051c rgb(15,5,28)
```
#18082d
```
#18082d rgb(24,8,45)
```
#210b3e
```
#210b3e rgb(33,11,62)
```
#2b0e4e
```
#2b0e4e rgb(43,14,78)
```
#34105f
```
#34105f rgb(52,16,95)
```
#3d1370
```
#3d1370 rgb(61,19,112)
```
#461681
```
#461681 rgb(70,22,129)
```
#4f1991
```
#4f1991 rgb(79,25,145)
```
#581ca2
```
#581ca2 rgb(88,28,162)
```
#611fb3
```
#611fb3 rgb(97,31,179)
```
#6a22c3
```
#6a22c3 rgb(106,34,195)
```
#7325d4
```
#7325d4 rgb(115,37,212)
```

Shade Color Variation

#7d31db
```
#7d31db rgb(125,49,219)
```
#8842de
```
#8842de rgb(136,66,222)
```
#9253e1
```
#9253e1 rgb(146,83,225)
```
#9d63e4
```
#9d63e4 rgb(157,99,228)
```
#a774e7
```
#a774e7 rgb(167,116,231)
```
#b285ea
```
#b285ea rgb(178,133,234)
```
#bd95ed
```
#bd95ed rgb(189,149,237)
```
#c7a6f0
```
#c7a6f0 rgb(199,166,240)
```
#d2b7f3
```
#d2b7f3 rgb(210,183,243)
```
#dcc8f5
```
#dcc8f5 rgb(220,200,245)
```
#e7d8f8
```
#e7d8f8 rgb(231,216,248)
```
#f1e9fb
```
#f1e9fb rgb(241,233,251)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#5f5e60
```
#5f5e60 rgb(95,94,96)
```
#5e5668
```
#5e5668 rgb(94,86,104)
```
#5d4f6f
```
#5d4f6f rgb(93,79,111)
```
#5d4876
```
#5d4876 rgb(93,72,118)
```
#5c417d
```
#5c417d rgb(92,65,125)
```
#5b3985
```
#5b3985 rgb(91,57,133)
```
#5a328c
```
#5a328c rgb(90,50,140)
```
#5a2b93
```
#5a2b93 rgb(90,43,147)
```
#59239b
```
#59239b rgb(89,35,155)
```
#581ca2
```
#581ca2 rgb(88,28,162)
```
#5715a9
```
#5715a9 rgb(87,21,169)
```
#560db1
```
#560db1 rgb(86,13,177)
```
#5606b8
```
#5606b8 rgb(86,6,184)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#423651 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#464d52 Tritanopia 0.001% of the population

Trichromacy

#203996 Protanomaly 1% of men, 0.01% of women
#203b8b Deuteranomaly 6% of men, 0.4% of women
#4c3b6f Tritanomaly 0.01% of the population