#5a509a hex color

In a RGB color space, hex #5a509a is composed of 35.3% red, 31.4% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 48.1% magenta, 0% yellow and 39.6% black. It has a hue angle of 248.1 degrees, a saturation of 31.6% and a lightness of 45.9%. #5a509a color hex could be obtained by blending #b4a0ff with #000035. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 31
- B 60
RGB color chart
- C 42
- M 48
- Y 0
- K 40
CMYK color chart

● #5a509a color description : Dark moderate blue.

The hexadecimal color #5a509a has RGB values of R:90, G:80, B:154 and CMYK values of C:0.42, M:0.48, Y:0, K:0.4. Its decimal value is 5918874.

Hex triplet	5a509a	`#5a509a`
RGB Decimal	90, 80, 154	`rgb(90,80,154)`
RGB Percent	35.3, 31.4, 60.4	`rgb(35.3%,31.4%,60.4%)`
CMYK	42, 48, 0, 40
HSL	248.1°, 31.6, 45.9	`hsl(248.1,31.6%,45.9%)`
HSV (or HSB)	248.1°, 48.1, 60.4
Web Safe	666699	`#666699`

CIE-LAB	38.277, 23.114, -39.207
XYZ	12.917, 10.244, 31.867
xyY	0.235, 0.186, 10.244
CIE-LCH	38.277, 45.513, 300.521
CIE-LUV	38.277, -0.383, -58.061
Hunter-Lab	32.006, 16.027, -36.628
Binary	01011010, 01010000, 10011010

#5a509a
```
#5a509a rgb(90,80,154)
```
#909a50
```
#909a50 rgb(144,154,80)
```

Complementary Color

#506b9a
```
#506b9a rgb(80,107,154)
```
#5a509a
```
#5a509a rgb(90,80,154)
```
#7f509a
```
#7f509a rgb(127,80,154)
```

Analogous Color

#6b9a50
```
#6b9a50 rgb(107,154,80)
```
#5a509a
```
#5a509a rgb(90,80,154)
```
#9a7f50
```
#9a7f50 rgb(154,127,80)
```

Split Complementary Color

#509a5a
```
#509a5a rgb(80,154,90)
```
#5a509a
```
#5a509a rgb(90,80,154)
```
#9a5a50
```
#9a5a50 rgb(154,90,80)
```

Triadic Color

#50909a
```
#50909a rgb(80,144,154)
```
#5a509a
```
#5a509a rgb(90,80,154)
```
#9a5a50
```
#9a5a50 rgb(154,90,80)
```
#909a50
```
#909a50 rgb(144,154,80)
```

Tetradic Color

#3d3668
```
#3d3668 rgb(61,54,104)
```
#463f78
```
#463f78 rgb(70,63,120)
```
#504789
```
#504789 rgb(80,71,137)
```
#5a509a
```
#5a509a rgb(90,80,154)
```
#655aa9
```
#655aa9 rgb(101,90,169)
```
#756bb2
```
#756bb2 rgb(117,107,178)
```
#847cbb
```
#847cbb rgb(132,124,187)
```

Monochromatic Color

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

#50599a
```
#50599a rgb(80,89,154)
```
#50529a
```
#50529a rgb(80,82,154)
```
#54509a
```
#54509a rgb(84,80,154)
```
#5a509a
```
#5a509a rgb(90,80,154)
```
#60509a
```
#60509a rgb(96,80,154)
```
#66509a
```
#66509a rgb(102,80,154)
```
#6d509a
```
#6d509a rgb(109,80,154)
```

Similar Colors

Text with hexadecimal color #5a509a

This text has a font color of #5a509a.

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

#5a509a background color

This paragraph has a background color of #5a509a.

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

#5a509a border color

This element has a border color of #5a509a.

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

CSS codes

.text {color:#5a509a;}

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

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

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

#07060c
```
#07060c rgb(7,6,12)
```
#0f0d19
```
#0f0d19 rgb(15,13,25)
```
#161426
```
#161426 rgb(22,20,38)
```
#1e1a33
```
#1e1a33 rgb(30,26,51)
```
#252140
```
#252140 rgb(37,33,64)
```
#2d284d
```
#2d284d rgb(45,40,77)
```
#342e59
```
#342e59 rgb(52,46,89)
```
#3c3566
```
#3c3566 rgb(60,53,102)
```
#433c73
```
#433c73 rgb(67,60,115)
```
#4b4380
```
#4b4380 rgb(75,67,128)
```
#52498d
```
#52498d rgb(82,73,141)
```
#5a509a
```
#5a509a rgb(90,80,154)
```
#6257a7
```
#6257a7 rgb(98,87,167)
```

Shade Color Variation

#6d63ae
```
#6d63ae rgb(109,99,174)
```
#7970b5
```
#7970b5 rgb(121,112,181)
```
#857dbb
```
#857dbb rgb(133,125,187)
```
#928ac2
```
#928ac2 rgb(146,138,194)
```
#9e97c9
```
#9e97c9 rgb(158,151,201)
```
#aaa4d0
```
#aaa4d0 rgb(170,164,208)
```
#b6b1d6
```
#b6b1d6 rgb(182,177,214)
```
#c2bedd
```
#c2bedd rgb(194,190,221)
```
#cecae4
```
#cecae4 rgb(206,202,228)
```
#dad7ea
```
#dad7ea rgb(218,215,234)
```
#e6e4f1
```
#e6e4f1 rgb(230,228,241)
```
#f2f1f8
```
#f2f1f8 rgb(242,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#747476
```
#747476 rgb(116,116,118)
```
#6e6b7f
```
#6e6b7f rgb(110,107,127)
```
#676288
```
#676288 rgb(103,98,136)
```
#615991
```
#615991 rgb(97,89,145)
```
#5a509a
```
#5a509a rgb(90,80,154)
```
#5347a3
```
#5347a3 rgb(83,71,163)
```
#4d3eac
```
#4d3eac rgb(77,62,172)
```
#4635b5
```
#4635b5 rgb(70,53,181)
```
#402cbe
```
#402cbe rgb(64,44,190)
```
#3923c7
```
#3923c7 rgb(57,35,199)
```
#331ad0
```
#331ad0 rgb(51,26,208)
```
#2c11d9
```
#2c11d9 rgb(44,17,217)
```
#2508e2
```
#2508e2 rgb(37,8,226)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5b5968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f60a5 Protanopia 1% of men
#3a639b Deuteranopia 1% of men
#53656c Tritanopia 0.001% of the population

Trichromacy

#495aa1 Protanomaly 1% of men, 0.01% of women
#455c9a Deuteranomaly 6% of men, 0.4% of women
#555d7d Tritanomaly 0.01% of the population

#5a509a hex color

#5a509a Color Information

#5a509a Color Conversion

Color Schemes with #5a509a

Alternatives to #5a509a

#5a509a Preview

Shades and Tints of #5a509a

Tones of #5a509a

Color Blindness Simulator