#5a4387 hex color

In a RGB color space, hex #5a4387 is composed of 35.3% red, 26.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 50.4% magenta, 0% yellow and 47.1% black. It has a hue angle of 260.3 degrees, a saturation of 33.7% and a lightness of 39.6%. #5a4387 color hex could be obtained by blending #b486ff with #00000f. Closest websafe color is: #663399.

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

● #5a4387 color description : Dark moderate violet.

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

Hex triplet	5a4387	`#5a4387`
RGB Decimal	90, 67, 135	`rgb(90,67,135)`
RGB Percent	35.3, 26.3, 52.9	`rgb(35.3%,26.3%,52.9%)`
CMYK	33, 50, 0, 47
HSL	260.3°, 33.7, 39.6	`hsl(260.3,33.7%,39.6%)`
HSV (or HSB)	260.3°, 50.4, 52.9
Web Safe	663399	`#663399`

CIE-LAB	33.852, 25.764, -34.684
XYZ	10.596, 7.937, 23.894
xyY	0.25, 0.187, 7.937
CIE-LCH	33.852, 43.206, 306.606
CIE-LUV	33.852, 5.577, -49.963
Hunter-Lab	28.173, 17.832, -30.564
Binary	01011010, 01000011, 10000111

#5a4387
```
#5a4387 rgb(90,67,135)
```
#708743
```
#708743 rgb(112,135,67)
```

Complementary Color

#434e87
```
#434e87 rgb(67,78,135)
```
#5a4387
```
#5a4387 rgb(90,67,135)
```
#7c4387
```
#7c4387 rgb(124,67,135)
```

Analogous Color

#4e8743
```
#4e8743 rgb(78,135,67)
```
#5a4387
```
#5a4387 rgb(90,67,135)
```
#877c43
```
#877c43 rgb(135,124,67)
```

Split Complementary Color

#43875a
```
#43875a rgb(67,135,90)
```
#5a4387
```
#5a4387 rgb(90,67,135)
```
#875a43
```
#875a43 rgb(135,90,67)
```

Triadic Color

#437087
```
#437087 rgb(67,112,135)
```
#5a4387
```
#5a4387 rgb(90,67,135)
```
#875a43
```
#875a43 rgb(135,90,67)
```
#708743
```
#708743 rgb(112,135,67)
```

Tetradic Color

#382a54
```
#382a54 rgb(56,42,84)
```
#433265
```
#433265 rgb(67,50,101)
```
#4f3b76
```
#4f3b76 rgb(79,59,118)
```
#5a4387
```
#5a4387 rgb(90,67,135)
```
#654b98
```
#654b98 rgb(101,75,152)
```
#7154a9
```
#7154a9 rgb(113,84,169)
```
#7f64b2
```
#7f64b2 rgb(127,100,178)
```

Monochromatic Color

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

#494387
```
#494387 rgb(73,67,135)
```
#4f4387
```
#4f4387 rgb(79,67,135)
```
#544387
```
#544387 rgb(84,67,135)
```
#5a4387
```
#5a4387 rgb(90,67,135)
```
#604387
```
#604387 rgb(96,67,135)
```
#654387
```
#654387 rgb(101,67,135)
```
#6b4387
```
#6b4387 rgb(107,67,135)
```

Similar Colors

Text with hexadecimal color #5a4387

This text has a font color of #5a4387.

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

#5a4387 background color

This paragraph has a background color of #5a4387.

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

#5a4387 border color

This element has a border color of #5a4387.

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

CSS codes

.text {color:#5a4387;}

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

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

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

#030204
```
#030204 rgb(3,2,4)
```
#0b0811
```
#0b0811 rgb(11,8,17)
```
#140f1e
```
#140f1e rgb(20,15,30)
```
#1d152b
```
#1d152b rgb(29,21,43)
```
#261c38
```
#261c38 rgb(38,28,56)
```
#2e2245
```
#2e2245 rgb(46,34,69)
```
#372953
```
#372953 rgb(55,41,83)
```
#402f60
```
#402f60 rgb(64,47,96)
```
#49366d
```
#49366d rgb(73,54,109)
```
#513c7a
```
#513c7a rgb(81,60,122)
```
#5a4387
```
#5a4387 rgb(90,67,135)
```
#634a94
```
#634a94 rgb(99,74,148)
```
#6b50a1
```
#6b50a1 rgb(107,80,161)
```

Shade Color Variation

#7558ac
```
#7558ac rgb(117,88,172)
```
#8066b3
```
#8066b3 rgb(128,102,179)
```
#8b73b9
```
#8b73b9 rgb(139,115,185)
```
#9580c0
```
#9580c0 rgb(149,128,192)
```
#a08dc6
```
#a08dc6 rgb(160,141,198)
```
#ab9acd
```
#ab9acd rgb(171,154,205)
```
#b6a7d3
```
#b6a7d3 rgb(182,167,211)
```
#c1b4da
```
#c1b4da rgb(193,180,218)
```
#ccc1e0
```
#ccc1e0 rgb(204,193,224)
```
#d7cee7
```
#d7cee7 rgb(215,206,231)
```
#e2dced
```
#e2dced rgb(226,220,237)
```
#ece9f4
```
#ece9f4 rgb(236,233,244)
```
#f7f6fa
```
#f7f6fa rgb(247,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646268 is the less saturated color, while #4605c5 is the most saturated one.

#646268
```
#646268 rgb(100,98,104)
```
#625a70
```
#625a70 rgb(98,90,112)
```
#5f5377
```
#5f5377 rgb(95,83,119)
```
#5d4b7f
```
#5d4b7f rgb(93,75,127)
```
#5a4387
```
#5a4387 rgb(90,67,135)
```
#573b8f
```
#573b8f rgb(87,59,143)
```
#553397
```
#553397 rgb(85,51,151)
```
#522c9e
```
#522c9e rgb(82,44,158)
```
#5024a6
```
#5024a6 rgb(80,36,166)
```
#4d1cae
```
#4d1cae rgb(77,28,174)
```
#4b14b6
```
#4b14b6 rgb(75,20,182)
```
#480dbd
```
#480dbd rgb(72,13,189)
```
#4605c5
```
#4605c5 rgb(70,5,197)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#544f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#385695 Protanopia 1% of men
#395988 Deuteranopia 1% of men
#57585e Tritanopia 0.001% of the population

Trichromacy

#444f90 Protanomaly 1% of men, 0.01% of women
#455188 Deuteranomaly 6% of men, 0.4% of women
#58506d Tritanomaly 0.01% of the population

#5a4387 hex color

#5a4387 Color Information

#5a4387 Color Conversion

Color Schemes with #5a4387

Alternatives to #5a4387

#5a4387 Preview

Shades and Tints of #5a4387

Tones of #5a4387

Color Blindness Simulator