#5a5568 hex color

In a RGB color space, hex #5a5568 is composed of 35.3% red, 33.3% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 18.3% magenta, 0% yellow and 59.2% black. It has a hue angle of 255.8 degrees, a saturation of 10.1% and a lightness of 37.1%. #5a5568 color hex could be obtained by blending #b4aad0 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #5a5568 has RGB values of R:90, G:85, B:104 and CMYK values of C:0.13, M:0.18, Y:0, K:0.59. Its decimal value is 5920104.

Hex triplet	5a5568	`#5a5568`
RGB Decimal	90, 85, 104	`rgb(90,85,104)`
RGB Percent	35.3, 33.3, 40.8	`rgb(35.3%,33.3%,40.8%)`
CMYK	13, 18, 0, 59
HSL	255.8°, 10.1, 37.1	`hsl(255.8,10.1%,37.1%)`
HSV (or HSB)	255.8°, 18.3, 40.8
Web Safe	666666	`#666666`

CIE-LAB	37.244, 6.254, -10.187
XYZ	9.963, 9.67, 14.438
xyY	0.292, 0.284, 9.67
CIE-LCH	37.244, 11.953, 301.547
CIE-LUV	37.244, 1.503, -14.289
Hunter-Lab	31.097, 2.771, -5.759
Binary	01011010, 01010101, 01101000

#5a5568
```
#5a5568 rgb(90,85,104)
```
#636855
```
#636855 rgb(99,104,85)
```

Complementary Color

#555a68
```
#555a68 rgb(85,90,104)
```
#5a5568
```
#5a5568 rgb(90,85,104)
```
#645568
```
#645568 rgb(100,85,104)
```

Analogous Color

#5a6855
```
#5a6855 rgb(90,104,85)
```
#5a5568
```
#5a5568 rgb(90,85,104)
```
#686455
```
#686455 rgb(104,100,85)
```

Split Complementary Color

#55685a
```
#55685a rgb(85,104,90)
```
#5a5568
```
#5a5568 rgb(90,85,104)
```
#685a55
```
#685a55 rgb(104,90,85)
```

Triadic Color

#556368
```
#556368 rgb(85,99,104)
```
#5a5568
```
#5a5568 rgb(90,85,104)
```
#685a55
```
#685a55 rgb(104,90,85)
```
#636855
```
#636855 rgb(99,104,85)
```

Tetradic Color

#36333e
```
#36333e rgb(54,51,62)
```
#423e4c
```
#423e4c rgb(66,62,76)
```
#4e4a5a
```
#4e4a5a rgb(78,74,90)
```
#5a5568
```
#5a5568 rgb(90,85,104)
```
#666076
```
#666076 rgb(102,96,118)
```
#726c84
```
#726c84 rgb(114,108,132)
```
#7f7891
```
#7f7891 rgb(127,120,145)
```

Monochromatic Color

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

#555568
```
#555568 rgb(85,85,104)
```
#575568
```
#575568 rgb(87,85,104)
```
#585568
```
#585568 rgb(88,85,104)
```
#5a5568
```
#5a5568 rgb(90,85,104)
```
#5c5568
```
#5c5568 rgb(92,85,104)
```
#5d5568
```
#5d5568 rgb(93,85,104)
```
#5f5568
```
#5f5568 rgb(95,85,104)
```

Similar Colors

Text with hexadecimal color #5a5568

This text has a font color of #5a5568.

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

#5a5568 background color

This paragraph has a background color of #5a5568.

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

#5a5568 border color

This element has a border color of #5a5568.

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

CSS codes

.text {color:#5a5568;}

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

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

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

#060607
```
#060607 rgb(6,6,7)
```
#0f0e12
```
#0f0e12 rgb(15,14,18)
```
#19171c
```
#19171c rgb(25,23,28)
```
#222027
```
#222027 rgb(34,32,39)
```
#2b2932
```
#2b2932 rgb(43,41,50)
```
#35323d
```
#35323d rgb(53,50,61)
```
#3e3b48
```
#3e3b48 rgb(62,59,72)
```
#474352
```
#474352 rgb(71,67,82)
```
#514c5d
```
#514c5d rgb(81,76,93)
```
#5a5568
```
#5a5568 rgb(90,85,104)
```
#635e73
```
#635e73 rgb(99,94,115)
```
#6d677e
```
#6d677e rgb(109,103,126)
```
#766f88
```
#766f88 rgb(118,111,136)
```

Shade Color Variation

#807a92
```
#807a92 rgb(128,122,146)
```
#8a849b
```
#8a849b rgb(138,132,155)
```
#958fa4
```
#958fa4 rgb(149,143,164)
```
#9f9aac
```
#9f9aac rgb(159,154,172)
```
#a9a5b5
```
#a9a5b5 rgb(169,165,181)
```
#b3b0be
```
#b3b0be rgb(179,176,190)
```
#bebac7
```
#bebac7 rgb(190,186,199)
```
#c8c5d0
```
#c8c5d0 rgb(200,197,208)
```
#d2d0d8
```
#d2d0d8 rgb(210,208,216)
```
#dcdbe1
```
#dcdbe1 rgb(220,219,225)
```
#e7e5ea
```
#e7e5ea rgb(231,229,234)
```
#f1f0f3
```
#f1f0f3 rgb(241,240,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#5d5c61
```
#5d5c61 rgb(93,92,97)
```
#5a5568
```
#5a5568 rgb(90,85,104)
```
#574e6f
```
#574e6f rgb(87,78,111)
```
#534677
```
#534677 rgb(83,70,119)
```
#503f7e
```
#503f7e rgb(80,63,126)
```
#4c3885
```
#4c3885 rgb(76,56,133)
```
#49318c
```
#49318c rgb(73,49,140)
```
#452994
```
#452994 rgb(69,41,148)
```
#42229b
```
#42229b rgb(66,34,155)
```
#3e1ba2
```
#3e1ba2 rgb(62,27,162)
```
#3b14a9
```
#3b14a9 rgb(59,20,169)
```
#380cb1
```
#380cb1 rgb(56,12,177)
```
#3405b8
```
#3405b8 rgb(52,5,184)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#59585c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5f70 Protanopia 1% of men
#615e6f Deuteranopia 1% of men
#605f66 Tritanopia 0.001% of the population

Trichromacy

#5b5b6d Protanomaly 1% of men, 0.01% of women
#5e5a6c Deuteranomaly 6% of men, 0.4% of women
#5e5b66 Tritanomaly 0.01% of the population

#5a5568 hex color

#5a5568 Color Information

#5a5568 Color Conversion

Color Schemes with #5a5568

Alternatives to #5a5568

#5a5568 Preview

Shades and Tints of #5a5568

Tones of #5a5568

Color Blindness Simulator