#5a46aa hex color

In a RGB color space, hex #5a46aa is composed of 35.3% red, 27.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 58.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 252 degrees, a saturation of 41.7% and a lightness of 47.1%. #5a46aa color hex could be obtained by blending #b48cff with #000055. Closest websafe color is: #663399.

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

● #5a46aa color description : Dark moderate blue.

The hexadecimal color #5a46aa has RGB values of R:90, G:70, B:170 and CMYK values of C:0.47, M:0.59, Y:0, K:0.33. Its decimal value is 5916330.

Hex triplet	5a46aa	`#5a46aa`
RGB Decimal	90, 70, 170	`rgb(90,70,170)`
RGB Percent	35.3, 27.5, 66.7	`rgb(35.3%,27.5%,66.7%)`
CMYK	47, 59, 0, 33
HSL	252°, 41.7, 47.1	`hsl(252,41.7%,47.1%)`
HSV (or HSB)	252°, 58.8, 66.7
Web Safe	663399	`#663399`

CIE-LAB	36.848, 34.117, -51.081
XYZ	13.661, 9.456, 39.133
xyY	0.219, 0.152, 9.456
CIE-LCH	36.848, 61.427, 303.739
CIE-LUV	36.848, 1.147, -74.961
Hunter-Lab	30.751, 25.485, -53.927
Binary	01011010, 01000110, 10101010

#5a46aa
```
#5a46aa rgb(90,70,170)
```
#96aa46
```
#96aa46 rgb(150,170,70)
```

Complementary Color

#4664aa
```
#4664aa rgb(70,100,170)
```
#5a46aa
```
#5a46aa rgb(90,70,170)
```
#8c46aa
```
#8c46aa rgb(140,70,170)
```

Analogous Color

#64aa46
```
#64aa46 rgb(100,170,70)
```
#5a46aa
```
#5a46aa rgb(90,70,170)
```
#aa8c46
```
#aa8c46 rgb(170,140,70)
```

Split Complementary Color

#46aa5a
```
#46aa5a rgb(70,170,90)
```
#5a46aa
```
#5a46aa rgb(90,70,170)
```
#aa5a46
```
#aa5a46 rgb(170,90,70)
```

Triadic Color

#4696aa
```
#4696aa rgb(70,150,170)
```
#5a46aa
```
#5a46aa rgb(90,70,170)
```
#aa5a46
```
#aa5a46 rgb(170,90,70)
```
#96aa46
```
#96aa46 rgb(150,170,70)
```

Tetradic Color

#3d3074
```
#3d3074 rgb(61,48,116)
```
#473786
```
#473786 rgb(71,55,134)
```
#503f98
```
#503f98 rgb(80,63,152)
```
#5a46aa
```
#5a46aa rgb(90,70,170)
```
#6652b8
```
#6652b8 rgb(102,82,184)
```
#7664bf
```
#7664bf rgb(118,100,191)
```
#8676c7
```
#8676c7 rgb(134,118,199)
```

Monochromatic Color

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

#464baa
```
#464baa rgb(70,75,170)
```
#4946aa
```
#4946aa rgb(73,70,170)
```
#5246aa
```
#5246aa rgb(82,70,170)
```
#5a46aa
```
#5a46aa rgb(90,70,170)
```
#6246aa
```
#6246aa rgb(98,70,170)
```
#6b46aa
```
#6b46aa rgb(107,70,170)
```
#7346aa
```
#7346aa rgb(115,70,170)
```

Similar Colors

Text with hexadecimal color #5a46aa

This text has a font color of #5a46aa.

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

#5a46aa background color

This paragraph has a background color of #5a46aa.

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

#5a46aa border color

This element has a border color of #5a46aa.

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

CSS codes

.text {color:#5a46aa;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#090711
```
#090711 rgb(9,7,17)
```
#100d1f
```
#100d1f rgb(16,13,31)
```
#18132d
```
#18132d rgb(24,19,45)
```
#1f183b
```
#1f183b rgb(31,24,59)
```
#271e49
```
#271e49 rgb(39,30,73)
```
#2e2457
```
#2e2457 rgb(46,36,87)
```
#352965
```
#352965 rgb(53,41,101)
```
#3d2f72
```
#3d2f72 rgb(61,47,114)
```
#443580
```
#443580 rgb(68,53,128)
```
#4b3b8e
```
#4b3b8e rgb(75,59,142)
```
#53409c
```
#53409c rgb(83,64,156)
```
#5a46aa
```
#5a46aa rgb(90,70,170)
```

Shade Color Variation

#634eb6
```
#634eb6 rgb(99,78,182)
```
#6f5cbc
```
#6f5cbc rgb(111,92,188)
```
#7b69c1
```
#7b69c1 rgb(123,105,193)
```
#8777c7
```
#8777c7 rgb(135,119,199)
```
#9485cd
```
#9485cd rgb(148,133,205)
```
#a093d3
```
#a093d3 rgb(160,147,211)
```
#aca1d8
```
#aca1d8 rgb(172,161,216)
```
#b8afde
```
#b8afde rgb(184,175,222)
```
#c5bde4
```
#c5bde4 rgb(197,189,228)
```
#d1cbe9
```
#d1cbe9 rgb(209,203,233)
```
#ddd9ef
```
#ddd9ef rgb(221,217,239)
```
#e9e6f5
```
#e9e6f5 rgb(233,230,245)
```
#f6f4fb
```
#f6f4fb rgb(246,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76747c is the less saturated color, while #3305eb is the most saturated one.

#76747c
```
#76747c rgb(118,116,124)
```
#706b85
```
#706b85 rgb(112,107,133)
```
#6b628e
```
#6b628e rgb(107,98,142)
```
#655898
```
#655898 rgb(101,88,152)
```
#604fa1
```
#604fa1 rgb(96,79,161)
```
#5a46aa
```
#5a46aa rgb(90,70,170)
```
#543db3
```
#543db3 rgb(84,61,179)
```
#4f34bc
```
#4f34bc rgb(79,52,188)
```
#492ac6
```
#492ac6 rgb(73,42,198)
```
#4421cf
```
#4421cf rgb(68,33,207)
```
#3e18d8
```
#3e18d8 rgb(62,24,216)
```
#390fe1
```
#390fe1 rgb(57,15,225)
```
#3305eb
```
#3305eb rgb(51,5,235)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#585468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#0061a0 Deuteranopia 1% of men
#4b636a Tritanopia 0.001% of the population

Trichromacy

#2054b1 Protanomaly 1% of men, 0.01% of women
#2057a4 Deuteranomaly 6% of men, 0.4% of women
#505881 Tritanomaly 0.01% of the population

#5a46aa hex color

#5a46aa Color Information

#5a46aa Color Conversion

Color Schemes with #5a46aa

Alternatives to #5a46aa

#5a46aa Preview

Shades and Tints of #5a46aa

Tones of #5a46aa

Color Blindness Simulator