#5a5060 hex color

In a RGB color space, hex #5a5060 is composed of 35.3% red, 31.4% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 6.2% cyan, 16.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 277.5 degrees, a saturation of 9.1% and a lightness of 34.5%. #5a5060 color hex could be obtained by blending #b4a0c0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 31
- B 38
RGB color chart
- C 6
- M 17
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #5a5060 has RGB values of R:90, G:80, B:96 and CMYK values of C:0.06, M:0.17, Y:0, K:0.62. Its decimal value is 5918816.

Hex triplet	5a5060	`#5a5060`
RGB Decimal	90, 80, 96	`rgb(90,80,96)`
RGB Percent	35.3, 31.4, 37.6	`rgb(35.3%,31.4%,37.6%)`
CMYK	6, 17, 0, 62
HSL	277.5°, 9.1, 34.5	`hsl(277.5,9.1%,34.5%)`
HSV (or HSB)	277.5°, 16.7, 37.6
Web Safe	666666	`#666666`

CIE-LAB	35.509, 7.517, -7.797
XYZ	9.196, 8.756, 12.271
xyY	0.304, 0.29, 8.756
CIE-LCH	35.509, 10.83, 313.951
CIE-LUV	35.509, 4.422, -11.079
Hunter-Lab	29.59, 3.693, -3.875
Binary	01011010, 01010000, 01100000

#5a5060
```
#5a5060 rgb(90,80,96)
```
#566050
```
#566050 rgb(86,96,80)
```

Complementary Color

#525060
```
#525060 rgb(82,80,96)
```
#5a5060
```
#5a5060 rgb(90,80,96)
```
#60505e
```
#60505e rgb(96,80,94)
```

Analogous Color

#506052
```
#506052 rgb(80,96,82)
```
#5a5060
```
#5a5060 rgb(90,80,96)
```
#5e6050
```
#5e6050 rgb(94,96,80)
```

Split Complementary Color

#50605a
```
#50605a rgb(80,96,90)
```
#5a5060
```
#5a5060 rgb(90,80,96)
```
#605a50
```
#605a50 rgb(96,90,80)
```

Triadic Color

#505660
```
#505660 rgb(80,86,96)
```
#5a5060
```
#5a5060 rgb(90,80,96)
```
#605a50
```
#605a50 rgb(96,90,80)
```
#566050
```
#566050 rgb(86,96,80)
```

Tetradic Color

#332d36
```
#332d36 rgb(51,45,54)
```
#403944
```
#403944 rgb(64,57,68)
```
#4d4452
```
#4d4452 rgb(77,68,82)
```
#5a5060
```
#5a5060 rgb(90,80,96)
```
#675c6e
```
#675c6e rgb(103,92,110)
```
#74677c
```
#74677c rgb(116,103,124)
```
#81738a
```
#81738a rgb(129,115,138)
```

Monochromatic Color

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

#565060
```
#565060 rgb(86,80,96)
```
#575060
```
#575060 rgb(87,80,96)
```
#595060
```
#595060 rgb(89,80,96)
```
#5a5060
```
#5a5060 rgb(90,80,96)
```
#5b5060
```
#5b5060 rgb(91,80,96)
```
#5d5060
```
#5d5060 rgb(93,80,96)
```
#5e5060
```
#5e5060 rgb(94,80,96)
```

Similar Colors

Text with hexadecimal color #5a5060

This text has a font color of #5a5060.

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

#5a5060 background color

This paragraph has a background color of #5a5060.

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

#5a5060 border color

This element has a border color of #5a5060.

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

CSS codes

.text {color:#5a5060;}

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

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

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, #0a090a is the darkest color, while #ffffff is the lightest one.

#0a090a
```
#0a090a rgb(10,9,10)
```
#141215
```
#141215 rgb(20,18,21)
```
#1e1b20
```
#1e1b20 rgb(30,27,32)
```
#28232b
```
#28232b rgb(40,35,43)
```
#322c35
```
#322c35 rgb(50,44,53)
```
#3c3540
```
#3c3540 rgb(60,53,64)
```
#463e4b
```
#463e4b rgb(70,62,75)
```
#504755
```
#504755 rgb(80,71,85)
```
#5a5060
```
#5a5060 rgb(90,80,96)
```
#64596b
```
#64596b rgb(100,89,107)
```
#6e6275
```
#6e6275 rgb(110,98,117)
```
#786b80
```
#786b80 rgb(120,107,128)
```
#82748b
```
#82748b rgb(130,116,139)
```

Shade Color Variation

#8c7e94
```
#8c7e94 rgb(140,126,148)
```
#95899d
```
#95899d rgb(149,137,157)
```
#9f94a6
```
#9f94a6 rgb(159,148,166)
```
#a89eaf
```
#a89eaf rgb(168,158,175)
```
#b2a9b7
```
#b2a9b7 rgb(178,169,183)
```
#bcb4c0
```
#bcb4c0 rgb(188,180,192)
```
#c5bfc9
```
#c5bfc9 rgb(197,191,201)
```
#cfc9d2
```
#cfc9d2 rgb(207,201,210)
```
#d8d4db
```
#d8d4db rgb(216,212,219)
```
#e2dfe4
```
#e2dfe4 rgb(226,223,228)
```
#ece9ed
```
#ece9ed rgb(236,233,237)
```
#f5f4f6
```
#f5f4f6 rgb(245,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#585759
```
#585759 rgb(88,87,89)
```
#5a5060
```
#5a5060 rgb(90,80,96)
```
#5c4967
```
#5c4967 rgb(92,73,103)
```
#5d426e
```
#5d426e rgb(93,66,110)
```
#5f3c74
```
#5f3c74 rgb(95,60,116)
```
#61357b
```
#61357b rgb(97,53,123)
```
#622e82
```
#622e82 rgb(98,46,130)
```
#642789
```
#642789 rgb(100,39,137)
```
#66218f
```
#66218f rgb(102,33,143)
```
#681a96
```
#681a96 rgb(104,26,150)
```
#69139d
```
#69139d rgb(105,19,157)
```
#6b0ca4
```
#6b0ca4 rgb(107,12,164)
```
#6d06aa
```
#6d06aa rgb(109,6,170)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#565457 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595b69 Protanopia 1% of men
#5f5a67 Deuteranopia 1% of men
#615a60 Tritanopia 0.001% of the population

Trichromacy

#595766 Protanomaly 1% of men, 0.01% of women
#5d5665 Deuteranomaly 6% of men, 0.4% of women
#5e5660 Tritanomaly 0.01% of the population

#5a5060 hex color

#5a5060 Color Information

#5a5060 Color Conversion

Color Schemes with #5a5060

Alternatives to #5a5060

#5a5060 Preview

Shades and Tints of #5a5060

Tones of #5a5060

Color Blindness Simulator