#5a3f74 hex color

In a RGB color space, hex #5a3f74 is composed of 35.3% red, 24.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 45.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 270.6 degrees, a saturation of 29.6% and a lightness of 35.1%. #5a3f74 color hex could be obtained by blending #b47ee8 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 25
- B 45
RGB color chart
- C 22
- M 46
- Y 0
- K 55
CMYK color chart

● #5a3f74 color description : Dark moderate violet.

The hexadecimal color #5a3f74 has RGB values of R:90, G:63, B:116 and CMYK values of C:0.22, M:0.46, Y:0, K:0.55. Its decimal value is 5914484.

Hex triplet	5a3f74	`#5a3f74`
RGB Decimal	90, 63, 116	`rgb(90,63,116)`
RGB Percent	35.3, 24.7, 45.5	`rgb(35.3%,24.7%,45.5%)`
CMYK	22, 46, 0, 55
HSL	270.6°, 29.6, 35.1	`hsl(270.6,29.6%,35.1%)`
HSV (or HSB)	270.6°, 45.7, 45.5
Web Safe	663366	`#663366`

CIE-LAB	31.784, 23.158, -26.125
XYZ	9.146, 6.99, 17.389
xyY	0.273, 0.208, 6.99
CIE-LCH	31.784, 34.911, 311.554
CIE-LUV	31.784, 9.226, -37.079
Hunter-Lab	26.438, 15.483, -20.491
Binary	01011010, 00111111, 01110100

#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#59743f
```
#59743f rgb(89,116,63)
```

Complementary Color

#403f74
```
#403f74 rgb(64,63,116)
```
#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#743f74
```
#743f74 rgb(116,63,116)
```

Analogous Color

#3f7440
```
#3f7440 rgb(63,116,64)
```
#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#74743f
```
#74743f rgb(116,116,63)
```

Split Complementary Color

#3f745a
```
#3f745a rgb(63,116,90)
```
#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#745a3f
```
#745a3f rgb(116,90,63)
```

Triadic Color

#3f5974
```
#3f5974 rgb(63,89,116)
```
#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#745a3f
```
#745a3f rgb(116,90,63)
```
#59743f
```
#59743f rgb(89,116,63)
```

Tetradic Color

#342442
```
#342442 rgb(52,36,66)
```
#402d53
```
#402d53 rgb(64,45,83)
```
#4d3663
```
#4d3663 rgb(77,54,99)
```
#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#674885
```
#674885 rgb(103,72,133)
```
#745195
```
#745195 rgb(116,81,149)
```
#805aa5
```
#805aa5 rgb(128,90,165)
```

Monochromatic Color

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

#4d3f74
```
#4d3f74 rgb(77,63,116)
```
#513f74
```
#513f74 rgb(81,63,116)
```
#563f74
```
#563f74 rgb(86,63,116)
```
#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#5e3f74
```
#5e3f74 rgb(94,63,116)
```
#633f74
```
#633f74 rgb(99,63,116)
```
#673f74
```
#673f74 rgb(103,63,116)
```

Similar Colors

Text with hexadecimal color #5a3f74

This text has a font color of #5a3f74.

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

#5a3f74 background color

This paragraph has a background color of #5a3f74.

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

#5a3f74 border color

This element has a border color of #5a3f74.

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

CSS codes

.text {color:#5a3f74;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b080e
```
#0b080e rgb(11,8,14)
```
#150f1b
```
#150f1b rgb(21,15,27)
```
#1f1628
```
#1f1628 rgb(31,22,40)
```
#291c34
```
#291c34 rgb(41,28,52)
```
#332341
```
#332341 rgb(51,35,65)
```
#3c2a4e
```
#3c2a4e rgb(60,42,78)
```
#46315b
```
#46315b rgb(70,49,91)
```
#503867
```
#503867 rgb(80,56,103)
```
#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#644681
```
#644681 rgb(100,70,129)
```
#6e4d8d
```
#6e4d8d rgb(110,77,141)
```
#78549a
```
#78549a rgb(120,84,154)
```

Shade Color Variation

#815ba6
```
#815ba6 rgb(129,91,166)
```
#8b68ad
```
#8b68ad rgb(139,104,173)
```
#9575b4
```
#9575b4 rgb(149,117,180)
```
#9f81bb
```
#9f81bb rgb(159,129,187)
```
#a88ec2
```
#a88ec2 rgb(168,142,194)
```
#b29bc9
```
#b29bc9 rgb(178,155,201)
```
#bca8d0
```
#bca8d0 rgb(188,168,208)
```
#c6b4d6
```
#c6b4d6 rgb(198,180,214)
```
#cfc1dd
```
#cfc1dd rgb(207,193,221)
```
#d9cee4
```
#d9cee4 rgb(217,206,228)
```
#e3daeb
```
#e3daeb rgb(227,218,235)
```
#ede7f2
```
#ede7f2 rgb(237,231,242)
```
#f6f4f9
```
#f6f4f9 rgb(246,244,249)
```

Tint Color Variation

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

#5a545f
```
#5a545f rgb(90,84,95)
```
#5a4d66
```
#5a4d66 rgb(90,77,102)
```
#5a466d
```
#5a466d rgb(90,70,109)
```
#5a3f74
```
#5a3f74 rgb(90,63,116)
```
#5a387b
```
#5a387b rgb(90,56,123)
```
#5a3182
```
#5a3182 rgb(90,49,130)
```
#5a2a89
```
#5a2a89 rgb(90,42,137)
```
#5b2390
```
#5b2390 rgb(91,35,144)
```
#5b1d96
```
#5b1d96 rgb(91,29,150)
```
#5b169d
```
#5b169d rgb(91,22,157)
```
#5b0fa4
```
#5b0fa4 rgb(91,15,164)
```
#5b08ab
```
#5b08ab rgb(91,8,171)
```
#5b01b2
```
#5b01b2 rgb(91,1,178)
```

Tone Color Variation

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

#3f5282 Protanopia 1% of men
#435377 Deuteranopia 1% of men
#5b5157 Tritanopia 0.001% of the population

Trichromacy

#494b7d Protanomaly 1% of men, 0.01% of women
#4b4c76 Deuteranomaly 6% of men, 0.4% of women
#5a4a61 Tritanomaly 0.01% of the population

#5a3f74 hex color

#5a3f74 Color Information

#5a3f74 Color Conversion

Color Schemes with #5a3f74

Alternatives to #5a3f74

#5a3f74 Preview

Shades and Tints of #5a3f74

Tones of #5a3f74

Color Blindness Simulator