#581bc0 hex color

In a RGB color space, hex #581bc0 is composed of 34.5% red, 10.6% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 85.9% magenta, 0% yellow and 24.7% black. It has a hue angle of 262.2 degrees, a saturation of 75.3% and a lightness of 42.9%. #581bc0 color hex could be obtained by blending #b036ff with #000081. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 11
- B 75
RGB color chart
- C 54
- M 86
- Y 0
- K 25
CMYK color chart

● #581bc0 color description : Strong violet.

The hexadecimal color #581bc0 has RGB values of R:88, G:27, B:192 and CMYK values of C:0.54, M:0.86, Y:0, K:0.25. Its decimal value is 5774272.

Hex triplet	581bc0	`#581bc0`
RGB Decimal	88, 27, 192	`rgb(88,27,192)`
RGB Percent	34.5, 10.6, 75.3	`rgb(34.5%,10.6%,75.3%)`
CMYK	54, 86, 0, 25
HSL	262.2°, 75.3, 42.9	`hsl(262.2,75.3%,42.9%)`
HSV (or HSB)	262.2°, 85.9, 75.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.03, 60.898, -73.644
XYZ	13.929, 6.664, 50.419
xyY	0.196, 0.094, 6.664
CIE-LCH	31.03, 95.562, 309.588
CIE-LUV	31.03, 4.96, -97.673
Hunter-Lab	25.815, 51.139, -97.728
Binary	01011000, 00011011, 11000000

#581bc0
```
#581bc0 rgb(88,27,192)
```
#83c01b
```
#83c01b rgb(131,192,27)
```

Complementary Color

#1b31c0
```
#1b31c0 rgb(27,49,192)
```
#581bc0
```
#581bc0 rgb(88,27,192)
```
#ab1bc0
```
#ab1bc0 rgb(171,27,192)
```

Analogous Color

#31c01b
```
#31c01b rgb(49,192,27)
```
#581bc0
```
#581bc0 rgb(88,27,192)
```
#c0ab1b
```
#c0ab1b rgb(192,171,27)
```

Split Complementary Color

#1bc058
```
#1bc058 rgb(27,192,88)
```
#581bc0
```
#581bc0 rgb(88,27,192)
```
#c0581b
```
#c0581b rgb(192,88,27)
```

Triadic Color

#1b83c0
```
#1b83c0 rgb(27,131,192)
```
#581bc0
```
#581bc0 rgb(88,27,192)
```
#c0581b
```
#c0581b rgb(192,88,27)
```
#83c01b
```
#83c01b rgb(131,192,27)
```

Tetradic Color

#39127d
```
#39127d rgb(57,18,125)
```
#441593
```
#441593 rgb(68,21,147)
```
#4e18aa
```
#4e18aa rgb(78,24,170)
```
#581bc0
```
#581bc0 rgb(88,27,192)
```
#621ed6
```
#621ed6 rgb(98,30,214)
```
#6f2de1
```
#6f2de1 rgb(111,45,225)
```
#7f43e5
```
#7f43e5 rgb(127,67,229)
```

Monochromatic Color

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

#2f1bc0
```
#2f1bc0 rgb(47,27,192)
```
#3c1bc0
```
#3c1bc0 rgb(60,27,192)
```
#4a1bc0
```
#4a1bc0 rgb(74,27,192)
```
#581bc0
```
#581bc0 rgb(88,27,192)
```
#661bc0
```
#661bc0 rgb(102,27,192)
```
#741bc0
```
#741bc0 rgb(116,27,192)
```
#811bc0
```
#811bc0 rgb(129,27,192)
```

Similar Colors

Text with hexadecimal color #581bc0

This text has a font color of #581bc0.

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

#581bc0 background color

This paragraph has a background color of #581bc0.

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

#581bc0 border color

This element has a border color of #581bc0.

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

CSS codes

.text {color:#581bc0;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#090314
```
#090314 rgb(9,3,20)
```
#110525
```
#110525 rgb(17,5,37)
```
#190836
```
#190836 rgb(25,8,54)
```
#210a48
```
#210a48 rgb(33,10,72)
```
#290c59
```
#290c59 rgb(41,12,89)
```
#310f6a
```
#310f6a rgb(49,15,106)
```
#38117b
```
#38117b rgb(56,17,123)
```
#40148c
```
#40148c rgb(64,20,140)
```
#48169e
```
#48169e rgb(72,22,158)
```
#5019af
```
#5019af rgb(80,25,175)
```
#581bc0
```
#581bc0 rgb(88,27,192)
```
#601dd1
```
#601dd1 rgb(96,29,209)
```

Shade Color Variation

#6822e0
```
#6822e0 rgb(104,34,224)
```
#7433e2
```
#7433e2 rgb(116,51,226)
```
#8045e5
```
#8045e5 rgb(128,69,229)
```
#8c56e7
```
#8c56e7 rgb(140,86,231)
```
#9767ea
```
#9767ea rgb(151,103,234)
```
#a378ec
```
#a378ec rgb(163,120,236)
```
#af89ee
```
#af89ee rgb(175,137,238)
```
#bb9bf1
```
#bb9bf1 rgb(187,155,241)
```
#c6acf3
```
#c6acf3 rgb(198,172,243)
```
#d2bdf6
```
#d2bdf6 rgb(210,189,246)
```
#decef8
```
#decef8 rgb(222,206,248)
```
#e9dffb
```
#e9dffb rgb(233,223,251)
```
#f5f1fd
```
#f5f1fd rgb(245,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6774 is the less saturated color, while #5102d9 is the most saturated one.

#6c6774
```
#6c6774 rgb(108,103,116)
```
#6a5e7d
```
#6a5e7d rgb(106,94,125)
```
#675685
```
#675685 rgb(103,86,133)
```
#654e8d
```
#654e8d rgb(101,78,141)
```
#634596
```
#634596 rgb(99,69,150)
```
#613d9e
```
#613d9e rgb(97,61,158)
```
#5f34a7
```
#5f34a7 rgb(95,52,167)
```
#5c2caf
```
#5c2caf rgb(92,44,175)
```
#5a23b8
```
#5a23b8 rgb(90,35,184)
```
#581bc0
```
#581bc0 rgb(88,27,192)
```
#5613c8
```
#5613c8 rgb(86,19,200)
```
#540ad1
```
#540ad1 rgb(84,10,209)
```
#5102d9
```
#5102d9 rgb(81,2,217)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#45395a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005487 Deuteranopia 1% of men
#33575e Tritanopia 0.001% of the population

Trichromacy

#203ca8 Protanomaly 1% of men, 0.01% of women
#203f9b Deuteranomaly 6% of men, 0.4% of women
#404181 Tritanomaly 0.01% of the population

#581bc0 hex color

#581bc0 Color Information

#581bc0 Color Conversion

Color Schemes with #581bc0

Alternatives to #581bc0

#581bc0 Preview

Shades and Tints of #581bc0

Tones of #581bc0

Color Blindness Simulator