#5a6aaa hex color

In a RGB color space, hex #5a6aaa is composed of 35.3% red, 41.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 37.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 228 degrees, a saturation of 32% and a lightness of 51%. #5a6aaa color hex could be obtained by blending #b4d4ff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 42
- B 67
RGB color chart
- C 47
- M 38
- Y 0
- K 33
CMYK color chart

● #5a6aaa color description : Dark moderate blue.

The hexadecimal color #5a6aaa has RGB values of R:90, G:106, B:170 and CMYK values of C:0.47, M:0.38, Y:0, K:0.33. Its decimal value is 5925546.

Hex triplet	5a6aaa	`#5a6aaa`
RGB Decimal	90, 106, 170	`rgb(90,106,170)`
RGB Percent	35.3, 41.6, 66.7	`rgb(35.3%,41.6%,66.7%)`
CMYK	47, 38, 0, 33
HSL	228°, 32, 51	`hsl(228,32%,51%)`
HSV (or HSB)	228°, 47.1, 66.7
Web Safe	666699	`#666699`

CIE-LAB	46.155, 11.715, -36.221
XYZ	16.625, 15.383, 40.121
xyY	0.23, 0.213, 15.383
CIE-LCH	46.155, 38.068, 287.923
CIE-LUV	46.155, -10.206, -55.109
Hunter-Lab	39.222, 7.022, -33.195
Binary	01011010, 01101010, 10101010

#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#aa9a5a
```
#aa9a5a rgb(170,154,90)
```

Complementary Color

#5a92aa
```
#5a92aa rgb(90,146,170)
```
#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#725aaa
```
#725aaa rgb(114,90,170)
```

Analogous Color

#92aa5a
```
#92aa5a rgb(146,170,90)
```
#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#aa725a
```
#aa725a rgb(170,114,90)
```

Split Complementary Color

#6aaa5a
```
#6aaa5a rgb(106,170,90)
```
#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#aa5a6a
```
#aa5a6a rgb(170,90,106)
```

Triadic Color

#5aaa9a
```
#5aaa9a rgb(90,170,154)
```
#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#aa5a6a
```
#aa5a6a rgb(170,90,106)
```
#aa9a5a
```
#aa9a5a rgb(170,154,90)
```

Tetradic Color

#3e4a79
```
#3e4a79 rgb(62,74,121)
```
#47548a
```
#47548a rgb(71,84,138)
```
#505f9b
```
#505f9b rgb(80,95,155)
```
#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#6b79b3
```
#6b79b3 rgb(107,121,179)
```
#7c88bb
```
#7c88bb rgb(124,136,187)
```
#8c98c4
```
#8c98c4 rgb(140,152,196)
```

Monochromatic Color

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

#5a7eaa
```
#5a7eaa rgb(90,126,170)
```
#5a77aa
```
#5a77aa rgb(90,119,170)
```
#5a71aa
```
#5a71aa rgb(90,113,170)
```
#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#5a63aa
```
#5a63aa rgb(90,99,170)
```
#5a5daa
```
#5a5daa rgb(90,93,170)
```
#5e5aaa
```
#5e5aaa rgb(94,90,170)
```

Similar Colors

Text with hexadecimal color #5a6aaa

This text has a font color of #5a6aaa.

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

#5a6aaa background color

This paragraph has a background color of #5a6aaa.

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

#5a6aaa border color

This element has a border color of #5a6aaa.

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

CSS codes

.text {color:#5a6aaa;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080a10
```
#080a10 rgb(8,10,16)
```
#0f121d
```
#0f121d rgb(15,18,29)
```
#161a2a
```
#161a2a rgb(22,26,42)
```
#1c2237
```
#1c2237 rgb(28,34,55)
```
#232a44
```
#232a44 rgb(35,42,68)
```
#2a3251
```
#2a3251 rgb(42,50,81)
```
#30395e
```
#30395e rgb(48,57,94)
```
#37416b
```
#37416b rgb(55,65,107)
```
#3e4978
```
#3e4978 rgb(62,73,120)
```
#445185
```
#445185 rgb(68,81,133)
```
#4b5992
```
#4b5992 rgb(75,89,146)
```
#52619f
```
#52619f rgb(82,97,159)
```

Shade Color Variation

#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#6776b1
```
#6776b1 rgb(103,118,177)
```
#7481b7
```
#7481b7 rgb(116,129,183)
```
#818dbe
```
#818dbe rgb(129,141,190)
```
#8e99c5
```
#8e99c5 rgb(142,153,197)
```
#9ba4cb
```
#9ba4cb rgb(155,164,203)
```
#a8b0d2
```
#a8b0d2 rgb(168,176,210)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#c2c8df
```
#c2c8df rgb(194,200,223)
```
#cfd3e6
```
#cfd3e6 rgb(207,211,230)
```
#dbdfed
```
#dbdfed rgb(219,223,237)
```
#e8ebf3
```
#e8ebf3 rgb(232,235,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#808184
```
#808184 rgb(128,129,132)
```
#777b8d
```
#777b8d rgb(119,123,141)
```
#6d7697
```
#6d7697 rgb(109,118,151)
```
#6470a0
```
#6470a0 rgb(100,112,160)
```
#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#5064b4
```
#5064b4 rgb(80,100,180)
```
#475ebd
```
#475ebd rgb(71,94,189)
```
#3d59c7
```
#3d59c7 rgb(61,89,199)
```
#3453d0
```
#3453d0 rgb(52,83,208)
```
#2a4dda
```
#2a4dda rgb(42,77,218)
```
#2047e4
```
#2047e4 rgb(32,71,228)
```
#1742ed
```
#1742ed rgb(23,66,237)
```
#0d3cf7
```
#0d3cf7 rgb(13,60,247)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#696c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c72af Protanopia 1% of men
#5574ad Deuteranopia 1% of men
#537b84 Tritanopia 0.001% of the population

Trichromacy

#5b6fad Protanomaly 1% of men, 0.01% of women
#5770ac Deuteranomaly 6% of men, 0.4% of women
#557491 Tritanomaly 0.01% of the population

#5a6aaa hex color

#5a6aaa Color Information

#5a6aaa Color Conversion

Color Schemes with #5a6aaa

Alternatives to #5a6aaa

#5a6aaa Preview

Shades and Tints of #5a6aaa

Tones of #5a6aaa

Color Blindness Simulator