#5a5a88 hex color

In a RGB color space, hex #5a5a88 is composed of 35.3% red, 35.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 33.8% magenta, 0% yellow and 46.7% black. It has a hue angle of 240 degrees, a saturation of 20.4% and a lightness of 44.3%. #5a5a88 color hex could be obtained by blending #b4b4ff with #000011. Closest websafe color is: #666699.

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

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

The hexadecimal color #5a5a88 has RGB values of R:90, G:90, B:136 and CMYK values of C:0.34, M:0.34, Y:0, K:0.47. Its decimal value is 5921416.

Hex triplet	5a5a88	`#5a5a88`
RGB Decimal	90, 90, 136	`rgb(90,90,136)`
RGB Percent	35.3, 35.3, 53.3	`rgb(35.3%,35.3%,53.3%)`
CMYK	34, 34, 0, 47
HSL	240°, 20.4, 44.3	`hsl(240,20.4%,44.3%)`
HSV (or HSB)	240°, 33.8, 53.3
Web Safe	666699	`#666699`

CIE-LAB	40.021, 11.546, -25.58
XYZ	12.316, 11.263, 24.816
xyY	0.254, 0.233, 11.263
CIE-LCH	40.021, 28.065, 294.292
CIE-LUV	40.021, -2.702, -37.416
Hunter-Lab	33.561, 6.772, -20.349
Binary	01011010, 01011010, 10001000

#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#88885a
```
#88885a rgb(136,136,90)
```

Complementary Color

#5a7188
```
#5a7188 rgb(90,113,136)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#715a88
```
#715a88 rgb(113,90,136)
```

Analogous Color

#71885a
```
#71885a rgb(113,136,90)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#88715a
```
#88715a rgb(136,113,90)
```

Split Complementary Color

#5a885a
```
#5a885a rgb(90,136,90)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#885a5a
```
#885a5a rgb(136,90,90)
```

Triadic Color

#5a8888
```
#5a8888 rgb(90,136,136)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#885a5a
```
#885a5a rgb(136,90,90)
```
#88885a
```
#88885a rgb(136,136,90)
```

Tetradic Color

#3c3c5a
```
#3c3c5a rgb(60,60,90)
```
#464669
```
#464669 rgb(70,70,105)
```
#505079
```
#505079 rgb(80,80,121)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#646497
```
#646497 rgb(100,100,151)
```
#7373a2
```
#7373a2 rgb(115,115,162)
```
#8282ac
```
#8282ac rgb(130,130,172)
```

Monochromatic Color

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

#5a6688
```
#5a6688 rgb(90,102,136)
```
#5a6288
```
#5a6288 rgb(90,98,136)
```
#5a5e88
```
#5a5e88 rgb(90,94,136)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#5e5a88
```
#5e5a88 rgb(94,90,136)
```
#625a88
```
#625a88 rgb(98,90,136)
```
#665a88
```
#665a88 rgb(102,90,136)
```

Similar Colors

Text with hexadecimal color #5a5a88

This text has a font color of #5a5a88.

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

#5a5a88 background color

This paragraph has a background color of #5a5a88.

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

#5a5a88 border color

This element has a border color of #5a5a88.

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

CSS codes

.text {color:#5a5a88;}

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

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

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)
```
#0c0c12
```
#0c0c12 rgb(12,12,18)
```
#14141e
```
#14141e rgb(20,20,30)
```
#1c1c2a
```
#1c1c2a rgb(28,28,42)
```
#232335
```
#232335 rgb(35,35,53)
```
#2b2b41
```
#2b2b41 rgb(43,43,65)
```
#33334d
```
#33334d rgb(51,51,77)
```
#3b3b59
```
#3b3b59 rgb(59,59,89)
```
#434365
```
#434365 rgb(67,67,101)
```
#4a4a70
```
#4a4a70 rgb(74,74,112)
```
#52527c
```
#52527c rgb(82,82,124)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#626294
```
#626294 rgb(98,98,148)
```

Shade Color Variation

#6c6c9e
```
#6c6c9e rgb(108,108,158)
```
#7878a5
```
#7878a5 rgb(120,120,165)
```
#8383ad
```
#8383ad rgb(131,131,173)
```
#8f8fb5
```
#8f8fb5 rgb(143,143,181)
```
#9b9bbd
```
#9b9bbd rgb(155,155,189)
```
#a7a7c5
```
#a7a7c5 rgb(167,167,197)
```
#b3b3cc
```
#b3b3cc rgb(179,179,204)
```
#bebed4
```
#bebed4 rgb(190,190,212)
```
#cacadc
```
#cacadc rgb(202,202,220)
```
#d6d6e4
```
#d6d6e4 rgb(214,214,228)
```
#e2e2ec
```
#e2e2ec rgb(226,226,236)
```
#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, #6b6b77 is the less saturated color, while #0303df is the most saturated one.

#6b6b77
```
#6b6b77 rgb(107,107,119)
```
#63637f
```
#63637f rgb(99,99,127)
```
#5a5a88
```
#5a5a88 rgb(90,90,136)
```
#515191
```
#515191 rgb(81,81,145)
```
#494999
```
#494999 rgb(73,73,153)
```
#4040a2
```
#4040a2 rgb(64,64,162)
```
#3737ab
```
#3737ab rgb(55,55,171)
```
#2f2fb3
```
#2f2fb3 rgb(47,47,179)
```
#2626bc
```
#2626bc rgb(38,38,188)
```
#1d1dc5
```
#1d1dc5 rgb(29,29,197)
```
#1414ce
```
#1414ce rgb(20,20,206)
```
#0c0cd6
```
#0c0cd6 rgb(12,12,214)
```
#0303df
```
#0303df rgb(3,3,223)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5e5e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576590 Protanopia 1% of men
#57658d Deuteranopia 1% of men
#5a6870 Tritanopia 0.001% of the population

Trichromacy

#58618d Protanomaly 1% of men, 0.01% of women
#58618b Deuteranomaly 6% of men, 0.4% of women
#5a6378 Tritanomaly 0.01% of the population

#5a5a88 hex color

#5a5a88 Color Information

#5a5a88 Color Conversion

Color Schemes with #5a5a88

Alternatives to #5a5a88

#5a5a88 Preview

Shades and Tints of #5a5a88

Tones of #5a5a88

Color Blindness Simulator