#5a2198 hex color

In a RGB color space, hex #5a2198 is composed of 35.3% red, 12.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 78.3% magenta, 0% yellow and 40.4% black. It has a hue angle of 268.7 degrees, a saturation of 64.3% and a lightness of 36.3%. #5a2198 color hex could be obtained by blending #b442ff with #000031. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 35
- G 13
- B 60
RGB color chart
- C 41
- M 78
- Y 0
- K 40
CMYK color chart

● #5a2198 color description : Dark violet.

The hexadecimal color #5a2198 has RGB values of R:90, G:33, B:152 and CMYK values of C:0.41, M:0.78, Y:0, K:0.4. Its decimal value is 5906840.

Hex triplet	5a2198	`#5a2198`
RGB Decimal	90, 33, 152	`rgb(90,33,152)`
RGB Percent	35.3, 12.9, 59.6	`rgb(35.3%,12.9%,59.6%)`
CMYK	41, 78, 0, 40
HSL	268.7°, 64.3, 36.3	`hsl(268.7,64.3%,36.3%)`
HSV (or HSB)	268.7°, 78.3, 59.6
Web Safe	663399	`#663399`

CIE-LAB	28.19, 48.88, -54.272
XYZ	10.427, 5.528, 30.222
xyY	0.226, 0.12, 5.528
CIE-LCH	28.19, 73.039, 312.008
CIE-LUV	28.19, 10.558, -72.544
Hunter-Lab	23.513, 38.01, -59.749
Binary	01011010, 00100001, 10011000

#5a2198
```
#5a2198 rgb(90,33,152)
```
#5f9821
```
#5f9821 rgb(95,152,33)
```

Complementary Color

#212498
```
#212498 rgb(33,36,152)
```
#5a2198
```
#5a2198 rgb(90,33,152)
```
#962198
```
#962198 rgb(150,33,152)
```

Analogous Color

#249821
```
#249821 rgb(36,152,33)
```
#5a2198
```
#5a2198 rgb(90,33,152)
```
#989621
```
#989621 rgb(152,150,33)
```

Split Complementary Color

#21985a
```
#21985a rgb(33,152,90)
```
#5a2198
```
#5a2198 rgb(90,33,152)
```
#985a21
```
#985a21 rgb(152,90,33)
```

Triadic Color

#215f98
```
#215f98 rgb(33,95,152)
```
#5a2198
```
#5a2198 rgb(90,33,152)
```
#985a21
```
#985a21 rgb(152,90,33)
```
#5f9821
```
#5f9821 rgb(95,152,33)
```

Tetradic Color

#351359
```
#351359 rgb(53,19,89)
```
#41186e
```
#41186e rgb(65,24,110)
```
#4e1c83
```
#4e1c83 rgb(78,28,131)
```
#5a2198
```
#5a2198 rgb(90,33,152)
```
#6626ad
```
#6626ad rgb(102,38,173)
```
#732ac2
```
#732ac2 rgb(115,42,194)
```
#7f33d3
```
#7f33d3 rgb(127,51,211)
```

Monochromatic Color

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

#3c2198
```
#3c2198 rgb(60,33,152)
```
#462198
```
#462198 rgb(70,33,152)
```
#502198
```
#502198 rgb(80,33,152)
```
#5a2198
```
#5a2198 rgb(90,33,152)
```
#642198
```
#642198 rgb(100,33,152)
```
#6e2198
```
#6e2198 rgb(110,33,152)
```
#782198
```
#782198 rgb(120,33,152)
```

Similar Colors

Text with hexadecimal color #5a2198

This text has a font color of #5a2198.

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

#5a2198 background color

This paragraph has a background color of #5a2198.

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

#5a2198 border color

This element has a border color of #5a2198.

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

CSS codes

.text {color:#5a2198;}

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

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

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

#040207
```
#040207 rgb(4,2,7)
```
#0e0517
```
#0e0517 rgb(14,5,23)
```
#170927
```
#170927 rgb(23,9,39)
```
#210c37
```
#210c37 rgb(33,12,55)
```
#2a1047
```
#2a1047 rgb(42,16,71)
```
#341358
```
#341358 rgb(52,19,88)
```
#3d1768
```
#3d1768 rgb(61,23,104)
```
#471a78
```
#471a78 rgb(71,26,120)
```
#501e88
```
#501e88 rgb(80,30,136)
```
#5a2198
```
#5a2198 rgb(90,33,152)
```
#6424a8
```
#6424a8 rgb(100,36,168)
```
#6d28b8
```
#6d28b8 rgb(109,40,184)
```
#772bc8
```
#772bc8 rgb(119,43,200)
```

Shade Color Variation

#8034d3
```
#8034d3 rgb(128,52,211)
```
#8a45d7
```
#8a45d7 rgb(138,69,215)
```
#9555da
```
#9555da rgb(149,85,218)
```
#9f65de
```
#9f65de rgb(159,101,222)
```
#a975e1
```
#a975e1 rgb(169,117,225)
```
#b385e5
```
#b385e5 rgb(179,133,229)
```
#bd95e8
```
#bd95e8 rgb(189,149,232)
```
#c7a5ec
```
#c7a5ec rgb(199,165,236)
```
#d1b5ef
```
#d1b5ef rgb(209,181,239)
```
#dbc5f3
```
#dbc5f3 rgb(219,197,243)
```
#e5d6f6
```
#e5d6f6 rgb(229,214,246)
```
#efe6fa
```
#efe6fa rgb(239,230,250)
```
#f9f6fd
```
#f9f6fd rgb(249,246,253)
```

Tint Color Variation

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

#5c5a5f
```
#5c5a5f rgb(92,90,95)
```
#5c5366
```
#5c5366 rgb(92,83,102)
```
#5c4c6d
```
#5c4c6d rgb(92,76,109)
```
#5b4574
```
#5b4574 rgb(91,69,116)
```
#5b3d7c
```
#5b3d7c rgb(91,61,124)
```
#5b3683
```
#5b3683 rgb(91,54,131)
```
#5b2f8a
```
#5b2f8a rgb(91,47,138)
```
#5a2891
```
#5a2891 rgb(90,40,145)
```
#5a2198
```
#5a2198 rgb(90,33,152)
```
#5a1a9f
```
#5a1a9f rgb(90,26,159)
```
#5913a6
```
#5913a6 rgb(89,19,166)
```
#590cad
```
#590cad rgb(89,12,173)
```
#5905b4
```
#5905b4 rgb(89,5,180)
```

Tone Color Variation

Below, you can see how #5a2198 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
#453a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7e Deuteranopia 1% of men
#4d4b50 Tritanopia 0.001% of the population

Trichromacy

#203b93 Protanomaly 1% of men, 0.01% of women
#203d88 Deuteranomaly 6% of men, 0.4% of women
#523b6a Tritanomaly 0.01% of the population

#5a2198 hex color

#5a2198 Color Information

#5a2198 Color Conversion

Color Schemes with #5a2198

Alternatives to #5a2198

#5a2198 Preview

Shades and Tints of #5a2198

Tones of #5a2198

Color Blindness Simulator