#5a457f hex color

In a RGB color space, hex #5a457f is composed of 35.3% red, 27.1% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 45.7% magenta, 0% yellow and 50.2% black. It has a hue angle of 261.7 degrees, a saturation of 29.6% and a lightness of 38.4%. #5a457f color hex could be obtained by blending #b48afe with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 35
- G 27
- B 50
RGB color chart
- C 29
- M 46
- Y 0
- K 50
CMYK color chart

● #5a457f color description : Dark moderate violet.

The hexadecimal color #5a457f has RGB values of R:90, G:69, B:127 and CMYK values of C:0.29, M:0.46, Y:0, K:0.5. Its decimal value is 5916031.

Hex triplet	5a457f	`#5a457f`
RGB Decimal	90, 69, 127	`rgb(90,69,127)`
RGB Percent	35.3, 27.1, 49.8	`rgb(35.3%,27.1%,49.8%)`
CMYK	29, 46, 0, 50
HSL	261.7°, 29.6, 38.4	`hsl(261.7,29.6%,38.4%)`
HSV (or HSB)	261.7°, 45.7, 49.8
Web Safe	663366	`#663366`

CIE-LAB	33.904, 22.305, -29.655
XYZ	10.175, 7.962, 21.078
xyY	0.259, 0.203, 7.962
CIE-LCH	33.904, 37.108, 306.949
CIE-LUV	33.904, 5.821, -42.638
Hunter-Lab	28.217, 14.983, -24.537
Binary	01011010, 01000101, 01111111

#5a457f
```
#5a457f rgb(90,69,127)
```
#6a7f45
```
#6a7f45 rgb(106,127,69)
```

Complementary Color

#454d7f
```
#454d7f rgb(69,77,127)
```
#5a457f
```
#5a457f rgb(90,69,127)
```
#77457f
```
#77457f rgb(119,69,127)
```

Analogous Color

#4d7f45
```
#4d7f45 rgb(77,127,69)
```
#5a457f
```
#5a457f rgb(90,69,127)
```
#7f7745
```
#7f7745 rgb(127,119,69)
```

Split Complementary Color

#457f5a
```
#457f5a rgb(69,127,90)
```
#5a457f
```
#5a457f rgb(90,69,127)
```
#7f5a45
```
#7f5a45 rgb(127,90,69)
```

Triadic Color

#456a7f
```
#456a7f rgb(69,106,127)
```
#5a457f
```
#5a457f rgb(90,69,127)
```
#7f5a45
```
#7f5a45 rgb(127,90,69)
```
#6a7f45
```
#6a7f45 rgb(106,127,69)
```

Tetradic Color

#372a4d
```
#372a4d rgb(55,42,77)
```
#43335e
```
#43335e rgb(67,51,94)
```
#4e3c6e
```
#4e3c6e rgb(78,60,110)
```
#5a457f
```
#5a457f rgb(90,69,127)
```
#664e90
```
#664e90 rgb(102,78,144)
```
#7157a0
```
#7157a0 rgb(113,87,160)
```
#7f65ab
```
#7f65ab rgb(127,101,171)
```

Monochromatic Color

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

#4c457f
```
#4c457f rgb(76,69,127)
```
#50457f
```
#50457f rgb(80,69,127)
```
#55457f
```
#55457f rgb(85,69,127)
```
#5a457f
```
#5a457f rgb(90,69,127)
```
#5f457f
```
#5f457f rgb(95,69,127)
```
#64457f
```
#64457f rgb(100,69,127)
```
#69457f
```
#69457f rgb(105,69,127)
```

Similar Colors

Text with hexadecimal color #5a457f

This text has a font color of #5a457f.

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

#5a457f background color

This paragraph has a background color of #5a457f.

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

#5a457f border color

This element has a border color of #5a457f.

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

CSS codes

.text {color:#5a457f;}

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

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

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, #09070d is the darkest color, while #ffffff is the lightest one.

#09070d
```
#09070d rgb(9,7,13)
```
#120e19
```
#120e19 rgb(18,14,25)
```
#1b1526
```
#1b1526 rgb(27,21,38)
```
#241c33
```
#241c33 rgb(36,28,51)
```
#2d223f
```
#2d223f rgb(45,34,63)
```
#36294c
```
#36294c rgb(54,41,76)
```
#3f3059
```
#3f3059 rgb(63,48,89)
```
#483766
```
#483766 rgb(72,55,102)
```
#513e72
```
#513e72 rgb(81,62,114)
```
#5a457f
```
#5a457f rgb(90,69,127)
```
#634c8c
```
#634c8c rgb(99,76,140)
```
#6c5398
```
#6c5398 rgb(108,83,152)
```
#755aa5
```
#755aa5 rgb(117,90,165)
```

Shade Color Variation

#8066ac
```
#8066ac rgb(128,102,172)
```
#8a73b3
```
#8a73b3 rgb(138,115,179)
```
#9580ba
```
#9580ba rgb(149,128,186)
```
#9f8dc1
```
#9f8dc1 rgb(159,141,193)
```
#aa99c8
```
#aa99c8 rgb(170,153,200)
```
#b5a6cf
```
#b5a6cf rgb(181,166,207)
```
#bfb3d6
```
#bfb3d6 rgb(191,179,214)
```
#cabfdc
```
#cabfdc rgb(202,191,220)
```
#d4cce3
```
#d4cce3 rgb(212,204,227)
```
#dfd9ea
```
#dfd9ea rgb(223,217,234)
```
#eae5f1
```
#eae5f1 rgb(234,229,241)
```
#f4f2f8
```
#f4f2f8 rgb(244,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #605c68 is the less saturated color, while #4701c3 is the most saturated one.

#605c68
```
#605c68 rgb(96,92,104)
```
#5e5470
```
#5e5470 rgb(94,84,112)
```
#5c4d77
```
#5c4d77 rgb(92,77,119)
```
#5a457f
```
#5a457f rgb(90,69,127)
```
#583d87
```
#583d87 rgb(88,61,135)
```
#56368e
```
#56368e rgb(86,54,142)
```
#542e96
```
#542e96 rgb(84,46,150)
```
#52279d
```
#52279d rgb(82,39,157)
```
#501fa5
```
#501fa5 rgb(80,31,165)
```
#4e18ac
```
#4e18ac rgb(78,24,172)
```
#4b10b4
```
#4b10b4 rgb(75,16,180)
```
#4909bb
```
#4909bb rgb(73,9,187)
```
#4701c3
```
#4701c3 rgb(71,1,195)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#544f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#41578c Protanopia 1% of men
#435882 Deuteranopia 1% of men
#59585e Tritanopia 0.001% of the population

Trichromacy

#4a5087 Protanomaly 1% of men, 0.01% of women
#4b5180 Deuteranomaly 6% of men, 0.4% of women
#59516a Tritanomaly 0.01% of the population

#5a457f hex color

#5a457f Color Information

#5a457f Color Conversion

Color Schemes with #5a457f

Alternatives to #5a457f

#5a457f Preview

Shades and Tints of #5a457f

Tones of #5a457f

Color Blindness Simulator