#5a5678 hex color

In a RGB color space, hex #5a5678 is composed of 35.3% red, 33.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 28.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 247.1 degrees, a saturation of 16.5% and a lightness of 40.4%. #5a5678 color hex could be obtained by blending #b4acf0 with #000000. Closest websafe color is: #666666.

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

● #5a5678 color description : Mostly desaturated dark blue.

The hexadecimal color #5a5678 has RGB values of R:90, G:86, B:120 and CMYK values of C:0.25, M:0.28, Y:0, K:0.53. Its decimal value is 5920376.

Hex triplet	5a5678	`#5a5678`
RGB Decimal	90, 86, 120	`rgb(90,86,120)`
RGB Percent	35.3, 33.7, 47.1	`rgb(35.3%,33.7%,47.1%)`
CMYK	25, 28, 0, 53
HSL	247.1°, 16.5, 40.4	`hsl(247.1,16.5%,40.4%)`
HSV (or HSB)	247.1°, 28.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	38.173, 9.669, -18.67
XYZ	10.934, 10.185, 19.158
xyY	0.271, 0.253, 10.185
CIE-LCH	38.173, 21.025, 297.379
CIE-LUV	38.173, -0.055, -26.749
Hunter-Lab	31.914, 5.304, -13.252
Binary	01011010, 01010110, 01111000

#5a5678
```
#5a5678 rgb(90,86,120)
```
#747856
```
#747856 rgb(116,120,86)
```

Complementary Color

#566378
```
#566378 rgb(86,99,120)
```
#5a5678
```
#5a5678 rgb(90,86,120)
```
#6b5678
```
#6b5678 rgb(107,86,120)
```

Analogous Color

#637856
```
#637856 rgb(99,120,86)
```
#5a5678
```
#5a5678 rgb(90,86,120)
```
#786b56
```
#786b56 rgb(120,107,86)
```

Split Complementary Color

#56785a
```
#56785a rgb(86,120,90)
```
#5a5678
```
#5a5678 rgb(90,86,120)
```
#785a56
```
#785a56 rgb(120,90,86)
```

Triadic Color

#567478
```
#567478 rgb(86,116,120)
```
#5a5678
```
#5a5678 rgb(90,86,120)
```
#785a56
```
#785a56 rgb(120,90,86)
```
#747856
```
#747856 rgb(116,120,86)
```

Tetradic Color

#39364b
```
#39364b rgb(57,54,75)
```
#44415a
```
#44415a rgb(68,65,90)
```
#4f4b69
```
#4f4b69 rgb(79,75,105)
```
#5a5678
```
#5a5678 rgb(90,86,120)
```
#656187
```
#656187 rgb(101,97,135)
```
#716c95
```
#716c95 rgb(113,108,149)
```
#7f7aa0
```
#7f7aa0 rgb(127,122,160)
```

Monochromatic Color

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

#565b78
```
#565b78 rgb(86,91,120)
```
#565878
```
#565878 rgb(86,88,120)
```
#575678
```
#575678 rgb(87,86,120)
```
#5a5678
```
#5a5678 rgb(90,86,120)
```
#5d5678
```
#5d5678 rgb(93,86,120)
```
#605678
```
#605678 rgb(96,86,120)
```
#635678
```
#635678 rgb(99,86,120)
```

Similar Colors

Text with hexadecimal color #5a5678

This text has a font color of #5a5678.

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

#5a5678 background color

This paragraph has a background color of #5a5678.

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

#5a5678 border color

This element has a border color of #5a5678.

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

CSS codes

.text {color:#5a5678;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0d0c11
```
#0d0c11 rgb(13,12,17)
```
#15141d
```
#15141d rgb(21,20,29)
```
#1e1d28
```
#1e1d28 rgb(30,29,40)
```
#272533
```
#272533 rgb(39,37,51)
```
#2f2d3f
```
#2f2d3f rgb(47,45,63)
```
#38354a
```
#38354a rgb(56,53,74)
```
#403d56
```
#403d56 rgb(64,61,86)
```
#494661
```
#494661 rgb(73,70,97)
```
#514e6d
```
#514e6d rgb(81,78,109)
```
#5a5678
```
#5a5678 rgb(90,86,120)
```
#635e83
```
#635e83 rgb(99,94,131)
```
#6b668f
```
#6b668f rgb(107,102,143)
```

Shade Color Variation

#757099
```
#757099 rgb(117,112,153)
```
#807ca1
```
#807ca1 rgb(128,124,161)
```
#8b87a9
```
#8b87a9 rgb(139,135,169)
```
#9692b1
```
#9692b1 rgb(150,146,177)
```
#a19eb9
```
#a19eb9 rgb(161,158,185)
```
#aca9c2
```
#aca9c2 rgb(172,169,194)
```
#b7b5ca
```
#b7b5ca rgb(183,181,202)
```
#c2c0d2
```
#c2c0d2 rgb(194,192,210)
```
#cdccda
```
#cdccda rgb(205,204,218)
```
#d8d7e2
```
#d8d7e2 rgb(216,215,226)
```
#e3e2eb
```
#e3e2eb rgb(227,226,235)
```
#eeeef3
```
#eeeef3 rgb(238,238,243)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#666668
```
#666668 rgb(102,102,104)
```
#605e70
```
#605e70 rgb(96,94,112)
```
#5a5678
```
#5a5678 rgb(90,86,120)
```
#544e80
```
#544e80 rgb(84,78,128)
```
#4e4688
```
#4e4688 rgb(78,70,136)
```
#483e90
```
#483e90 rgb(72,62,144)
```
#423698
```
#423698 rgb(66,54,152)
```
#3c2ea0
```
#3c2ea0 rgb(60,46,160)
```
#3626a8
```
#3626a8 rgb(54,38,168)
```
#301faf
```
#301faf rgb(48,31,175)
```
#2a17b7
```
#2a17b7 rgb(42,23,183)
```
#230fbf
```
#230fbf rgb(35,15,191)
```
#1d07c7
```
#1d07c7 rgb(29,7,199)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5b5a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586180 Protanopia 1% of men
#5b617e Deuteranopia 1% of men
#5d626a Tritanopia 0.001% of the population

Trichromacy

#595d7d Protanomaly 1% of men, 0.01% of women
#5a5d7b Deuteranomaly 6% of men, 0.4% of women
#5c5e6f Tritanomaly 0.01% of the population

#5a5678 hex color

#5a5678 Color Information

#5a5678 Color Conversion

Color Schemes with #5a5678

Alternatives to #5a5678

#5a5678 Preview

Shades and Tints of #5a5678

Tones of #5a5678

Color Blindness Simulator