#5a3778 hex color

In a RGB color space, hex #5a3778 is composed of 35.3% red, 21.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 54.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 272.3 degrees, a saturation of 37.1% and a lightness of 34.3%. #5a3778 color hex could be obtained by blending #b46ef0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 22
- B 47
RGB color chart
- C 25
- M 54
- Y 0
- K 53
CMYK color chart

● #5a3778 color description : Dark moderate violet.

The hexadecimal color #5a3778 has RGB values of R:90, G:55, B:120 and CMYK values of C:0.25, M:0.54, Y:0, K:0.53. Its decimal value is 5912440.

Hex triplet	5a3778	`#5a3778`
RGB Decimal	90, 55, 120	`rgb(90,55,120)`
RGB Percent	35.3, 21.6, 47.1	`rgb(35.3%,21.6%,47.1%)`
CMYK	25, 54, 0, 53
HSL	272.3°, 37.1, 34.3	`hsl(272.3,37.1%,34.3%)`
HSV (or HSB)	272.3°, 54.2, 47.1
Web Safe	663366	`#663366`

CIE-LAB	30.065, 29.108, -31.36
XYZ	8.972, 6.262, 18.504
xyY	0.266, 0.186, 6.262
CIE-LCH	30.065, 42.787, 312.867
CIE-LUV	30.065, 11.219, -43.997
Hunter-Lab	25.024, 20.207, -26.325
Binary	01011010, 00110111, 01111000

#5a3778
```
#5a3778 rgb(90,55,120)
```
#557837
```
#557837 rgb(85,120,55)
```

Complementary Color

#3a3778
```
#3a3778 rgb(58,55,120)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#783776
```
#783776 rgb(120,55,118)
```

Analogous Color

#37783a
```
#37783a rgb(55,120,58)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#767837
```
#767837 rgb(118,120,55)
```

Split Complementary Color

#37785a
```
#37785a rgb(55,120,90)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#785a37
```
#785a37 rgb(120,90,55)
```

Triadic Color

#375578
```
#375578 rgb(55,85,120)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#785a37
```
#785a37 rgb(120,90,55)
```
#557837
```
#557837 rgb(85,120,55)
```

Tetradic Color

#331f44
```
#331f44 rgb(51,31,68)
```
#402755
```
#402755 rgb(64,39,85)
```
#4d2f67
```
#4d2f67 rgb(77,47,103)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#673f89
```
#673f89 rgb(103,63,137)
```
#74479b
```
#74479b rgb(116,71,155)
```
#814fac
```
#814fac rgb(129,79,172)
```

Monochromatic Color

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

#4a3778
```
#4a3778 rgb(74,55,120)
```
#4f3778
```
#4f3778 rgb(79,55,120)
```
#553778
```
#553778 rgb(85,55,120)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#5f3778
```
#5f3778 rgb(95,55,120)
```
#653778
```
#653778 rgb(101,55,120)
```
#6a3778
```
#6a3778 rgb(106,55,120)
```

Similar Colors

Text with hexadecimal color #5a3778

This text has a font color of #5a3778.

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

#5a3778 background color

This paragraph has a background color of #5a3778.

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

#5a3778 border color

This element has a border color of #5a3778.

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

CSS codes

.text {color:#5a3778;}

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

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

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, #09060c is the darkest color, while #fefeff is the lightest one.

#09060c
```
#09060c rgb(9,6,12)
```
#130c1a
```
#130c1a rgb(19,12,26)
```
#1d1227
```
#1d1227 rgb(29,18,39)
```
#281835
```
#281835 rgb(40,24,53)
```
#321e42
```
#321e42 rgb(50,30,66)
```
#3c2550
```
#3c2550 rgb(60,37,80)
```
#462b5d
```
#462b5d rgb(70,43,93)
```
#50316b
```
#50316b rgb(80,49,107)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#643d85
```
#643d85 rgb(100,61,133)
```
#6e4393
```
#6e4393 rgb(110,67,147)
```
#7849a0
```
#7849a0 rgb(120,73,160)
```
#8250ae
```
#8250ae rgb(130,80,174)
```

Shade Color Variation

#8c5db5
```
#8c5db5 rgb(140,93,181)
```
#956abb
```
#956abb rgb(149,106,187)
```
#9f77c1
```
#9f77c1 rgb(159,119,193)
```
#a985c7
```
#a985c7 rgb(169,133,199)
```
#b292cd
```
#b292cd rgb(178,146,205)
```
#bca0d3
```
#bca0d3 rgb(188,160,211)
```
#c5adda
```
#c5adda rgb(197,173,218)
```
#cfbbe0
```
#cfbbe0 rgb(207,187,224)
```
#d8c8e6
```
#d8c8e6 rgb(216,200,230)
```
#e2d6ec
```
#e2d6ec rgb(226,214,236)
```
#ebe3f2
```
#ebe3f2 rgb(235,227,242)
```
#f5f0f8
```
#f5f0f8 rgb(245,240,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#58525d
```
#58525d rgb(88,82,93)
```
#584b64
```
#584b64 rgb(88,75,100)
```
#59446b
```
#59446b rgb(89,68,107)
```
#593e71
```
#593e71 rgb(89,62,113)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#5b307f
```
#5b307f rgb(91,48,127)
```
#5b2a85
```
#5b2a85 rgb(91,42,133)
```
#5c238c
```
#5c238c rgb(92,35,140)
```
#5c1c93
```
#5c1c93 rgb(92,28,147)
```
#5d159a
```
#5d159a rgb(93,21,154)
```
#5d0fa0
```
#5d0fa0 rgb(93,15,160)
```
#5e08a7
```
#5e08a7 rgb(94,8,167)
```
#5e01ae
```
#5e01ae rgb(94,1,174)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4c4552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#304e89 Protanopia 1% of men
#375079 Deuteranopia 1% of men
#594d52 Tritanopia 0.001% of the population

Trichromacy

#3f4583 Protanomaly 1% of men, 0.01% of women
#434779 Deuteranomaly 6% of men, 0.4% of women
#594560 Tritanomaly 0.01% of the population

#5a3778 hex color

#5a3778 Color Information

#5a3778 Color Conversion

Color Schemes with #5a3778

Alternatives to #5a3778

#5a3778 Preview

Shades and Tints of #5a3778

Tones of #5a3778

Color Blindness Simulator