colorhexa.com

#5a2f77 hex color

In a RGB color space, hex #5a2f77 is composed of 35.3% red, 18.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 60.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 275.8 degrees, a saturation of 43.4% and a lightness of 32.5%. #5a2f77 color hex could be obtained by blending #b45eee with #000000. Closest websafe color is: #663366.

- R 35
- G 18
- B 47
RGB color chart
- C 24
- M 61
- Y 0
- K 53
CMYK color chart

● #5a2f77 color description : Dark moderate violet.

The hexadecimal color #5a2f77 has RGB values of R:90, G:47, B:119 and CMYK values of C:0.24, M:0.61, Y:0, K:0.53. Its decimal value is 5910391.

Hex triplet	5a2f77	`#5a2f77`
RGB Decimal	90, 47, 119	`rgb(90,47,119)`
RGB Percent	35.3, 18.4, 46.7	`rgb(35.3%,18.4%,46.7%)`
CMYK	24, 61, 0, 53
HSL	275.8°, 43.4, 32.5	`hsl(275.8,43.4%,32.5%)`
HSV (or HSB)	275.8°, 60.5, 46.7
Web Safe	663366	`#663366`

CIE-LAB	28.218, 33.547, -33.67
XYZ	8.562, 5.539, 18.07
xyY	0.266, 0.172, 5.539
CIE-LCH	28.218, 47.53, 314.895
CIE-LUV	28.218, 13.565, -46.426
Hunter-Lab	23.535, 23.755, -29.048
Binary	01011010, 00101111, 01110111

#5a2f77
```
#5a2f77 rgb(90,47,119)
```
#4c772f
```
#4c772f rgb(76,119,47)
```

Complementary Color

#362f77
```
#362f77 rgb(54,47,119)
```
#5a2f77
```
#5a2f77 rgb(90,47,119)
```
#772f70
```
#772f70 rgb(119,47,112)
```

Analogous Color

#2f7736
```
#2f7736 rgb(47,119,54)
```
#5a2f77
```
#5a2f77 rgb(90,47,119)
```
#70772f
```
#70772f rgb(112,119,47)
```

Split Complementary Color

#2f775a
```
#2f775a rgb(47,119,90)
```
#5a2f77
```
#5a2f77 rgb(90,47,119)
```
#775a2f
```
#775a2f rgb(119,90,47)
```

Triadic Color

#311940
```
#311940 rgb(49,25,64)
```
#3e2152
```
#3e2152 rgb(62,33,82)
```
#4c2865
```
#4c2865 rgb(76,40,101)
```
#5a2f77
```
#5a2f77 rgb(90,47,119)
```
#683689
```
#683689 rgb(104,54,137)
```
#763d9c
```
#763d9c rgb(118,61,156)
```
#8345ae
```
#8345ae rgb(131,69,174)
```

Monochromatic Color

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

#482f77
```
#482f77 rgb(72,47,119)
```
#4e2f77
```
#4e2f77 rgb(78,47,119)
```
#542f77
```
#542f77 rgb(84,47,119)
```
#5a2f77
```
#5a2f77 rgb(90,47,119)
```
#602f77
```
#602f77 rgb(96,47,119)
```
#662f77
```
#662f77 rgb(102,47,119)
```
#6c2f77
```
#6c2f77 rgb(108,47,119)
```

Similar Colors

Text with hexadecimal color #5a2f77

This text has a font color of #5a2f77.

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

#5a2f77 background color

This paragraph has a background color of #5a2f77.

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

#5a2f77 border color

This element has a border color of #5a2f77.

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

CSS codes

.text {color:#5a2f77;}

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

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

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

#050307
```
#050307 rgb(5,3,7)
```
#100815
```
#100815 rgb(16,8,21)
```
#1a0e23
```
#1a0e23 rgb(26,14,35)
```
#251331
```
#251331 rgb(37,19,49)
```
#2f193f
```
#2f193f rgb(47,25,63)
```
#3a1e4d
```
#3a1e4d rgb(58,30,77)
```
#45245b
```
#45245b rgb(69,36,91)
```
#4f2969
```
#4f2969 rgb(79,41,105)
```
#5a2f77
```
#5a2f77 rgb(90,47,119)
```
#653585
```
#653585 rgb(101,53,133)
```
#6f3a93
```
#6f3a93 rgb(111,58,147)
```
#7a40a1
```
#7a40a1 rgb(122,64,161)
```
#8545af
```
#8545af rgb(133,69,175)
```

Shade Color Variation

#8e4fb9
```
#8e4fb9 rgb(142,79,185)
```
#975dbf
```
#975dbf rgb(151,93,191)
```
#a06bc4
```
#a06bc4 rgb(160,107,196)
```
#a979ca
```
#a979ca rgb(169,121,202)
```
#b287d0
```
#b287d0 rgb(178,135,208)
```
#bb95d5
```
#bb95d5 rgb(187,149,213)
```
#c4a3db
```
#c4a3db rgb(196,163,219)
```
#cdb1e0
```
#cdb1e0 rgb(205,177,224)
```
#d6bfe6
```
#d6bfe6 rgb(214,191,230)
```
#dfcdeb
```
#dfcdeb rgb(223,205,235)
```
#e8dbf1
```
#e8dbf1 rgb(232,219,241)
```
#f1e9f6
```
#f1e9f6 rgb(241,233,246)
```
#faf7fc
```
#faf7fc rgb(250,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #544f57 is the less saturated color, while #6302a4 is the most saturated one.

#544f57
```
#544f57 rgb(84,79,87)
```
#55495d
```
#55495d rgb(85,73,93)
```
#564264
```
#564264 rgb(86,66,100)
```
#583c6a
```
#583c6a rgb(88,60,106)
```
#593571
```
#593571 rgb(89,53,113)
```
#5a2f77
```
#5a2f77 rgb(90,47,119)
```
#5b297d
```
#5b297d rgb(91,41,125)
```
#5c2284
```
#5c2284 rgb(92,34,132)
```
#5e1c8a
```
#5e1c8a rgb(94,28,138)
```
#5f1591
```
#5f1591 rgb(95,21,145)
```
#600f97
```
#600f97 rgb(96,15,151)
```
#61099d
```
#61099d rgb(97,9,157)
```
#6302a4
```
#6302a4 rgb(99,2,164)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#48404e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e4a8b Protanopia 1% of men
#2e4c77 Deuteranopia 1% of men
#58474d Tritanopia 0.001% of the population

Trichromacy

#344084 Protanomaly 1% of men, 0.01% of women
#3e4177 Deuteranomaly 6% of men, 0.4% of women
#593e5c Tritanomaly 0.01% of the population