#5a3f77 hex color

In a RGB color space, hex #5a3f77 is composed of 35.3% red, 24.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 47.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 268.9 degrees, a saturation of 30.8% and a lightness of 35.7%. #5a3f77 color hex could be obtained by blending #b47eee with #000000. Closest websafe color is: #663366.

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

● #5a3f77 color description : Dark moderate violet.

The hexadecimal color #5a3f77 has RGB values of R:90, G:63, B:119 and CMYK values of C:0.24, M:0.47, Y:0, K:0.53. Its decimal value is 5914487.

Hex triplet	5a3f77	`#5a3f77`
RGB Decimal	90, 63, 119	`rgb(90,63,119)`
RGB Percent	35.3, 24.7, 46.7	`rgb(35.3%,24.7%,46.7%)`
CMYK	24, 47, 0, 53
HSL	268.9°, 30.8, 35.7	`hsl(268.9,30.8%,35.7%)`
HSV (or HSB)	268.9°, 47.1, 46.7
Web Safe	663366	`#663366`

CIE-LAB	31.945, 23.935, -27.756
XYZ	9.323, 7.061, 18.323
xyY	0.269, 0.203, 7.061
CIE-LCH	31.945, 36.651, 310.772
CIE-LUV	31.945, 8.832, -39.445
Hunter-Lab	26.572, 16.129, -22.285
Binary	01011010, 00111111, 01110111

#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#5c773f
```
#5c773f rgb(92,119,63)
```

Complementary Color

#3f4077
```
#3f4077 rgb(63,64,119)
```
#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#763f77
```
#763f77 rgb(118,63,119)
```

Analogous Color

#40773f
```
#40773f rgb(64,119,63)
```
#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#77763f
```
#77763f rgb(119,118,63)
```

Split Complementary Color

#3f775a
```
#3f775a rgb(63,119,90)
```
#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#775a3f
```
#775a3f rgb(119,90,63)
```

Triadic Color

#3f5c77
```
#3f5c77 rgb(63,92,119)
```
#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#775a3f
```
#775a3f rgb(119,90,63)
```
#5c773f
```
#5c773f rgb(92,119,63)
```

Tetradic Color

#342545
```
#342545 rgb(52,37,69)
```
#412d56
```
#412d56 rgb(65,45,86)
```
#4d3666
```
#4d3666 rgb(77,54,102)
```
#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#674888
```
#674888 rgb(103,72,136)
```
#735198
```
#735198 rgb(115,81,152)
```
#805ba8
```
#805ba8 rgb(128,91,168)
```

Monochromatic Color

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

#4c3f77
```
#4c3f77 rgb(76,63,119)
```
#513f77
```
#513f77 rgb(81,63,119)
```
#553f77
```
#553f77 rgb(85,63,119)
```
#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#5f3f77
```
#5f3f77 rgb(95,63,119)
```
#633f77
```
#633f77 rgb(99,63,119)
```
#683f77
```
#683f77 rgb(104,63,119)
```

Similar Colors

Text with hexadecimal color #5a3f77

This text has a font color of #5a3f77.

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

#5a3f77 background color

This paragraph has a background color of #5a3f77.

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

#5a3f77 border color

This element has a border color of #5a3f77.

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

CSS codes

.text {color:#5a3f77;}

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

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

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 #f8f6fa is the lightest one.

#030204
```
#030204 rgb(3,2,4)
```
#0c0910
```
#0c0910 rgb(12,9,16)
```
#160f1d
```
#160f1d rgb(22,15,29)
```
#20162a
```
#20162a rgb(32,22,42)
```
#2a1d37
```
#2a1d37 rgb(42,29,55)
```
#332444
```
#332444 rgb(51,36,68)
```
#3d2b51
```
#3d2b51 rgb(61,43,81)
```
#47315d
```
#47315d rgb(71,49,93)
```
#50386a
```
#50386a rgb(80,56,106)
```
#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#644684
```
#644684 rgb(100,70,132)
```
#6d4d91
```
#6d4d91 rgb(109,77,145)
```
#77539d
```
#77539d rgb(119,83,157)
```

Shade Color Variation

#815ca9
```
#815ca9 rgb(129,92,169)
```
#8b69af
```
#8b69af rgb(139,105,175)
```
#9575b6
```
#9575b6 rgb(149,117,182)
```
#9f82bd
```
#9f82bd rgb(159,130,189)
```
#a98fc4
```
#a98fc4 rgb(169,143,196)
```
#b29ccb
```
#b29ccb rgb(178,156,203)
```
#bca9d1
```
#bca9d1 rgb(188,169,209)
```
#c6b6d8
```
#c6b6d8 rgb(198,182,216)
```
#d0c2df
```
#d0c2df rgb(208,194,223)
```
#dacfe6
```
#dacfe6 rgb(218,207,230)
```
#e4dced
```
#e4dced rgb(228,220,237)
```
#eee9f3
```
#eee9f3 rgb(238,233,243)
```
#f8f6fa
```
#f8f6fa rgb(248,246,250)
```

Tint Color Variation

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

#5b5462
```
#5b5462 rgb(91,84,98)
```
#5b4d69
```
#5b4d69 rgb(91,77,105)
```
#5a4670
```
#5a4670 rgb(90,70,112)
```
#5a3f77
```
#5a3f77 rgb(90,63,119)
```
#5a387e
```
#5a387e rgb(90,56,126)
```
#5a3185
```
#5a3185 rgb(90,49,133)
```
#592a8c
```
#592a8c rgb(89,42,140)
```
#592393
```
#592393 rgb(89,35,147)
```
#591c9a
```
#591c9a rgb(89,28,154)
```
#5915a1
```
#5915a1 rgb(89,21,161)
```
#580ea8
```
#580ea8 rgb(88,14,168)
```
#5807af
```
#5807af rgb(88,7,175)
```
#5800b6
```
#5800b6 rgb(88,0,182)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#504a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5285 Protanopia 1% of men
#41547a Deuteranopia 1% of men
#5a5258 Tritanopia 0.001% of the population

Trichromacy

#484b80 Protanomaly 1% of men, 0.01% of women
#4a4c79 Deuteranomaly 6% of men, 0.4% of women
#5a4b63 Tritanomaly 0.01% of the population

#5a3f77 hex color

#5a3f77 Color Information

#5a3f77 Color Conversion

Color Schemes with #5a3f77

Alternatives to #5a3f77

#5a3f77 Preview

Shades and Tints of #5a3f77

Tones of #5a3f77

Color Blindness Simulator