#5a366e hex color

In a RGB color space, hex #5a366e is composed of 35.3% red, 21.2% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 50.9% magenta, 0% yellow and 56.9% black. It has a hue angle of 278.6 degrees, a saturation of 34.1% and a lightness of 32.2%. #5a366e color hex could be obtained by blending #b46cdc with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 21
- B 43
RGB color chart
- C 18
- M 51
- Y 0
- K 57
CMYK color chart

● #5a366e color description : Very dark desaturated violet.

The hexadecimal color #5a366e has RGB values of R:90, G:54, B:110 and CMYK values of C:0.18, M:0.51, Y:0, K:0.57. Its decimal value is 5912174.

Hex triplet	5a366e	`#5a366e`
RGB Decimal	90, 54, 110	`rgb(90,54,110)`
RGB Percent	35.3, 21.2, 43.1	`rgb(35.3%,21.2%,43.1%)`
CMYK	18, 51, 0, 57
HSL	278.6°, 34.1, 32.2	`hsl(278.6,34.1%,32.2%)`
HSV (or HSB)	278.6°, 50.9, 43.1
Web Safe	663366	`#663366`

CIE-LAB	29.255, 27.203, -26.306
XYZ	8.35, 5.938, 15.457
xyY	0.281, 0.2, 5.938
CIE-LCH	29.255, 37.842, 315.961
CIE-LUV	29.255, 13.096, -36.767
Hunter-Lab	24.368, 18.519, -20.552
Binary	01011010, 00110110, 01101110

#5a366e
```
#5a366e rgb(90,54,110)
```
#4a6e36
```
#4a6e36 rgb(74,110,54)
```

Complementary Color

#3e366e
```
#3e366e rgb(62,54,110)
```
#5a366e
```
#5a366e rgb(90,54,110)
```
#6e3666
```
#6e3666 rgb(110,54,102)
```

Analogous Color

#366e3e
```
#366e3e rgb(54,110,62)
```
#5a366e
```
#5a366e rgb(90,54,110)
```
#666e36
```
#666e36 rgb(102,110,54)
```

Split Complementary Color

#366e5a
```
#366e5a rgb(54,110,90)
```
#5a366e
```
#5a366e rgb(90,54,110)
```
#6e5a36
```
#6e5a36 rgb(110,90,54)
```

Triadic Color

#364a6e
```
#364a6e rgb(54,74,110)
```
#5a366e
```
#5a366e rgb(90,54,110)
```
#6e5a36
```
#6e5a36 rgb(110,90,54)
```
#4a6e36
```
#4a6e36 rgb(74,110,54)
```

Tetradic Color

#301d3b
```
#301d3b rgb(48,29,59)
```
#3e254c
```
#3e254c rgb(62,37,76)
```
#4c2e5d
```
#4c2e5d rgb(76,46,93)
```
#5a366e
```
#5a366e rgb(90,54,110)
```
#683e7f
```
#683e7f rgb(104,62,127)
```
#764790
```
#764790 rgb(118,71,144)
```
#844fa1
```
#844fa1 rgb(132,79,161)
```

Monochromatic Color

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

#4c366e
```
#4c366e rgb(76,54,110)
```
#51366e
```
#51366e rgb(81,54,110)
```
#55366e
```
#55366e rgb(85,54,110)
```
#5a366e
```
#5a366e rgb(90,54,110)
```
#5f366e
```
#5f366e rgb(95,54,110)
```
#63366e
```
#63366e rgb(99,54,110)
```
#68366e
```
#68366e rgb(104,54,110)
```

Similar Colors

Text with hexadecimal color #5a366e

This text has a font color of #5a366e.

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

#5a366e background color

This paragraph has a background color of #5a366e.

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

#5a366e border color

This element has a border color of #5a366e.

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

CSS codes

.text {color:#5a366e;}

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

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

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

#040205
```
#040205 rgb(4,2,5)
```
#0f0912
```
#0f0912 rgb(15,9,18)
```
#190f1f
```
#190f1f rgb(25,15,31)
```
#24162c
```
#24162c rgb(36,22,44)
```
#2f1c39
```
#2f1c39 rgb(47,28,57)
```
#3a2347
```
#3a2347 rgb(58,35,71)
```
#442954
```
#442954 rgb(68,41,84)
```
#4f3061
```
#4f3061 rgb(79,48,97)
```
#5a366e
```
#5a366e rgb(90,54,110)
```
#653c7b
```
#653c7b rgb(101,60,123)
```
#704388
```
#704388 rgb(112,67,136)
```
#7a4995
```
#7a4995 rgb(122,73,149)
```
#8550a3
```
#8550a3 rgb(133,80,163)
```

Shade Color Variation

#8f59ad
```
#8f59ad rgb(143,89,173)
```
#9866b4
```
#9866b4 rgb(152,102,180)
```
#a173ba
```
#a173ba rgb(161,115,186)
```
#aa80c1
```
#aa80c1 rgb(170,128,193)
```
#b38dc7
```
#b38dc7 rgb(179,141,199)
```
#bb9ace
```
#bb9ace rgb(187,154,206)
```
#c4a8d4
```
#c4a8d4 rgb(196,168,212)
```
#cdb5db
```
#cdb5db rgb(205,181,219)
```
#d6c2e1
```
#d6c2e1 rgb(214,194,225)
```
#dfcfe7
```
#dfcfe7 rgb(223,207,231)
```
#e8dcee
```
#e8dcee rgb(232,220,238)
```
#f0e9f4
```
#f0e9f4 rgb(240,233,244)
```
#f9f7fb
```
#f9f7fb rgb(249,247,251)
```

Tint Color Variation

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

#534f55
```
#534f55 rgb(83,79,85)
```
#55495b
```
#55495b rgb(85,73,91)
```
#564361
```
#564361 rgb(86,67,97)
```
#583c68
```
#583c68 rgb(88,60,104)
```
#5a366e
```
#5a366e rgb(90,54,110)
```
#5c3074
```
#5c3074 rgb(92,48,116)
```
#5e297b
```
#5e297b rgb(94,41,123)
```
#5f2381
```
#5f2381 rgb(95,35,129)
```
#611d87
```
#611d87 rgb(97,29,135)
```
#63168e
```
#63168e rgb(99,22,142)
```
#651094
```
#651094 rgb(101,16,148)
```
#670a9a
```
#670a9a rgb(103,10,154)
```
#6804a0
```
#6804a0 rgb(104,4,160)
```

Tone Color Variation

Below, you can see how #5a366e 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

#474747 Achromatopsia 0.005% of the population
#4b444f Atypical Achromatopsia 0.001% of the population

Dichromacy

#374d7f Protanopia 1% of men
#3d4e70 Deuteranopia 1% of men
#5b4a4f Tritanopia 0.001% of the population

Trichromacy

#434478 Protanomaly 1% of men, 0.01% of women
#48456f Deuteranomaly 6% of men, 0.4% of women
#5a425a Tritanomaly 0.01% of the population

#5a366e hex color

#5a366e Color Information

#5a366e Color Conversion

Color Schemes with #5a366e

Alternatives to #5a366e

#5a366e Preview

Shades and Tints of #5a366e

Tones of #5a366e

Color Blindness Simulator