#5a4887 hex color

In a RGB color space, hex #5a4887 is composed of 35.3% red, 28.2% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 46.7% magenta, 0% yellow and 47.1% black. It has a hue angle of 257.1 degrees, a saturation of 30.4% and a lightness of 40.6%. #5a4887 color hex could be obtained by blending #b490ff with #00000f. Closest websafe color is: #663399.

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

● #5a4887 color description : Dark moderate violet.

The hexadecimal color #5a4887 has RGB values of R:90, G:72, B:135 and CMYK values of C:0.33, M:0.47, Y:0, K:0.47. Its decimal value is 5916807.

Hex triplet	5a4887	`#5a4887`
RGB Decimal	90, 72, 135	`rgb(90,72,135)`
RGB Percent	35.3, 28.2, 52.9	`rgb(35.3%,28.2%,52.9%)`
CMYK	33, 47, 0, 47
HSL	257.1°, 30.4, 40.6	`hsl(257.1,30.4%,40.6%)`
HSV (or HSB)	257.1°, 46.7, 52.9
Web Safe	663399	`#663399`

CIE-LAB	35.118, 22.631, -32.674
XYZ	10.906, 8.558, 23.998
xyY	0.251, 0.197, 8.558
CIE-LCH	35.118, 39.746, 304.707
CIE-LUV	35.118, 3.952, -47.377
Hunter-Lab	29.253, 15.355, -28.16
Binary	01011010, 01001000, 10000111

#5a4887
```
#5a4887 rgb(90,72,135)
```
#758748
```
#758748 rgb(117,135,72)
```

Complementary Color

#485687
```
#485687 rgb(72,86,135)
```
#5a4887
```
#5a4887 rgb(90,72,135)
```
#7a4887
```
#7a4887 rgb(122,72,135)
```

Analogous Color

#568748
```
#568748 rgb(86,135,72)
```
#5a4887
```
#5a4887 rgb(90,72,135)
```
#877a48
```
#877a48 rgb(135,122,72)
```

Split Complementary Color

#48875a
```
#48875a rgb(72,135,90)
```
#5a4887
```
#5a4887 rgb(90,72,135)
```
#875a48
```
#875a48 rgb(135,90,72)
```

Triadic Color

#487587
```
#487587 rgb(72,117,135)
```
#5a4887
```
#5a4887 rgb(90,72,135)
```
#875a48
```
#875a48 rgb(135,90,72)
```
#758748
```
#758748 rgb(117,135,72)
```

Tetradic Color

#392d55
```
#392d55 rgb(57,45,85)
```
#443666
```
#443666 rgb(68,54,102)
```
#4f3f76
```
#4f3f76 rgb(79,63,118)
```
#5a4887
```
#5a4887 rgb(90,72,135)
```
#655198
```
#655198 rgb(101,81,152)
```
#715ba7
```
#715ba7 rgb(113,91,167)
```
#7f6bb0
```
#7f6bb0 rgb(127,107,176)
```

Monochromatic Color

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

#4a4887
```
#4a4887 rgb(74,72,135)
```
#504887
```
#504887 rgb(80,72,135)
```
#554887
```
#554887 rgb(85,72,135)
```
#5a4887
```
#5a4887 rgb(90,72,135)
```
#5f4887
```
#5f4887 rgb(95,72,135)
```
#654887
```
#654887 rgb(101,72,135)
```
#6a4887
```
#6a4887 rgb(106,72,135)
```

Similar Colors

Text with hexadecimal color #5a4887

This text has a font color of #5a4887.

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

#5a4887 background color

This paragraph has a background color of #5a4887.

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

#5a4887 border color

This element has a border color of #5a4887.

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

CSS codes

.text {color:#5a4887;}

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

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

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

#050407
```
#050407 rgb(5,4,7)
```
#0d0b14
```
#0d0b14 rgb(13,11,20)
```
#161121
```
#161121 rgb(22,17,33)
```
#1e182d
```
#1e182d rgb(30,24,45)
```
#271f3a
```
#271f3a rgb(39,31,58)
```
#2f2647
```
#2f2647 rgb(47,38,71)
```
#382d54
```
#382d54 rgb(56,45,84)
```
#403461
```
#403461 rgb(64,52,97)
```
#493a6d
```
#493a6d rgb(73,58,109)
```
#51417a
```
#51417a rgb(81,65,122)
```
#5a4887
```
#5a4887 rgb(90,72,135)
```
#634f94
```
#634f94 rgb(99,79,148)
```
#6b56a1
```
#6b56a1 rgb(107,86,161)
```

Shade Color Variation

#7560aa
```
#7560aa rgb(117,96,170)
```
#806db1
```
#806db1 rgb(128,109,177)
```
#8b79b8
```
#8b79b8 rgb(139,121,184)
```
#9686bf
```
#9686bf rgb(150,134,191)
```
#a193c5
```
#a193c5 rgb(161,147,197)
```
#aca0cc
```
#aca0cc rgb(172,160,204)
```
#b8add3
```
#b8add3 rgb(184,173,211)
```
#c3b9da
```
#c3b9da rgb(195,185,218)
```
#cec6e1
```
#cec6e1 rgb(206,198,225)
```
#d9d3e7
```
#d9d3e7 rgb(217,211,231)
```
#e4e0ee
```
#e4e0ee rgb(228,224,238)
```
#efecf5
```
#efecf5 rgb(239,236,245)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64606f is the less saturated color, while #3b00cf is the most saturated one.

#64606f
```
#64606f rgb(100,96,111)
```
#615877
```
#615877 rgb(97,88,119)
```
#5d507f
```
#5d507f rgb(93,80,127)
```
#5a4887
```
#5a4887 rgb(90,72,135)
```
#57408f
```
#57408f rgb(87,64,143)
```
#533897
```
#533897 rgb(83,56,151)
```
#50309f
```
#50309f rgb(80,48,159)
```
#4c28a7
```
#4c28a7 rgb(76,40,167)
```
#4920af
```
#4920af rgb(73,32,175)
```
#4618b7
```
#4618b7 rgb(70,24,183)
```
#4210bf
```
#4210bf rgb(66,16,191)
```
#3f08c7
```
#3f08c7 rgb(63,8,199)
```
#3b00cf
```
#3b00cf rgb(59,0,207)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#56525f Atypical Achromatopsia 0.001% of the population

Dichromacy

#405993 Protanopia 1% of men
#405b89 Deuteranopia 1% of men
#575b62 Tritanopia 0.001% of the population

Trichromacy

#49538f Protanomaly 1% of men, 0.01% of women
#495488 Deuteranomaly 6% of men, 0.4% of women
#58546f Tritanomaly 0.01% of the population

#5a4887 hex color

#5a4887 Color Information

#5a4887 Color Conversion

Color Schemes with #5a4887

Alternatives to #5a4887

#5a4887 Preview

Shades and Tints of #5a4887

Tones of #5a4887

Color Blindness Simulator