#5a5475 hex color

In a RGB color space, hex #5a5475 is composed of 35.3% red, 32.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 28.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 250.9 degrees, a saturation of 16.4% and a lightness of 39.4%. #5a5475 color hex could be obtained by blending #b4a8ea with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 33
- B 46
RGB color chart
- C 23
- M 28
- Y 0
- K 54
CMYK color chart

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

The hexadecimal color #5a5475 has RGB values of R:90, G:84, B:117 and CMYK values of C:0.23, M:0.28, Y:0, K:0.54. Its decimal value is 5919861.

Hex triplet	5a5475	`#5a5475`
RGB Decimal	90, 84, 117	`rgb(90,84,117)`
RGB Percent	35.3, 32.9, 45.9	`rgb(35.3%,32.9%,45.9%)`
CMYK	23, 28, 0, 54
HSL	250.9°, 16.4, 39.4	`hsl(250.9,16.4%,39.4%)`
HSV (or HSB)	250.9°, 28.2, 45.9
Web Safe	666666	`#666666`

CIE-LAB	37.479, 10.139, -17.889
XYZ	10.597, 9.799, 18.162
xyY	0.275, 0.254, 9.799
CIE-LCH	37.479, 20.563, 299.543
CIE-LUV	37.479, 0.998, -25.568
Hunter-Lab	31.303, 5.649, -12.488
Binary	01011010, 01010100, 01110101

#5a5475
```
#5a5475 rgb(90,84,117)
```
#6f7554
```
#6f7554 rgb(111,117,84)
```

Complementary Color

#545f75
```
#545f75 rgb(84,95,117)
```
#5a5475
```
#5a5475 rgb(90,84,117)
```
#6b5475
```
#6b5475 rgb(107,84,117)
```

Analogous Color

#5f7554
```
#5f7554 rgb(95,117,84)
```
#5a5475
```
#5a5475 rgb(90,84,117)
```
#756b54
```
#756b54 rgb(117,107,84)
```

Split Complementary Color

#54755a
```
#54755a rgb(84,117,90)
```
#5a5475
```
#5a5475 rgb(90,84,117)
```
#755a54
```
#755a54 rgb(117,90,84)
```

Triadic Color

#546f75
```
#546f75 rgb(84,111,117)
```
#5a5475
```
#5a5475 rgb(90,84,117)
```
#755a54
```
#755a54 rgb(117,90,84)
```
#6f7554
```
#6f7554 rgb(111,117,84)
```

Tetradic Color

#383448
```
#383448 rgb(56,52,72)
```
#433f57
```
#433f57 rgb(67,63,87)
```
#4f4966
```
#4f4966 rgb(79,73,102)
```
#5a5475
```
#5a5475 rgb(90,84,117)
```
#655f84
```
#655f84 rgb(101,95,132)
```
#716993
```
#716993 rgb(113,105,147)
```
#7f789e
```
#7f789e rgb(127,120,158)
```

Monochromatic Color

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

#545675
```
#545675 rgb(84,86,117)
```
#555475
```
#555475 rgb(85,84,117)
```
#575475
```
#575475 rgb(87,84,117)
```
#5a5475
```
#5a5475 rgb(90,84,117)
```
#5d5475
```
#5d5475 rgb(93,84,117)
```
#605475
```
#605475 rgb(96,84,117)
```
#625475
```
#625475 rgb(98,84,117)
```

Similar Colors

Text with hexadecimal color #5a5475

This text has a font color of #5a5475.

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

#5a5475 background color

This paragraph has a background color of #5a5475.

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

#5a5475 border color

This element has a border color of #5a5475.

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

CSS codes

.text {color:#5a5475;}

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

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

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 #f7f6f9 is the lightest one.

#020203
```
#020203 rgb(2,2,3)
```
#0b0a0e
```
#0b0a0e rgb(11,10,14)
```
#14121a
```
#14121a rgb(20,18,26)
```
#1d1b25
```
#1d1b25 rgb(29,27,37)
```
#252330
```
#252330 rgb(37,35,48)
```
#2e2b3c
```
#2e2b3c rgb(46,43,60)
```
#373347
```
#373347 rgb(55,51,71)
```
#403b53
```
#403b53 rgb(64,59,83)
```
#48445e
```
#48445e rgb(72,68,94)
```
#514c6a
```
#514c6a rgb(81,76,106)
```
#5a5475
```
#5a5475 rgb(90,84,117)
```
#635c80
```
#635c80 rgb(99,92,128)
```
#6c648c
```
#6c648c rgb(108,100,140)
```

Shade Color Variation

#756d96
```
#756d96 rgb(117,109,150)
```
#80799f
```
#80799f rgb(128,121,159)
```
#8b84a7
```
#8b84a7 rgb(139,132,167)
```
#9590af
```
#9590af rgb(149,144,175)
```
#a09bb7
```
#a09bb7 rgb(160,155,183)
```
#aba6bf
```
#aba6bf rgb(171,166,191)
```
#b6b2c8
```
#b6b2c8 rgb(182,178,200)
```
#c1bdd0
```
#c1bdd0 rgb(193,189,208)
```
#ccc9d8
```
#ccc9d8 rgb(204,201,216)
```
#d6d4e0
```
#d6d4e0 rgb(214,212,224)
```
#e1e0e8
```
#e1e0e8 rgb(225,224,232)
```
#ecebf1
```
#ecebf1 rgb(236,235,241)
```
#f7f6f9
```
#f7f6f9 rgb(247,246,249)
```

Tint Color Variation

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

#646366
```
#646366 rgb(100,99,102)
```
#5f5c6d
```
#5f5c6d rgb(95,92,109)
```
#5a5475
```
#5a5475 rgb(90,84,117)
```
#554c7d
```
#554c7d rgb(85,76,125)
```
#504584
```
#504584 rgb(80,69,132)
```
#4b3d8c
```
#4b3d8c rgb(75,61,140)
```
#463594
```
#463594 rgb(70,53,148)
```
#412d9c
```
#412d9c rgb(65,45,156)
```
#3c26a3
```
#3c26a3 rgb(60,38,163)
```
#381eab
```
#381eab rgb(56,30,171)
```
#3316b3
```
#3316b3 rgb(51,22,179)
```
#2e0ebb
```
#2e0ebb rgb(46,14,187)
```
#2907c2
```
#2907c2 rgb(41,7,194)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5a595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#575f7e Protanopia 1% of men
#5a5f7b Deuteranopia 1% of men
#5e6067 Tritanopia 0.001% of the population

Trichromacy

#585b7a Protanomaly 1% of men, 0.01% of women
#5a5b79 Deuteranomaly 6% of men, 0.4% of women
#5c5c6c Tritanomaly 0.01% of the population

#5a5475 hex color

#5a5475 Color Information

#5a5475 Color Conversion

Color Schemes with #5a5475

Alternatives to #5a5475

#5a5475 Preview

Shades and Tints of #5a5475

Tones of #5a5475

Color Blindness Simulator