colorhexa.com

#5a2183 hex color

In a RGB color space, hex #5a2183 is composed of 35.3% red, 12.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 74.8% magenta, 0% yellow and 48.6% black. It has a hue angle of 274.9 degrees, a saturation of 59.8% and a lightness of 32.2%. #5a2183 color hex could be obtained by blending #b442ff with #000007. Closest websafe color is: #663399.

- R 35
- G 13
- B 51
RGB color chart
- C 31
- M 75
- Y 0
- K 49
CMYK color chart

● #5a2183 color description : Dark violet.

The hexadecimal color #5a2183 has RGB values of R:90, G:33, B:131 and CMYK values of C:0.31, M:0.75, Y:0, K:0.49. Its decimal value is 5906819.

Hex triplet	5a2183	`#5a2183`
RGB Decimal	90, 33, 131	`rgb(90,33,131)`
RGB Percent	35.3, 12.9, 51.4	`rgb(35.3%,12.9%,51.4%)`
CMYK	31, 75, 0, 49
HSL	274.9°, 59.8, 32.2	`hsl(274.9,59.8%,32.2%)`
HSV (or HSB)	274.9°, 74.8, 51.4
Web Safe	663399	`#663399`

CIE-LAB	26.449, 43.71, -44.084
XYZ	8.856, 4.9, 21.951
xyY	0.248, 0.137, 4.9
CIE-LCH	26.449, 62.081, 314.756
CIE-LUV	26.449, 14.159, -58.718
Hunter-Lab	22.137, 32.676, -43.297
Binary	01011010, 00100001, 10000011

#5a2183
```
#5a2183 rgb(90,33,131)
```
#4a8321
```
#4a8321 rgb(74,131,33)
```

Complementary Color

#292183
```
#292183 rgb(41,33,131)
```
#5a2183
```
#5a2183 rgb(90,33,131)
```
#83217b
```
#83217b rgb(131,33,123)
```

Analogous Color

#218329
```
#218329 rgb(33,131,41)
```
#5a2183
```
#5a2183 rgb(90,33,131)
```
#7b8321
```
#7b8321 rgb(123,131,33)
```

Split Complementary Color

#21835a
```
#21835a rgb(33,131,90)
```
#5a2183
```
#5a2183 rgb(90,33,131)
```
#835a21
```
#835a21 rgb(131,90,33)
```

Triadic Color

#301246
```
#301246 rgb(48,18,70)
```
#3e175a
```
#3e175a rgb(62,23,90)
```
#4c1c6f
```
#4c1c6f rgb(76,28,111)
```
#5a2183
```
#5a2183 rgb(90,33,131)
```
#682697
```
#682697 rgb(104,38,151)
```
#762bac
```
#762bac rgb(118,43,172)
```
#8430c0
```
#8430c0 rgb(132,48,192)
```

Monochromatic Color

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

#412183
```
#412183 rgb(65,33,131)
```
#4a2183
```
#4a2183 rgb(74,33,131)
```
#522183
```
#522183 rgb(82,33,131)
```
#5a2183
```
#5a2183 rgb(90,33,131)
```
#622183
```
#622183 rgb(98,33,131)
```
#6a2183
```
#6a2183 rgb(106,33,131)
```
#732183
```
#732183 rgb(115,33,131)
```

Similar Colors

Text with hexadecimal color #5a2183

This text has a font color of #5a2183.

<span style="color:#5a2183;">Text here</span>

#5a2183 background color

This paragraph has a background color of #5a2183.

<p style="background-color:#5a2183;">Content here</p>

#5a2183 border color

This element has a border color of #5a2183.

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

CSS codes

.text {color:#5a2183;}

.background {background-color:#5a2183;}

.border {border:1px solid #5a2183;}

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

#040106
```
#040106 rgb(4,1,6)
```
#0f0515
```
#0f0515 rgb(15,5,21)
```
#190925
```
#190925 rgb(25,9,37)
```
#240d35
```
#240d35 rgb(36,13,53)
```
#2f1144
```
#2f1144 rgb(47,17,68)
```
#3a1554
```
#3a1554 rgb(58,21,84)
```
#441964
```
#441964 rgb(68,25,100)
```
#4f1d73
```
#4f1d73 rgb(79,29,115)
```
#5a2183
```
#5a2183 rgb(90,33,131)
```
#652593
```
#652593 rgb(101,37,147)
```
#7029a2
```
#7029a2 rgb(112,41,162)
```
#7a2db2
```
#7a2db2 rgb(122,45,178)
```
#8531c2
```
#8531c2 rgb(133,49,194)
```

Shade Color Variation

#8f39cd
```
#8f39cd rgb(143,57,205)
```
#9849d1
```
#9849d1 rgb(152,73,209)
```
#a158d5
```
#a158d5 rgb(161,88,213)
```
#aa68d9
```
#aa68d9 rgb(170,104,217)
```
#b378dd
```
#b378dd rgb(179,120,221)
```
#bb87e1
```
#bb87e1 rgb(187,135,225)
```
#c497e5
```
#c497e5 rgb(196,151,229)
```
#cda7e9
```
#cda7e9 rgb(205,167,233)
```
#d6b6ed
```
#d6b6ed rgb(214,182,237)
```
#dfc6f1
```
#dfc6f1 rgb(223,198,241)
```
#e8d6f5
```
#e8d6f5 rgb(232,214,245)
```
#f0e5f9
```
#f0e5f9 rgb(240,229,249)
```
#f9f5fc
```
#f9f5fc rgb(249,245,252)
```

Tint Color Variation

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

#534d57
```
#534d57 rgb(83,77,87)
```
#54475d
```
#54475d rgb(84,71,93)
```
#554163
```
#554163 rgb(85,65,99)
```
#563a6a
```
#563a6a rgb(86,58,106)
```
#573470
```
#573470 rgb(87,52,112)
```
#582e76
```
#582e76 rgb(88,46,118)
```
#59277d
```
#59277d rgb(89,39,125)
```
#5a2183
```
#5a2183 rgb(90,33,131)
```
#5b1b89
```
#5b1b89 rgb(91,27,137)
```
#5c1490
```
#5c1490 rgb(92,20,144)
```
#5d0e96
```
#5d0e96 rgb(93,14,150)
```
#5e089c
```
#5e089c rgb(94,8,156)
```
#5f01a3
```
#5f01a3 rgb(95,1,163)
```

Tone Color Variation

Below, you can see how #5a2183 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
#43374b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#00497a Deuteranopia 1% of men
#544449 Tritanopia 0.001% of the population

Trichromacy

#203887 Protanomaly 1% of men, 0.01% of women
#203b7d Deuteranomaly 6% of men, 0.4% of women
#56375e Tritanomaly 0.01% of the population