colorhexa.com

#5a46a3 hex color

In a RGB color space, hex #5a46a3 is composed of 35.3% red, 27.5% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 57.1% magenta, 0% yellow and 36.1% black. It has a hue angle of 252.9 degrees, a saturation of 39.9% and a lightness of 45.7%. #5a46a3 color hex could be obtained by blending #b48cff with #000047. Closest websafe color is: #663399.

- R 35
- G 27
- B 64
RGB color chart
- C 45
- M 57
- Y 0
- K 36
CMYK color chart

● #5a46a3 color description : Dark moderate blue.

The hexadecimal color #5a46a3 has RGB values of R:90, G:70, B:163 and CMYK values of C:0.45, M:0.57, Y:0, K:0.36. Its decimal value is 5916323.

Hex triplet	5a46a3	`#5a46a3`
RGB Decimal	90, 70, 163	`rgb(90,70,163)`
RGB Percent	35.3, 27.5, 63.9	`rgb(35.3%,27.5%,63.9%)`
CMYK	45, 57, 0, 36
HSL	252.9°, 39.9, 45.7	`hsl(252.9,39.9%,45.7%)`
HSV (or HSB)	252.9°, 57.1, 63.9
Web Safe	663399	`#663399`

CIE-LAB	36.363, 32.02, -47.679
XYZ	13.016, 9.198, 35.738
xyY	0.225, 0.159, 9.198
CIE-LCH	36.363, 57.433, 303.885
CIE-LUV	36.363, 1.799, -69.831
Hunter-Lab	30.328, 23.534, -48.635
Binary	01011010, 01000110, 10100011

#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#8fa346
```
#8fa346 rgb(143,163,70)
```

Complementary Color

#4661a3
```
#4661a3 rgb(70,97,163)
```
#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#8946a3
```
#8946a3 rgb(137,70,163)
```

Analogous Color

#61a346
```
#61a346 rgb(97,163,70)
```
#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#a38946
```
#a38946 rgb(163,137,70)
```

Split Complementary Color

#46a35a
```
#46a35a rgb(70,163,90)
```
#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#a35a46
```
#a35a46 rgb(163,90,70)
```

Triadic Color

#468fa3
```
#468fa3 rgb(70,143,163)
```
#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#a35a46
```
#a35a46 rgb(163,90,70)
```
#8fa346
```
#8fa346 rgb(143,163,70)
```

Tetradic Color

#3c2f6d
```
#3c2f6d rgb(60,47,109)
```
#46377f
```
#46377f rgb(70,55,127)
```
#503e91
```
#503e91 rgb(80,62,145)
```
#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#654fb3
```
#654fb3 rgb(101,79,179)
```
#7461bb
```
#7461bb rgb(116,97,187)
```
#8473c3
```
#8473c3 rgb(132,115,195)
```

Monochromatic Color

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

#4649a3
```
#4649a3 rgb(70,73,163)
```
#4a46a3
```
#4a46a3 rgb(74,70,163)
```
#5246a3
```
#5246a3 rgb(82,70,163)
```
#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#6246a3
```
#6246a3 rgb(98,70,163)
```
#6a46a3
```
#6a46a3 rgb(106,70,163)
```
#7146a3
```
#7146a3 rgb(113,70,163)
```

Similar Colors

Text with hexadecimal color #5a46a3

This text has a font color of #5a46a3.

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

#5a46a3 background color

This paragraph has a background color of #5a46a3.

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

#5a46a3 border color

This element has a border color of #5a46a3.

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

CSS codes

.text {color:#5a46a3;}

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

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

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

#07050c
```
#07050c rgb(7,5,12)
```
#0e0b1a
```
#0e0b1a rgb(14,11,26)
```
#161127
```
#161127 rgb(22,17,39)
```
#1d1735
```
#1d1735 rgb(29,23,53)
```
#251d43
```
#251d43 rgb(37,29,67)
```
#2d2351
```
#2d2351 rgb(45,35,81)
```
#34295e
```
#34295e rgb(52,41,94)
```
#3c2e6c
```
#3c2e6c rgb(60,46,108)
```
#43347a
```
#43347a rgb(67,52,122)
```
#4b3a88
```
#4b3a88 rgb(75,58,136)
```
#524095
```
#524095 rgb(82,64,149)
```
#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#624cb1
```
#624cb1 rgb(98,76,177)
```

Shade Color Variation

#6d59b8
```
#6d59b8 rgb(109,89,184)
```
#7966bd
```
#7966bd rgb(121,102,189)
```
#8574c3
```
#8574c3 rgb(133,116,195)
```
#9182c9
```
#9182c9 rgb(145,130,201)
```
#9d90cf
```
#9d90cf rgb(157,144,207)
```
#a99dd5
```
#a99dd5 rgb(169,157,213)
```
#b5abdb
```
#b5abdb rgb(181,171,219)
```
#c1b9e1
```
#c1b9e1 rgb(193,185,225)
```
#cdc6e7
```
#cdc6e7 rgb(205,198,231)
```
#d9d4ed
```
#d9d4ed rgb(217,212,237)
```
#e5e2f2
```
#e5e2f2 rgb(229,226,242)
```
#f1f0f8
```
#f1f0f8 rgb(241,240,248)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#747376
```
#747376 rgb(116,115,118)
```
#6e6a7f
```
#6e6a7f rgb(110,106,127)
```
#696188
```
#696188 rgb(105,97,136)
```
#645891
```
#645891 rgb(100,88,145)
```
#5f4f9a
```
#5f4f9a rgb(95,79,154)
```
#5a46a3
```
#5a46a3 rgb(90,70,163)
```
#553dac
```
#553dac rgb(85,61,172)
```
#5034b5
```
#5034b5 rgb(80,52,181)
```
#4b2bbe
```
#4b2bbe rgb(75,43,190)
```
#4622c7
```
#4622c7 rgb(70,34,199)
```
#4019d0
```
#4019d0 rgb(64,25,208)
```
#3b10d9
```
#3b10d9 rgb(59,16,217)
```
#3607e2
```
#3607e2 rgb(54,7,226)
```

Tone Color Variation

Below, you can see how #5a46a3 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
#585466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#115bb2 Protanopia 1% of men
#005f9f Deuteranopia 1% of men
#4e6168 Tritanopia 0.001% of the population

Trichromacy

#2c53ac Protanomaly 1% of men, 0.01% of women
#2056a0 Deuteranomaly 6% of men, 0.4% of women
#52577d Tritanomaly 0.01% of the population