#5a5596 hex color

In a RGB color space, hex #5a5596 is composed of 35.3% red, 33.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 43.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 244.6 degrees, a saturation of 27.7% and a lightness of 46.1%. #5a5596 color hex could be obtained by blending #b4aaff with #00002d. Closest websafe color is: #666699.

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

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

The hexadecimal color #5a5596 has RGB values of R:90, G:85, B:150 and CMYK values of C:0.4, M:0.43, Y:0, K:0.41. Its decimal value is 5920150.

Hex triplet	5a5596	`#5a5596`
RGB Decimal	90, 85, 150	`rgb(90,85,150)`
RGB Percent	35.3, 33.3, 58.8	`rgb(35.3%,33.3%,58.8%)`
CMYK	40, 43, 0, 41
HSL	244.6°, 27.7, 46.1	`hsl(244.6,27.7%,46.1%)`
HSV (or HSB)	244.6°, 43.3, 58.8
Web Safe	666699	`#666699`

CIE-LAB	39.365, 18.769, -35.071
XYZ	12.969, 10.872, 30.268
xyY	0.24, 0.201, 10.872
CIE-LCH	39.365, 39.778, 298.154
CIE-LUV	39.365, -1.763, -52.022
Hunter-Lab	32.973, 12.503, -31.344
Binary	01011010, 01010101, 10010110

#5a5596
```
#5a5596 rgb(90,85,150)
```
#919655
```
#919655 rgb(145,150,85)
```

Complementary Color

#557196
```
#557196 rgb(85,113,150)
```
#5a5596
```
#5a5596 rgb(90,85,150)
```
#7b5596
```
#7b5596 rgb(123,85,150)
```

Analogous Color

#719655
```
#719655 rgb(113,150,85)
```
#5a5596
```
#5a5596 rgb(90,85,150)
```
#967b55
```
#967b55 rgb(150,123,85)
```

Split Complementary Color

#55965a
```
#55965a rgb(85,150,90)
```
#5a5596
```
#5a5596 rgb(90,85,150)
```
#965a55
```
#965a55 rgb(150,90,85)
```

Triadic Color

#559196
```
#559196 rgb(85,145,150)
```
#5a5596
```
#5a5596 rgb(90,85,150)
```
#965a55
```
#965a55 rgb(150,90,85)
```
#919655
```
#919655 rgb(145,150,85)
```

Tetradic Color

#3d3965
```
#3d3965 rgb(61,57,101)
```
#464375
```
#464375 rgb(70,67,117)
```
#504c86
```
#504c86 rgb(80,76,134)
```
#5a5596
```
#5a5596 rgb(90,85,150)
```
#6560a5
```
#6560a5 rgb(101,96,165)
```
#7570ae
```
#7570ae rgb(117,112,174)
```
#8580b7
```
#8580b7 rgb(133,128,183)
```

Monochromatic Color

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

#556096
```
#556096 rgb(85,96,150)
```
#555b96
```
#555b96 rgb(85,91,150)
```
#555596
```
#555596 rgb(85,85,150)
```
#5a5596
```
#5a5596 rgb(90,85,150)
```
#5f5596
```
#5f5596 rgb(95,85,150)
```
#655596
```
#655596 rgb(101,85,150)
```
#6a5596
```
#6a5596 rgb(106,85,150)
```

Similar Colors

Text with hexadecimal color #5a5596

This text has a font color of #5a5596.

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

#5a5596 background color

This paragraph has a background color of #5a5596.

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

#5a5596 border color

This element has a border color of #5a5596.

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

CSS codes

.text {color:#5a5596;}

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

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

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

#07070c
```
#07070c rgb(7,7,12)
```
#0f0e19
```
#0f0e19 rgb(15,14,25)
```
#161525
```
#161525 rgb(22,21,37)
```
#1e1c32
```
#1e1c32 rgb(30,28,50)
```
#25233e
```
#25233e rgb(37,35,62)
```
#2d2a4b
```
#2d2a4b rgb(45,42,75)
```
#343257
```
#343257 rgb(52,50,87)
```
#3c3964
```
#3c3964 rgb(60,57,100)
```
#434070
```
#434070 rgb(67,64,112)
```
#4b477d
```
#4b477d rgb(75,71,125)
```
#524e89
```
#524e89 rgb(82,78,137)
```
#5a5596
```
#5a5596 rgb(90,85,150)
```
#625ca3
```
#625ca3 rgb(98,92,163)
```

Shade Color Variation

#6e69aa
```
#6e69aa rgb(110,105,170)
```
#7a75b1
```
#7a75b1 rgb(122,117,177)
```
#8682b8
```
#8682b8 rgb(134,130,184)
```
#928ebf
```
#928ebf rgb(146,142,191)
```
#9e9bc6
```
#9e9bc6 rgb(158,155,198)
```
#aaa7cd
```
#aaa7cd rgb(170,167,205)
```
#b6b4d4
```
#b6b4d4 rgb(182,180,212)
```
#c2c0db
```
#c2c0db rgb(194,192,219)
```
#cecde2
```
#cecde2 rgb(206,205,226)
```
#dad9ea
```
#dad9ea rgb(218,217,234)
```
#e7e6f1
```
#e7e6f1 rgb(231,230,241)
```
#f3f2f8
```
#f3f2f8 rgb(243,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#71707b
```
#71707b rgb(113,112,123)
```
#696784
```
#696784 rgb(105,103,132)
```
#625e8d
```
#625e8d rgb(98,94,141)
```
#5a5596
```
#5a5596 rgb(90,85,150)
```
#524c9f
```
#524c9f rgb(82,76,159)
```
#4b43a8
```
#4b43a8 rgb(75,67,168)
```
#433ab1
```
#433ab1 rgb(67,58,177)
```
#3b31ba
```
#3b31ba rgb(59,49,186)
```
#3428c3
```
#3428c3 rgb(52,40,195)
```
#2c1fcc
```
#2c1fcc rgb(44,31,204)
```
#2416d5
```
#2416d5 rgb(36,22,213)
```
#1d0dde
```
#1d0dde rgb(29,13,222)
```
#1504e7
```
#1504e7 rgb(21,4,231)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5d5c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a639f Protanopia 1% of men
#466598 Deuteranopia 1% of men
#55686f Tritanopia 0.001% of the population

Trichromacy

#505e9c Protanomaly 1% of men, 0.01% of women
#4d5f97 Deuteranomaly 6% of men, 0.4% of women
#57617d Tritanomaly 0.01% of the population

#5a5596 hex color

#5a5596 Color Information

#5a5596 Color Conversion

Color Schemes with #5a5596

Alternatives to #5a5596

#5a5596 Preview

Shades and Tints of #5a5596

Tones of #5a5596

Color Blindness Simulator