#581cbc hex color

In a RGB color space, hex #581cbc is composed of 34.5% red, 11% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 85.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 262.5 degrees, a saturation of 74.1% and a lightness of 42.4%. #581cbc color hex could be obtained by blending #b038ff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 11
- B 74
RGB color chart
- C 53
- M 85
- Y 0
- K 26
CMYK color chart

● #581cbc color description : Strong violet.

The hexadecimal color #581cbc has RGB values of R:88, G:28, B:188 and CMYK values of C:0.53, M:0.85, Y:0, K:0.26. Its decimal value is 5774524.

Hex triplet	581cbc	`#581cbc`
RGB Decimal	88, 28, 188	`rgb(88,28,188)`
RGB Percent	34.5, 11, 73.7	`rgb(34.5%,11%,73.7%)`
CMYK	53, 85, 0, 26
HSL	262.5°, 74.1, 42.4	`hsl(262.5,74.1%,42.4%)`
HSV (or HSB)	262.5°, 85.1, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	30.726, 59.57, -71.783
XYZ	13.515, 6.536, 48.124
xyY	0.198, 0.096, 6.536
CIE-LCH	30.726, 93.281, 309.688
CIE-LUV	30.726, 5.352, -95.263
Hunter-Lab	25.565, 49.626, -93.711
Binary	01011000, 00011100, 10111100

#581cbc
```
#581cbc rgb(88,28,188)
```
#80bc1c
```
#80bc1c rgb(128,188,28)
```

Complementary Color

#1c30bc
```
#1c30bc rgb(28,48,188)
```
#581cbc
```
#581cbc rgb(88,28,188)
```
#a81cbc
```
#a81cbc rgb(168,28,188)
```

Analogous Color

#30bc1c
```
#30bc1c rgb(48,188,28)
```
#581cbc
```
#581cbc rgb(88,28,188)
```
#bca81c
```
#bca81c rgb(188,168,28)
```

Split Complementary Color

#1cbc58
```
#1cbc58 rgb(28,188,88)
```
#581cbc
```
#581cbc rgb(88,28,188)
```
#bc581c
```
#bc581c rgb(188,88,28)
```

Triadic Color

#1c80bc
```
#1c80bc rgb(28,128,188)
```
#581cbc
```
#581cbc rgb(88,28,188)
```
#bc581c
```
#bc581c rgb(188,88,28)
```
#80bc1c
```
#80bc1c rgb(128,188,28)
```

Tetradic Color

#391279
```
#391279 rgb(57,18,121)
```
#431590
```
#431590 rgb(67,21,144)
```
#4e19a6
```
#4e19a6 rgb(78,25,166)
```
#581cbc
```
#581cbc rgb(88,28,188)
```
#621fd2
```
#621fd2 rgb(98,31,210)
```
#6f2ce0
```
#6f2ce0 rgb(111,44,224)
```
#7e42e3
```
#7e42e3 rgb(126,66,227)
```

Monochromatic Color

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

#301cbc
```
#301cbc rgb(48,28,188)
```
#3d1cbc
```
#3d1cbc rgb(61,28,188)
```
#4b1cbc
```
#4b1cbc rgb(75,28,188)
```
#581cbc
```
#581cbc rgb(88,28,188)
```
#651cbc
```
#651cbc rgb(101,28,188)
```
#731cbc
```
#731cbc rgb(115,28,188)
```
#801cbc
```
#801cbc rgb(128,28,188)
```

Similar Colors

Text with hexadecimal color #581cbc

This text has a font color of #581cbc.

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

#581cbc background color

This paragraph has a background color of #581cbc.

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

#581cbc border color

This element has a border color of #581cbc.

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

CSS codes

.text {color:#581cbc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080311
```
#080311 rgb(8,3,17)
```
#100522
```
#100522 rgb(16,5,34)
```
#180833
```
#180833 rgb(24,8,51)
```
#200a44
```
#200a44 rgb(32,10,68)
```
#280d56
```
#280d56 rgb(40,13,86)
```
#300f67
```
#300f67 rgb(48,15,103)
```
#381278
```
#381278 rgb(56,18,120)
```
#401489
```
#401489 rgb(64,20,137)
```
#48179a
```
#48179a rgb(72,23,154)
```
#5019ab
```
#5019ab rgb(80,25,171)
```
#581cbc
```
#581cbc rgb(88,28,188)
```
#601fcd
```
#601fcd rgb(96,31,205)
```

Shade Color Variation

#6821de
```
#6821de rgb(104,33,222)
```
#7432e1
```
#7432e1 rgb(116,50,225)
```
#7f43e3
```
#7f43e3 rgb(127,67,227)
```
#8b54e6
```
#8b54e6 rgb(139,84,230)
```
#9766e8
```
#9766e8 rgb(151,102,232)
```
#a277eb
```
#a277eb rgb(162,119,235)
```
#ae88ed
```
#ae88ed rgb(174,136,237)
```
#b999f0
```
#b999f0 rgb(185,153,240)
```
#c5aaf2
```
#c5aaf2 rgb(197,170,242)
```
#d1bbf5
```
#d1bbf5 rgb(209,187,245)
```
#dcccf7
```
#dcccf7 rgb(220,204,247)
```
#e8ddfa
```
#e8ddfa rgb(232,221,250)
```
#f4eefc
```
#f4eefc rgb(244,238,252)
```

Tint Color Variation

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

#6b6771
```
#6b6771 rgb(107,103,113)
```
#695e7a
```
#695e7a rgb(105,94,122)
```
#675682
```
#675682 rgb(103,86,130)
```
#644e8a
```
#644e8a rgb(100,78,138)
```
#624692
```
#624692 rgb(98,70,146)
```
#603d9b
```
#603d9b rgb(96,61,155)
```
#5e35a3
```
#5e35a3 rgb(94,53,163)
```
#5c2dab
```
#5c2dab rgb(92,45,171)
```
#5a24b4
```
#5a24b4 rgb(90,36,180)
```
#581cbc
```
#581cbc rgb(88,28,188)
```
#5614c4
```
#5614c4 rgb(86,20,196)
```
#540bcd
```
#540bcd rgb(84,11,205)
```
#5203d5
```
#5203d5 rgb(82,3,213)
```

Tone Color Variation

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

Dichromacy

#004f9a Protanopia 1% of men
#005486 Deuteranopia 1% of men
#36565c Tritanopia 0.001% of the population

Trichromacy

#203ca6 Protanomaly 1% of men, 0.01% of women
#203f99 Deuteranomaly 6% of men, 0.4% of women
#42417f Tritanomaly 0.01% of the population

#581cbc hex color

#581cbc Color Information

#581cbc Color Conversion

Color Schemes with #581cbc

Alternatives to #581cbc

#581cbc Preview

Shades and Tints of #581cbc

Tones of #581cbc

Color Blindness Simulator