#522a77 hex color

In a RGB color space, hex #522a77 is composed of 32.2% red, 16.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 64.7% magenta, 0% yellow and 53.3% black. It has a hue angle of 271.2 degrees, a saturation of 47.8% and a lightness of 31.6%. #522a77 color hex could be obtained by blending #a454ee with #000000. Closest websafe color is: #663366.

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

● #522a77 color description : Dark moderate violet.

The hexadecimal color #522a77 has RGB values of R:82, G:42, B:119 and CMYK values of C:0.31, M:0.65, Y:0, K:0.53. Its decimal value is 5384823.

Hex triplet	522a77	`#522a77`
RGB Decimal	82, 42, 119	`rgb(82,42,119)`
RGB Percent	32.2, 16.5, 46.7	`rgb(32.2%,16.5%,46.7%)`
CMYK	31, 65, 0, 53
HSL	271.2°, 47.8, 31.6	`hsl(271.2,47.8%,31.6%)`
HSV (or HSB)	271.2°, 64.7, 46.7
Web Safe	663366	`#663366`

CIE-LAB	26.104, 34.274, -37.117
XYZ	7.637, 4.782, 17.972
xyY	0.251, 0.157, 4.782
CIE-LCH	26.104, 50.521, 312.72
CIE-LUV	26.104, 10.641, -49.355
Hunter-Lab	21.867, 24.071, -33.422
Binary	01010010, 00101010, 01110111

#522a77
```
#522a77 rgb(82,42,119)
```
#4f772a
```
#4f772a rgb(79,119,42)
```

Complementary Color

#2c2a77
```
#2c2a77 rgb(44,42,119)
```
#522a77
```
#522a77 rgb(82,42,119)
```
#772a76
```
#772a76 rgb(119,42,118)
```

Analogous Color

#2a772c
```
#2a772c rgb(42,119,44)
```
#522a77
```
#522a77 rgb(82,42,119)
```
#76772a
```
#76772a rgb(118,119,42)
```

Split Complementary Color

#2a7752
```
#2a7752 rgb(42,119,82)
```
#522a77
```
#522a77 rgb(82,42,119)
```
#77522a
```
#77522a rgb(119,82,42)
```

Triadic Color

#2a4f77
```
#2a4f77 rgb(42,79,119)
```
#522a77
```
#522a77 rgb(82,42,119)
```
#77522a
```
#77522a rgb(119,82,42)
```
#4f772a
```
#4f772a rgb(79,119,42)
```

Tetradic Color

#2b163e
```
#2b163e rgb(43,22,62)
```
#381d51
```
#381d51 rgb(56,29,81)
```
#452364
```
#452364 rgb(69,35,100)
```
#522a77
```
#522a77 rgb(82,42,119)
```
#5f318a
```
#5f318a rgb(95,49,138)
```
#6c379d
```
#6c379d rgb(108,55,157)
```
#793eb0
```
#793eb0 rgb(121,62,176)
```

Monochromatic Color

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

#3f2a77
```
#3f2a77 rgb(63,42,119)
```
#452a77
```
#452a77 rgb(69,42,119)
```
#4c2a77
```
#4c2a77 rgb(76,42,119)
```
#522a77
```
#522a77 rgb(82,42,119)
```
#582a77
```
#582a77 rgb(88,42,119)
```
#5f2a77
```
#5f2a77 rgb(95,42,119)
```
#652a77
```
#652a77 rgb(101,42,119)
```

Similar Colors

Text with hexadecimal color #522a77

This text has a font color of #522a77.

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

#522a77 background color

This paragraph has a background color of #522a77.

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

#522a77 border color

This element has a border color of #522a77.

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

CSS codes

.text {color:#522a77;}

.background {background-color:#522a77;}

.border {border:1px solid #522a77;}

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

#020103
```
#020103 rgb(2,1,3)
```
#0c0612
```
#0c0612 rgb(12,6,18)
```
#160b20
```
#160b20 rgb(22,11,32)
```
#20102f
```
#20102f rgb(32,16,47)
```
#2a163d
```
#2a163d rgb(42,22,61)
```
#341b4c
```
#341b4c rgb(52,27,76)
```
#3e205a
```
#3e205a rgb(62,32,90)
```
#482569
```
#482569 rgb(72,37,105)
```
#522a77
```
#522a77 rgb(82,42,119)
```
#5c2f85
```
#5c2f85 rgb(92,47,133)
```
#663494
```
#663494 rgb(102,52,148)
```
#7039a2
```
#7039a2 rgb(112,57,162)
```
#7a3eb1
```
#7a3eb1 rgb(122,62,177)
```

Shade Color Variation

#8446be
```
#8446be rgb(132,70,190)
```
#8e54c3
```
#8e54c3 rgb(142,84,195)
```
#9763c8
```
#9763c8 rgb(151,99,200)
```
#a171cd
```
#a171cd rgb(161,113,205)
```
#aa80d2
```
#aa80d2 rgb(170,128,210)
```
#b48ed7
```
#b48ed7 rgb(180,142,215)
```
#be9ddc
```
#be9ddc rgb(190,157,220)
```
#c7abe1
```
#c7abe1 rgb(199,171,225)
```
#d1bae6
```
#d1bae6 rgb(209,186,230)
```
#dbc8ec
```
#dbc8ec rgb(219,200,236)
```
#e4d7f1
```
#e4d7f1 rgb(228,215,241)
```
#eee5f6
```
#eee5f6 rgb(238,229,246)
```
#f7f4fb
```
#f7f4fb rgb(247,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #514f52 is the less saturated color, while #53059c is the most saturated one.

#514f52
```
#514f52 rgb(81,79,82)
```
#514958
```
#514958 rgb(81,73,88)
```
#51435e
```
#51435e rgb(81,67,94)
```
#513d64
```
#513d64 rgb(81,61,100)
```
#52366b
```
#52366b rgb(82,54,107)
```
#523071
```
#523071 rgb(82,48,113)
```
#522a77
```
#522a77 rgb(82,42,119)
```
#52247d
```
#52247d rgb(82,36,125)
```
#521e83
```
#521e83 rgb(82,30,131)
```
#53178a
```
#53178a rgb(83,23,138)
```
#531190
```
#531190 rgb(83,17,144)
```
#530b96
```
#530b96 rgb(83,11,150)
```
#53059c
```
#53059c rgb(83,5,156)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#433b4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004588 Protanopia 1% of men
#1a4877 Deuteranopia 1% of men
#4f4549 Tritanopia 0.001% of the population

Trichromacy

#1d3b82 Protanomaly 1% of men, 0.01% of women
#2e3d77 Deuteranomaly 6% of men, 0.4% of women
#503b5a Tritanomaly 0.01% of the population

#522a77 hex color

#522a77 Color Information

#522a77 Color Conversion

Color Schemes with #522a77

Alternatives to #522a77

#522a77 Preview

Shades and Tints of #522a77

Tones of #522a77

Color Blindness Simulator