colorhexa.com

#5a5172 hex color

In a RGB color space, hex #5a5172 is composed of 35.3% red, 31.8% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 28.9% magenta, 0% yellow and 55.3% black. It has a hue angle of 256.4 degrees, a saturation of 16.9% and a lightness of 38.2%. #5a5172 color hex could be obtained by blending #b4a2e4 with #000000. Closest websafe color is: #666666.

- R 35
- G 32
- B 45
RGB color chart
- C 21
- M 29
- Y 0
- K 55
CMYK color chart

● #5a5172 color description : Very dark grayish violet.

The hexadecimal color #5a5172 has RGB values of R:90, G:81, B:114 and CMYK values of C:0.21, M:0.29, Y:0, K:0.55. Its decimal value is 5919090.

Hex triplet	5a5172	`#5a5172`
RGB Decimal	90, 81, 114	`rgb(90,81,114)`
RGB Percent	35.3, 31.8, 44.7	`rgb(35.3%,31.8%,44.7%)`
CMYK	21, 29, 0, 55
HSL	256.4°, 16.9, 38.2	`hsl(256.4,16.9%,38.2%)`
HSV (or HSB)	256.4°, 28.9, 44.7
Web Safe	666666	`#666666`

CIE-LAB	36.505, 11.255, -17.529
XYZ	10.196, 9.273, 17.171
xyY	0.278, 0.253, 9.273
CIE-LCH	36.505, 20.831, 302.705
CIE-LUV	36.505, 2.491, -25.019
Hunter-Lab	30.452, 6.471, -12.116
Binary	01011010, 01010001, 01110010

#5a5172
```
#5a5172 rgb(90,81,114)
```
#697251
```
#697251 rgb(105,114,81)
```

Complementary Color

#515972
```
#515972 rgb(81,89,114)
```
#5a5172
```
#5a5172 rgb(90,81,114)
```
#6b5172
```
#6b5172 rgb(107,81,114)
```

Analogous Color

#597251
```
#597251 rgb(89,114,81)
```
#5a5172
```
#5a5172 rgb(90,81,114)
```
#726b51
```
#726b51 rgb(114,107,81)
```

Split Complementary Color

#51725a
```
#51725a rgb(81,114,90)
```
#5a5172
```
#5a5172 rgb(90,81,114)
```
#725a51
```
#725a51 rgb(114,90,81)
```

Triadic Color

#516972
```
#516972 rgb(81,105,114)
```
#5a5172
```
#5a5172 rgb(90,81,114)
```
#725a51
```
#725a51 rgb(114,90,81)
```
#697251
```
#697251 rgb(105,114,81)
```

Tetradic Color

#373145
```
#373145 rgb(55,49,69)
```
#423c54
```
#423c54 rgb(66,60,84)
```
#4e4663
```
#4e4663 rgb(78,70,99)
```
#5a5172
```
#5a5172 rgb(90,81,114)
```
#665c81
```
#665c81 rgb(102,92,129)
```
#726690
```
#726690 rgb(114,102,144)
```
#7f749c
```
#7f749c rgb(127,116,156)
```

Monochromatic Color

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

#525172
```
#525172 rgb(82,81,114)
```
#555172
```
#555172 rgb(85,81,114)
```
#575172
```
#575172 rgb(87,81,114)
```
#5a5172
```
#5a5172 rgb(90,81,114)
```
#5d5172
```
#5d5172 rgb(93,81,114)
```
#605172
```
#605172 rgb(96,81,114)
```
#625172
```
#625172 rgb(98,81,114)
```

Similar Colors

Text with hexadecimal color #5a5172

This text has a font color of #5a5172.

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

#5a5172 background color

This paragraph has a background color of #5a5172.

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

#5a5172 border color

This element has a border color of #5a5172.

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

CSS codes

.text {color:#5a5172;}

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

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

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, #09080b is the darkest color, while #fefeff is the lightest one.

#09080b
```
#09080b rgb(9,8,11)
```
#121016
```
#121016 rgb(18,16,22)
```
#1b1822
```
#1b1822 rgb(27,24,34)
```
#24202d
```
#24202d rgb(36,32,45)
```
#2d2839
```
#2d2839 rgb(45,40,57)
```
#363044
```
#363044 rgb(54,48,68)
```
#3f3950
```
#3f3950 rgb(63,57,80)
```
#48415b
```
#48415b rgb(72,65,91)
```
#514967
```
#514967 rgb(81,73,103)
```
#5a5172
```
#5a5172 rgb(90,81,114)
```
#63597d
```
#63597d rgb(99,89,125)
```
#6c6189
```
#6c6189 rgb(108,97,137)
```
#756994
```
#756994 rgb(117,105,148)
```

Shade Color Variation

#80759d
```
#80759d rgb(128,117,157)
```
#8a80a5
```
#8a80a5 rgb(138,128,165)
```
#958cad
```
#958cad rgb(149,140,173)
```
#9f97b5
```
#9f97b5 rgb(159,151,181)
```
#aaa3bd
```
#aaa3bd rgb(170,163,189)
```
#b4aec5
```
#b4aec5 rgb(180,174,197)
```
#bfbace
```
#bfbace rgb(191,186,206)
```
#cac5d6
```
#cac5d6 rgb(202,197,214)
```
#d4d0de
```
#d4d0de rgb(212,208,222)
```
#dfdce6
```
#dfdce6 rgb(223,220,230)
```
#e9e7ee
```
#e9e7ee rgb(233,231,238)
```
#f4f3f6
```
#f4f3f6 rgb(244,243,246)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#616063
```
#616063 rgb(97,96,99)
```
#5d596b
```
#5d596b rgb(93,89,107)
```
#5a5172
```
#5a5172 rgb(90,81,114)
```
#574a7a
```
#574a7a rgb(87,74,122)
```
#534281
```
#534281 rgb(83,66,129)
```
#503b89
```
#503b89 rgb(80,59,137)
```
#4c3390
```
#4c3390 rgb(76,51,144)
```
#492c98
```
#492c98 rgb(73,44,152)
```
#46249f
```
#46249f rgb(70,36,159)
```
#421da7
```
#421da7 rgb(66,29,167)
```
#3f15ae
```
#3f15ae rgb(63,21,174)
```
#3b0eb6
```
#3b0eb6 rgb(59,14,182)
```
#3806bd
```
#3806bd rgb(56,6,189)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#58565c Atypical Achromatopsia 0.001% of the population

Dichromacy

#555d7b Protanopia 1% of men
#585d78 Deuteranopia 1% of men
#5e5e64 Tritanopia 0.001% of the population

Trichromacy

#575978 Protanomaly 1% of men, 0.01% of women
#595875 Deuteranomaly 6% of men, 0.4% of women
#5c5969 Tritanomaly 0.01% of the population