#5a5474 hex color

In a RGB color space, hex #5a5474 is composed of 35.3% red, 32.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 27.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 251.3 degrees, a saturation of 16% and a lightness of 39.2%. #5a5474 color hex could be obtained by blending #b4a8e8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 33
- B 45
RGB color chart
- C 22
- M 28
- Y 0
- K 55
CMYK color chart

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

The hexadecimal color #5a5474 has RGB values of R:90, G:84, B:116 and CMYK values of C:0.22, M:0.28, Y:0, K:0.55. Its decimal value is 5919860.

Hex triplet	5a5474	`#5a5474`
RGB Decimal	90, 84, 116	`rgb(90,84,116)`
RGB Percent	35.3, 32.9, 45.5	`rgb(35.3%,32.9%,45.5%)`
CMYK	22, 28, 0, 55
HSL	251.3°, 16, 39.2	`hsl(251.3,16%,39.2%)`
HSV (or HSB)	251.3°, 27.6, 45.5
Web Safe	666666	`#666666`

CIE-LAB	37.436, 9.879, -17.337
XYZ	10.539, 9.775, 17.854
xyY	0.276, 0.256, 9.775
CIE-LCH	37.436, 19.954, 299.676
CIE-LUV	37.436, 1.072, -24.745
Hunter-Lab	31.265, 5.453, -11.971
Binary	01011010, 01010100, 01110100

#5a5474
```
#5a5474 rgb(90,84,116)
```
#6e7454
```
#6e7454 rgb(110,116,84)
```

Complementary Color

#545e74
```
#545e74 rgb(84,94,116)
```
#5a5474
```
#5a5474 rgb(90,84,116)
```
#6a5474
```
#6a5474 rgb(106,84,116)
```

Analogous Color

#5e7454
```
#5e7454 rgb(94,116,84)
```
#5a5474
```
#5a5474 rgb(90,84,116)
```
#746a54
```
#746a54 rgb(116,106,84)
```

Split Complementary Color

#54745a
```
#54745a rgb(84,116,90)
```
#5a5474
```
#5a5474 rgb(90,84,116)
```
#745a54
```
#745a54 rgb(116,90,84)
```

Triadic Color

#546e74
```
#546e74 rgb(84,110,116)
```
#5a5474
```
#5a5474 rgb(90,84,116)
```
#745a54
```
#745a54 rgb(116,90,84)
```
#6e7454
```
#6e7454 rgb(110,116,84)
```

Tetradic Color

#383448
```
#383448 rgb(56,52,72)
```
#433f56
```
#433f56 rgb(67,63,86)
```
#4f4965
```
#4f4965 rgb(79,73,101)
```
#5a5474
```
#5a5474 rgb(90,84,116)
```
#655f83
```
#655f83 rgb(101,95,131)
```
#716992
```
#716992 rgb(113,105,146)
```
#7f789d
```
#7f789d rgb(127,120,157)
```

Monochromatic Color

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

#545674
```
#545674 rgb(84,86,116)
```
#555474
```
#555474 rgb(85,84,116)
```
#575474
```
#575474 rgb(87,84,116)
```
#5a5474
```
#5a5474 rgb(90,84,116)
```
#5d5474
```
#5d5474 rgb(93,84,116)
```
#5f5474
```
#5f5474 rgb(95,84,116)
```
#625474
```
#625474 rgb(98,84,116)
```

Similar Colors

Text with hexadecimal color #5a5474

This text has a font color of #5a5474.

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

#5a5474 background color

This paragraph has a background color of #5a5474.

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

#5a5474 border color

This element has a border color of #5a5474.

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

CSS codes

.text {color:#5a5474;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0a0e
```
#0b0a0e rgb(11,10,14)
```
#131219
```
#131219 rgb(19,18,25)
```
#1c1a24
```
#1c1a24 rgb(28,26,36)
```
#252330
```
#252330 rgb(37,35,48)
```
#2e2b3b
```
#2e2b3b rgb(46,43,59)
```
#373346
```
#373346 rgb(55,51,70)
```
#403b52
```
#403b52 rgb(64,59,82)
```
#48445d
```
#48445d rgb(72,68,93)
```
#514c69
```
#514c69 rgb(81,76,105)
```
#5a5474
```
#5a5474 rgb(90,84,116)
```
#635c7f
```
#635c7f rgb(99,92,127)
```
#6c648b
```
#6c648b rgb(108,100,139)
```

Shade Color Variation

#756d96
```
#756d96 rgb(117,109,150)
```
#80799e
```
#80799e rgb(128,121,158)
```
#8a84a6
```
#8a84a6 rgb(138,132,166)
```
#958fae
```
#958fae rgb(149,143,174)
```
#a09bb6
```
#a09bb6 rgb(160,155,182)
```
#aba6bf
```
#aba6bf rgb(171,166,191)
```
#b6b2c7
```
#b6b2c7 rgb(182,178,199)
```
#c0bdcf
```
#c0bdcf rgb(192,189,207)
```
#cbc8d7
```
#cbc8d7 rgb(203,200,215)
```
#d6d4e0
```
#d6d4e0 rgb(214,212,224)
```
#e1dfe8
```
#e1dfe8 rgb(225,223,232)
```
#eceaf0
```
#eceaf0 rgb(236,234,240)
```
#f6f6f8
```
#f6f6f8 rgb(246,246,248)
```

Tint Color Variation

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

#646365
```
#646365 rgb(100,99,101)
```
#5f5c6c
```
#5f5c6c rgb(95,92,108)
```
#5a5474
```
#5a5474 rgb(90,84,116)
```
#554c7c
```
#554c7c rgb(85,76,124)
```
#504583
```
#504583 rgb(80,69,131)
```
#4c3d8b
```
#4c3d8b rgb(76,61,139)
```
#473593
```
#473593 rgb(71,53,147)
```
#422e9a
```
#422e9a rgb(66,46,154)
```
#3d26a2
```
#3d26a2 rgb(61,38,162)
```
#381eaa
```
#381eaa rgb(56,30,170)
```
#3416b2
```
#3416b2 rgb(52,22,178)
```
#2f0fb9
```
#2f0fb9 rgb(47,15,185)
```
#2a07c1
```
#2a07c1 rgb(42,7,193)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#59585e Atypical Achromatopsia 0.001% of the population

Dichromacy

#585f7d Protanopia 1% of men
#5b5f7a Deuteranopia 1% of men
#5e6067 Tritanopia 0.001% of the population

Trichromacy

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

#5a5474 hex color

#5a5474 Color Information

#5a5474 Color Conversion

Color Schemes with #5a5474

Alternatives to #5a5474

#5a5474 Preview

Shades and Tints of #5a5474

Tones of #5a5474

Color Blindness Simulator