#5a57aa hex color

In a RGB color space, hex #5a57aa is composed of 35.3% red, 34.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 48.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 242.2 degrees, a saturation of 32.8% and a lightness of 50.4%. #5a57aa color hex could be obtained by blending #b4aeff with #000055. Closest websafe color is: #666699.

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

● #5a57aa color description : Dark moderate blue.

The hexadecimal color #5a57aa has RGB values of R:90, G:87, B:170 and CMYK values of C:0.47, M:0.49, Y:0, K:0.33. Its decimal value is 5920682.

Hex triplet	5a57aa	`#5a57aa`
RGB Decimal	90, 87, 170	`rgb(90,87,170)`
RGB Percent	35.3, 34.1, 66.7	`rgb(35.3%,34.1%,66.7%)`
CMYK	47, 49, 0, 33
HSL	242.2°, 32.8, 50.4	`hsl(242.2,32.8%,50.4%)`
HSV (or HSB)	242.2°, 48.8, 66.7
Web Safe	666699	`#666699`

CIE-LAB	41.044, 23.594, -44.336
XYZ	14.879, 11.892, 39.539
xyY	0.224, 0.179, 11.892
CIE-LCH	41.044, 50.223, 298.02
CIE-LUV	41.044, -3.739, -66.784
Hunter-Lab	34.485, 16.668, -43.841
Binary	01011010, 01010111, 10101010

#5a57aa
```
#5a57aa rgb(90,87,170)
```
#a7aa57
```
#a7aa57 rgb(167,170,87)
```

Complementary Color

#577eaa
```
#577eaa rgb(87,126,170)
```
#5a57aa
```
#5a57aa rgb(90,87,170)
```
#8457aa
```
#8457aa rgb(132,87,170)
```

Analogous Color

#7eaa57
```
#7eaa57 rgb(126,170,87)
```
#5a57aa
```
#5a57aa rgb(90,87,170)
```
#aa8457
```
#aa8457 rgb(170,132,87)
```

Split Complementary Color

#57aa5a
```
#57aa5a rgb(87,170,90)
```
#5a57aa
```
#5a57aa rgb(90,87,170)
```
#aa5a57
```
#aa5a57 rgb(170,90,87)
```

Triadic Color

#57a7aa
```
#57a7aa rgb(87,167,170)
```
#5a57aa
```
#5a57aa rgb(90,87,170)
```
#aa5a57
```
#aa5a57 rgb(170,90,87)
```
#a7aa57
```
#a7aa57 rgb(167,170,87)
```

Tetradic Color

#3f3d78
```
#3f3d78 rgb(63,61,120)
```
#484589
```
#484589 rgb(72,69,137)
```
#514e9a
```
#514e9a rgb(81,78,154)
```
#5a57aa
```
#5a57aa rgb(90,87,170)
```
#6b68b3
```
#6b68b3 rgb(107,104,179)
```
#7b79bb
```
#7b79bb rgb(123,121,187)
```
#8c8ac4
```
#8c8ac4 rgb(140,138,196)
```

Monochromatic Color

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

#5769aa
```
#5769aa rgb(87,105,170)
```
#5762aa
```
#5762aa rgb(87,98,170)
```
#575baa
```
#575baa rgb(87,91,170)
```
#5a57aa
```
#5a57aa rgb(90,87,170)
```
#6157aa
```
#6157aa rgb(97,87,170)
```
#6857aa
```
#6857aa rgb(104,87,170)
```
#6f57aa
```
#6f57aa rgb(111,87,170)
```

Similar Colors

Text with hexadecimal color #5a57aa

This text has a font color of #5a57aa.

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

#5a57aa background color

This paragraph has a background color of #5a57aa.

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

#5a57aa border color

This element has a border color of #5a57aa.

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

CSS codes

.text {color:#5a57aa;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#08070e
```
#08070e rgb(8,7,14)
```
#0e0e1b
```
#0e0e1b rgb(14,14,27)
```
#151428
```
#151428 rgb(21,20,40)
```
#1c1b35
```
#1c1b35 rgb(28,27,53)
```
#232242
```
#232242 rgb(35,34,66)
```
#2a284f
```
#2a284f rgb(42,40,79)
```
#302f5d
```
#302f5d rgb(48,47,93)
```
#37356a
```
#37356a rgb(55,53,106)
```
#3e3c77
```
#3e3c77 rgb(62,60,119)
```
#454384
```
#454384 rgb(69,67,132)
```
#4c4991
```
#4c4991 rgb(76,73,145)
```
#53509e
```
#53509e rgb(83,80,158)
```

Shade Color Variation

#5a57aa
```
#5a57aa rgb(90,87,170)
```
#6764b1
```
#6764b1 rgb(103,100,177)
```
#7471b7
```
#7471b7 rgb(116,113,183)
```
#807ebe
```
#807ebe rgb(128,126,190)
```
#8d8bc4
```
#8d8bc4 rgb(141,139,196)
```
#9a98cb
```
#9a98cb rgb(154,152,203)
```
#a7a5d2
```
#a7a5d2 rgb(167,165,210)
```
#b4b2d8
```
#b4b2d8 rgb(180,178,216)
```
#c0bfdf
```
#c0bfdf rgb(192,191,223)
```
#cdcce5
```
#cdcce5 rgb(205,204,229)
```
#dad9ec
```
#dad9ec rgb(218,217,236)
```
#e7e6f2
```
#e7e6f2 rgb(231,230,242)
```
#f4f3f9
```
#f4f3f9 rgb(244,243,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e83 is the less saturated color, while #1209f8 is the most saturated one.

#7e7e83
```
#7e7e83 rgb(126,126,131)
```
#75748d
```
#75748d rgb(117,116,141)
```
#6c6a97
```
#6c6a97 rgb(108,106,151)
```
#6361a0
```
#6361a0 rgb(99,97,160)
```
#5a57aa
```
#5a57aa rgb(90,87,170)
```
#514db4
```
#514db4 rgb(81,77,180)
```
#4844bd
```
#4844bd rgb(72,68,189)
```
#3f3ac7
```
#3f3ac7 rgb(63,58,199)
```
#3630d1
```
#3630d1 rgb(54,48,209)
```
#2d26db
```
#2d26db rgb(45,38,219)
```
#241de4
```
#241de4 rgb(36,29,228)
```
#1b13ee
```
#1b13ee rgb(27,19,238)
```
#1209f8
```
#1209f8 rgb(18,9,248)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#605f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e66b4 Protanopia 1% of men
#326aaa Deuteranopia 1% of men
#4e6d75 Tritanopia 0.001% of the population

Trichromacy

#4860b0 Protanomaly 1% of men, 0.01% of women
#4163aa Deuteranomaly 6% of men, 0.4% of women
#526588 Tritanomaly 0.01% of the population

#5a57aa hex color

#5a57aa Color Information

#5a57aa Color Conversion

Color Schemes with #5a57aa

Alternatives to #5a57aa

#5a57aa Preview

Shades and Tints of #5a57aa

Tones of #5a57aa

Color Blindness Simulator