#5a57af hex color

In a RGB color space, hex #5a57af is composed of 35.3% red, 34.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 50.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 242 degrees, a saturation of 35.5% and a lightness of 51.4%. #5a57af color hex could be obtained by blending #b4aeff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 34
- B 69
RGB color chart
- C 49
- M 50
- Y 0
- K 31
CMYK color chart

● #5a57af color description : Dark moderate blue.

The hexadecimal color #5a57af has RGB values of R:90, G:87, B:175 and CMYK values of C:0.49, M:0.5, Y:0, K:0.31. Its decimal value is 5920687.

Hex triplet	5a57af	`#5a57af`
RGB Decimal	90, 87, 175	`rgb(90,87,175)`
RGB Percent	35.3, 34.1, 68.6	`rgb(35.3%,34.1%,68.6%)`
CMYK	49, 50, 0, 31
HSL	242°, 35.5, 51.4	`hsl(242,35.5%,51.4%)`
HSV (or HSB)	242°, 50.3, 68.6
Web Safe	666699	`#666699`

CIE-LAB	41.35, 25.151, -46.799
XYZ	15.361, 12.085, 42.078
xyY	0.221, 0.174, 12.085
CIE-LCH	41.35, 53.129, 298.255
CIE-LUV	41.35, -4.049, -70.673
Hunter-Lab	34.763, 18.039, -47.432
Binary	01011010, 01010111, 10101111

#5a57af
```
#5a57af rgb(90,87,175)
```
#acaf57
```
#acaf57 rgb(172,175,87)
```

Complementary Color

#5780af
```
#5780af rgb(87,128,175)
```
#5a57af
```
#5a57af rgb(90,87,175)
```
#8657af
```
#8657af rgb(134,87,175)
```

Analogous Color

#80af57
```
#80af57 rgb(128,175,87)
```
#5a57af
```
#5a57af rgb(90,87,175)
```
#af8657
```
#af8657 rgb(175,134,87)
```

Split Complementary Color

#57af5a
```
#57af5a rgb(87,175,90)
```
#5a57af
```
#5a57af rgb(90,87,175)
```
#af5a57
```
#af5a57 rgb(175,90,87)
```

Triadic Color

#57acaf
```
#57acaf rgb(87,172,175)
```
#5a57af
```
#5a57af rgb(90,87,175)
```
#af5a57
```
#af5a57 rgb(175,90,87)
```
#acaf57
```
#acaf57 rgb(172,175,87)
```

Tetradic Color

#3e3c7e
```
#3e3c7e rgb(62,60,126)
```
#47448f
```
#47448f rgb(71,68,143)
```
#4f4ca0
```
#4f4ca0 rgb(79,76,160)
```
#5a57af
```
#5a57af rgb(90,87,175)
```
#6b68b7
```
#6b68b7 rgb(107,104,183)
```
#7c7abf
```
#7c7abf rgb(124,122,191)
```
#8d8bc8
```
#8d8bc8 rgb(141,139,200)
```

Monochromatic Color

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

#576aaf
```
#576aaf rgb(87,106,175)
```
#5763af
```
#5763af rgb(87,99,175)
```
#575baf
```
#575baf rgb(87,91,175)
```
#5a57af
```
#5a57af rgb(90,87,175)
```
#6157af
```
#6157af rgb(97,87,175)
```
#6957af
```
#6957af rgb(105,87,175)
```
#7057af
```
#7057af rgb(112,87,175)
```

Similar Colors

Text with hexadecimal color #5a57af

This text has a font color of #5a57af.

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

#5a57af background color

This paragraph has a background color of #5a57af.

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

#5a57af border color

This element has a border color of #5a57af.

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

CSS codes

.text {color:#5a57af;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#090912
```
#090912 rgb(9,9,18)
```
#0f0f1f
```
#0f0f1f rgb(15,15,31)
```
#16152d
```
#16152d rgb(22,21,45)
```
#1d1c3a
```
#1d1c3a rgb(29,28,58)
```
#232247
```
#232247 rgb(35,34,71)
```
#2a2854
```
#2a2854 rgb(42,40,84)
```
#302f62
```
#302f62 rgb(48,47,98)
```
#37356f
```
#37356f rgb(55,53,111)
```
#3d3b7c
```
#3d3b7c rgb(61,59,124)
```
#44428a
```
#44428a rgb(68,66,138)
```
#4b4897
```
#4b4897 rgb(75,72,151)
```
#514ea4
```
#514ea4 rgb(81,78,164)
```

Shade Color Variation

#5a57af
```
#5a57af rgb(90,87,175)
```
#6764b5
```
#6764b5 rgb(103,100,181)
```
#7472bc
```
#7472bc rgb(116,114,188)
```
#817fc2
```
#817fc2 rgb(129,127,194)
```
#8e8cc8
```
#8e8cc8 rgb(142,140,200)
```
#9b99cf
```
#9b99cf rgb(155,153,207)
```
#a8a7d5
```
#a8a7d5 rgb(168,167,213)
```
#b5b4db
```
#b5b4db rgb(181,180,219)
```
#c2c1e2
```
#c2c1e2 rgb(194,193,226)
```
#cfcfe8
```
#cfcfe8 rgb(207,207,232)
```
#dddcee
```
#dddcee rgb(221,220,238)
```
#eae9f5
```
#eae9f5 rgb(234,233,245)
```
#f7f6fb
```
#f7f6fb rgb(247,246,251)
```

Tint Color Variation

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

#7e7d89
```
#7e7d89 rgb(126,125,137)
```
#757492
```
#757492 rgb(117,116,146)
```
#6c6a9c
```
#6c6a9c rgb(108,106,156)
```
#6361a5
```
#6361a5 rgb(99,97,165)
```
#5a57af
```
#5a57af rgb(90,87,175)
```
#514db9
```
#514db9 rgb(81,77,185)
```
#4844c2
```
#4844c2 rgb(72,68,194)
```
#3f3acc
```
#3f3acc rgb(63,58,204)
```
#3631d5
```
#3631d5 rgb(54,49,213)
```
#2e27df
```
#2e27df rgb(46,39,223)
```
#251ee8
```
#251ee8 rgb(37,30,232)
```
#1c14f2
```
#1c14f2 rgb(28,20,242)
```
#130bfb
```
#130bfb rgb(19,11,251)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#606071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3967b9 Protanopia 1% of men
#296bae Deuteranopia 1% of men
#4c6f77 Tritanopia 0.001% of the population

Trichromacy

#4561b5 Protanomaly 1% of men, 0.01% of women
#3b63ae Deuteranomaly 6% of men, 0.4% of women
#51668b Tritanomaly 0.01% of the population

#5a57af hex color

#5a57af Color Information

#5a57af Color Conversion

Color Schemes with #5a57af

Alternatives to #5a57af

#5a57af Preview

Shades and Tints of #5a57af

Tones of #5a57af

Color Blindness Simulator