#522177 hex color

In a RGB color space, hex #522177 is composed of 32.2% red, 12.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 72.3% magenta, 0% yellow and 53.3% black. It has a hue angle of 274.2 degrees, a saturation of 56.6% and a lightness of 29.8%. #522177 color hex could be obtained by blending #a442ee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 32
- G 13
- B 47
RGB color chart
- C 31
- M 72
- Y 0
- K 53
CMYK color chart

● #522177 color description : Dark violet.

The hexadecimal color #522177 has RGB values of R:82, G:33, B:119 and CMYK values of C:0.31, M:0.72, Y:0, K:0.53. Its decimal value is 5382519.

Hex triplet	522177	`#522177`
RGB Decimal	82, 33, 119	`rgb(82,33,119)`
RGB Percent	32.2, 12.9, 46.7	`rgb(32.2%,12.9%,46.7%)`
CMYK	31, 72, 0, 53
HSL	274.2°, 56.6, 29.8	`hsl(274.2,56.6%,29.8%)`
HSV (or HSB)	274.2°, 72.3, 46.7
Web Safe	663366	`#663366`

CIE-LAB	24.365, 39.058, -39.921
XYZ	7.353, 4.214, 17.878
xyY	0.25, 0.143, 4.214
CIE-LCH	24.365, 55.85, 314.374
CIE-LUV	24.365, 12.348, -51.623
Hunter-Lab	20.527, 28.016, -37.269
Binary	01010010, 00100001, 01110111

#522177
```
#522177 rgb(82,33,119)
```
#467721
```
#467721 rgb(70,119,33)
```

Complementary Color

#272177
```
#272177 rgb(39,33,119)
```
#522177
```
#522177 rgb(82,33,119)
```
#772171
```
#772171 rgb(119,33,113)
```

Analogous Color

#217727
```
#217727 rgb(33,119,39)
```
#522177
```
#522177 rgb(82,33,119)
```
#717721
```
#717721 rgb(113,119,33)
```

Split Complementary Color

#217752
```
#217752 rgb(33,119,82)
```
#522177
```
#522177 rgb(82,33,119)
```
#775221
```
#775221 rgb(119,82,33)
```

Triadic Color

#214677
```
#214677 rgb(33,70,119)
```
#522177
```
#522177 rgb(82,33,119)
```
#775221
```
#775221 rgb(119,82,33)
```
#467721
```
#467721 rgb(70,119,33)
```

Tetradic Color

#29103b
```
#29103b rgb(41,16,59)
```
#36164f
```
#36164f rgb(54,22,79)
```
#441b63
```
#441b63 rgb(68,27,99)
```
#522177
```
#522177 rgb(82,33,119)
```
#60278b
```
#60278b rgb(96,39,139)
```
#6e2c9f
```
#6e2c9f rgb(110,44,159)
```
#7b32b3
```
#7b32b3 rgb(123,50,179)
```

Monochromatic Color

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

#3c2177
```
#3c2177 rgb(60,33,119)
```
#442177
```
#442177 rgb(68,33,119)
```
#4b2177
```
#4b2177 rgb(75,33,119)
```
#522177
```
#522177 rgb(82,33,119)
```
#592177
```
#592177 rgb(89,33,119)
```
#602177
```
#602177 rgb(96,33,119)
```
#682177
```
#682177 rgb(104,33,119)
```

Similar Colors

Text with hexadecimal color #522177

This text has a font color of #522177.

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

#522177 background color

This paragraph has a background color of #522177.

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

#522177 border color

This element has a border color of #522177.

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

CSS codes

.text {color:#522177;}

.background {background-color:#522177;}

.border {border:1px solid #522177;}

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, #08030c is the darkest color, while #fdfbfe is the lightest one.

#08030c
```
#08030c rgb(8,3,12)
```
#13071b
```
#13071b rgb(19,7,27)
```
#1d0c2a
```
#1d0c2a rgb(29,12,42)
```
#28103a
```
#28103a rgb(40,16,58)
```
#321449
```
#321449 rgb(50,20,73)
```
#3d1858
```
#3d1858 rgb(61,24,88)
```
#471d68
```
#471d68 rgb(71,29,104)
```
#522177
```
#522177 rgb(82,33,119)
```
#5d2586
```
#5d2586 rgb(93,37,134)
```
#672a96
```
#672a96 rgb(103,42,150)
```
#722ea5
```
#722ea5 rgb(114,46,165)
```
#7c32b4
```
#7c32b4 rgb(124,50,180)
```
#8736c4
```
#8736c4 rgb(135,54,196)
```

Shade Color Variation

#9043cb
```
#9043cb rgb(144,67,203)
```
#9952cf
```
#9952cf rgb(153,82,207)
```
#a262d3
```
#a262d3 rgb(162,98,211)
```
#ab71d8
```
#ab71d8 rgb(171,113,216)
```
#b480dc
```
#b480dc rgb(180,128,220)
```
#bd90e0
```
#bd90e0 rgb(189,144,224)
```
#c79fe4
```
#c79fe4 rgb(199,159,228)
```
#d0aee9
```
#d0aee9 rgb(208,174,233)
```
#d9beed
```
#d9beed rgb(217,190,237)
```
#e2cdf1
```
#e2cdf1 rgb(226,205,241)
```
#ebdcf5
```
#ebdcf5 rgb(235,220,245)
```
#f4ecfa
```
#f4ecfa rgb(244,236,250)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#4c4a4e
```
#4c4a4e rgb(76,74,78)
```
#4d4454
```
#4d4454 rgb(77,68,84)
```
#4e3e5a
```
#4e3e5a rgb(78,62,90)
```
#4f3860
```
#4f3860 rgb(79,56,96)
```
#503365
```
#503365 rgb(80,51,101)
```
#502d6b
```
#502d6b rgb(80,45,107)
```
#512771
```
#512771 rgb(81,39,113)
```
#522177
```
#522177 rgb(82,33,119)
```
#531b7d
```
#531b7d rgb(83,27,125)
```
#541583
```
#541583 rgb(84,21,131)
```
#540f89
```
#540f89 rgb(84,15,137)
```
#550a8e
```
#550a8e rgb(85,10,142)
```
#560494
```
#560494 rgb(86,4,148)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3e3445 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004573 Deuteranopia 1% of men
#4e4044 Tritanopia 0.001% of the population

Trichromacy

#1d367d Protanomaly 1% of men, 0.01% of women
#1d3874 Deuteranomaly 6% of men, 0.4% of women
#4f3557 Tritanomaly 0.01% of the population

#522177 hex color

#522177 Color Information

#522177 Color Conversion

Color Schemes with #522177

Alternatives to #522177

#522177 Preview

Shades and Tints of #522177

Tones of #522177

Color Blindness Simulator