#5a4568 hex color

In a RGB color space, hex #5a4568 is composed of 35.3% red, 27.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 33.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 276 degrees, a saturation of 20.2% and a lightness of 33.9%. #5a4568 color hex could be obtained by blending #b48ad0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 27
- B 41
RGB color chart
- C 13
- M 34
- Y 0
- K 59
CMYK color chart

● #5a4568 color description : Very dark grayish violet.

The hexadecimal color #5a4568 has RGB values of R:90, G:69, B:104 and CMYK values of C:0.13, M:0.34, Y:0, K:0.59. Its decimal value is 5916008.

Hex triplet	5a4568	`#5a4568`
RGB Decimal	90, 69, 104	`rgb(90,69,104)`
RGB Percent	35.3, 27.1, 40.8	`rgb(35.3%,27.1%,40.8%)`
CMYK	13, 34, 0, 59
HSL	276°, 20.2, 33.9	`hsl(276,20.2%,33.9%)`
HSV (or HSB)	276°, 33.7, 40.8
Web Safe	663366	`#663366`

CIE-LAB	32.765, 16.367, -17.021
XYZ	8.843, 7.43, 14.064
xyY	0.291, 0.245, 7.43
CIE-LCH	32.765, 23.614, 313.878
CIE-LUV	32.765, 8.46, -24.194
Hunter-Lab	27.257, 10.21, -11.513
Binary	01011010, 01000101, 01101000

#5a4568
```
#5a4568 rgb(90,69,104)
```
#536845
```
#536845 rgb(83,104,69)
```

Complementary Color

#494568
```
#494568 rgb(73,69,104)
```
#5a4568
```
#5a4568 rgb(90,69,104)
```
#684565
```
#684565 rgb(104,69,101)
```

Analogous Color

#456849
```
#456849 rgb(69,104,73)
```
#5a4568
```
#5a4568 rgb(90,69,104)
```
#656845
```
#656845 rgb(101,104,69)
```

Split Complementary Color

#45685a
```
#45685a rgb(69,104,90)
```
#5a4568
```
#5a4568 rgb(90,69,104)
```
#685a45
```
#685a45 rgb(104,90,69)
```

Triadic Color

#455368
```
#455368 rgb(69,83,104)
```
#5a4568
```
#5a4568 rgb(90,69,104)
```
#685a45
```
#685a45 rgb(104,90,69)
```
#536845
```
#536845 rgb(83,104,69)
```

Tetradic Color

#32263a
```
#32263a rgb(50,38,58)
```
#3f3149
```
#3f3149 rgb(63,49,73)
```
#4d3b59
```
#4d3b59 rgb(77,59,89)
```
#5a4568
```
#5a4568 rgb(90,69,104)
```
#674f77
```
#674f77 rgb(103,79,119)
```
#755987
```
#755987 rgb(117,89,135)
```
#826496
```
#826496 rgb(130,100,150)
```

Monochromatic Color

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

#514568
```
#514568 rgb(81,69,104)
```
#544568
```
#544568 rgb(84,69,104)
```
#574568
```
#574568 rgb(87,69,104)
```
#5a4568
```
#5a4568 rgb(90,69,104)
```
#5d4568
```
#5d4568 rgb(93,69,104)
```
#604568
```
#604568 rgb(96,69,104)
```
#634568
```
#634568 rgb(99,69,104)
```

Similar Colors

Text with hexadecimal color #5a4568

This text has a font color of #5a4568.

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

#5a4568 background color

This paragraph has a background color of #5a4568.

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

#5a4568 border color

This element has a border color of #5a4568.

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

CSS codes

.text {color:#5a4568;}

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

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

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, #08060a is the darkest color, while #fdfdfe is the lightest one.

#08060a
```
#08060a rgb(8,6,10)
```
#130e15
```
#130e15 rgb(19,14,21)
```
#1d1621
```
#1d1621 rgb(29,22,33)
```
#271e2d
```
#271e2d rgb(39,30,45)
```
#312639
```
#312639 rgb(49,38,57)
```
#3b2e45
```
#3b2e45 rgb(59,46,69)
```
#463550
```
#463550 rgb(70,53,80)
```
#503d5c
```
#503d5c rgb(80,61,92)
```
#5a4568
```
#5a4568 rgb(90,69,104)
```
#644d74
```
#644d74 rgb(100,77,116)
```
#6e5580
```
#6e5580 rgb(110,85,128)
```
#795c8b
```
#795c8b rgb(121,92,139)
```
#836497
```
#836497 rgb(131,100,151)
```

Shade Color Variation

#8c6fa0
```
#8c6fa0 rgb(140,111,160)
```
#967ba8
```
#967ba8 rgb(150,123,168)
```
#9f87af
```
#9f87af rgb(159,135,175)
```
#a993b7
```
#a993b7 rgb(169,147,183)
```
#b29fbf
```
#b29fbf rgb(178,159,191)
```
#bbaac7
```
#bbaac7 rgb(187,170,199)
```
#c5b6cf
```
#c5b6cf rgb(197,182,207)
```
#cec2d6
```
#cec2d6 rgb(206,194,214)
```
#d8cede
```
#d8cede rgb(216,206,222)
```
#e1d9e6
```
#e1d9e6 rgb(225,217,230)
```
#eae5ee
```
#eae5ee rgb(234,229,238)
```
#f4f1f6
```
#f4f1f6 rgb(244,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57525b is the less saturated color, while #6702ab is the most saturated one.

#57525b
```
#57525b rgb(87,82,91)
```
#594c61
```
#594c61 rgb(89,76,97)
```
#5a4568
```
#5a4568 rgb(90,69,104)
```
#5b3e6f
```
#5b3e6f rgb(91,62,111)
```
#5d3875
```
#5d3875 rgb(93,56,117)
```
#5e317c
```
#5e317c rgb(94,49,124)
```
#5f2a83
```
#5f2a83 rgb(95,42,131)
```
#612489
```
#612489 rgb(97,36,137)
```
#621d90
```
#621d90 rgb(98,29,144)
```
#631697
```
#631697 rgb(99,22,151)
```
#65109d
```
#65109d rgb(101,16,157)
```
#6609a4
```
#6609a4 rgb(102,9,164)
```
#6702ab
```
#6702ab rgb(103,2,171)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#514d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5574 Protanopia 1% of men
#50556d Deuteranopia 1% of men
#5e5359 Tritanopia 0.001% of the population

Trichromacy

#514f6f Protanomaly 1% of men, 0.01% of women
#544f6b Deuteranomaly 6% of men, 0.4% of women
#5c4e5e Tritanomaly 0.01% of the population

#5a4568 hex color

#5a4568 Color Information

#5a4568 Color Conversion

Color Schemes with #5a4568

Alternatives to #5a4568

#5a4568 Preview

Shades and Tints of #5a4568

Tones of #5a4568

Color Blindness Simulator