#522ea3 hex color

In a RGB color space, hex #522ea3 is composed of 32.2% red, 18% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 71.8% magenta, 0% yellow and 36.1% black. It has a hue angle of 258.5 degrees, a saturation of 56% and a lightness of 41%. #522ea3 color hex could be obtained by blending #a45cff with #000047. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 32
- G 18
- B 64
RGB color chart
- C 50
- M 72
- Y 0
- K 36
CMYK color chart

● #522ea3 color description : Dark violet.

The hexadecimal color #522ea3 has RGB values of R:82, G:46, B:163 and CMYK values of C:0.5, M:0.72, Y:0, K:0.36. Its decimal value is 5385891.

Hex triplet	522ea3	`#522ea3`
RGB Decimal	82, 46, 163	`rgb(82,46,163)`
RGB Percent	32.2, 18, 63.9	`rgb(32.2%,18%,63.9%)`
CMYK	50, 72, 0, 36
HSL	258.5°, 56, 41	`hsl(258.5,56%,41%)`
HSV (or HSB)	258.5°, 71.8, 63.9
Web Safe	663399	`#663399`

CIE-LAB	30.381, 44.234, -57.426
XYZ	11.066, 6.392, 35.299
xyY	0.21, 0.121, 6.392
CIE-LCH	30.381, 72.488, 307.606
CIE-LUV	30.381, 4.002, -78.221
Hunter-Lab	25.282, 33.887, -65.082
Binary	01010010, 00101110, 10100011

#522ea3
```
#522ea3 rgb(82,46,163)
```
#7fa32e
```
#7fa32e rgb(127,163,46)
```

Complementary Color

#2e44a3
```
#2e44a3 rgb(46,68,163)
```
#522ea3
```
#522ea3 rgb(82,46,163)
```
#8d2ea3
```
#8d2ea3 rgb(141,46,163)
```

Analogous Color

#44a32e
```
#44a32e rgb(68,163,46)
```
#522ea3
```
#522ea3 rgb(82,46,163)
```
#a38d2e
```
#a38d2e rgb(163,141,46)
```

Split Complementary Color

#2ea352
```
#2ea352 rgb(46,163,82)
```
#522ea3
```
#522ea3 rgb(82,46,163)
```
#a3522e
```
#a3522e rgb(163,82,46)
```

Triadic Color

#2e7fa3
```
#2e7fa3 rgb(46,127,163)
```
#522ea3
```
#522ea3 rgb(82,46,163)
```
#a3522e
```
#a3522e rgb(163,82,46)
```
#7fa32e
```
#7fa32e rgb(127,163,46)
```

Tetradic Color

#341d67
```
#341d67 rgb(52,29,103)
```
#3e237b
```
#3e237b rgb(62,35,123)
```
#48288f
```
#48288f rgb(72,40,143)
```
#522ea3
```
#522ea3 rgb(82,46,163)
```
#5c34b7
```
#5c34b7 rgb(92,52,183)
```
#673cc8
```
#673cc8 rgb(103,60,200)
```
#7750ce
```
#7750ce rgb(119,80,206)
```

Monochromatic Color

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

#352ea3
```
#352ea3 rgb(53,46,163)
```
#3f2ea3
```
#3f2ea3 rgb(63,46,163)
```
#482ea3
```
#482ea3 rgb(72,46,163)
```
#522ea3
```
#522ea3 rgb(82,46,163)
```
#5c2ea3
```
#5c2ea3 rgb(92,46,163)
```
#662ea3
```
#662ea3 rgb(102,46,163)
```
#6f2ea3
```
#6f2ea3 rgb(111,46,163)
```

Similar Colors

Text with hexadecimal color #522ea3

This text has a font color of #522ea3.

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

#522ea3 background color

This paragraph has a background color of #522ea3.

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

#522ea3 border color

This element has a border color of #522ea3.

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

CSS codes

.text {color:#522ea3;}

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

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

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, #05030a is the darkest color, while #fbfafe is the lightest one.

#05030a
```
#05030a rgb(5,3,10)
```
#0d0719
```
#0d0719 rgb(13,7,25)
```
#140b29
```
#140b29 rgb(20,11,41)
```
#1c1038
```
#1c1038 rgb(28,16,56)
```
#241447
```
#241447 rgb(36,20,71)
```
#2c1857
```
#2c1857 rgb(44,24,87)
```
#331d66
```
#331d66 rgb(51,29,102)
```
#3b2175
```
#3b2175 rgb(59,33,117)
```
#432584
```
#432584 rgb(67,37,132)
```
#4a2a94
```
#4a2a94 rgb(74,42,148)
```
#522ea3
```
#522ea3 rgb(82,46,163)
```
#5a32b2
```
#5a32b2 rgb(90,50,178)
```
#6137c2
```
#6137c2 rgb(97,55,194)
```

Shade Color Variation

#6c42ca
```
#6c42ca rgb(108,66,202)
```
#7851ce
```
#7851ce rgb(120,81,206)
```
#8461d2
```
#8461d2 rgb(132,97,210)
```
#9070d7
```
#9070d7 rgb(144,112,215)
```
#9c7fdb
```
#9c7fdb rgb(156,127,219)
```
#a78fdf
```
#a78fdf rgb(167,143,223)
```
#b39ee4
```
#b39ee4 rgb(179,158,228)
```
#bfade8
```
#bfade8 rgb(191,173,232)
```
#cbbdec
```
#cbbdec rgb(203,189,236)
```
#d7ccf1
```
#d7ccf1 rgb(215,204,241)
```
#e3dbf5
```
#e3dbf5 rgb(227,219,245)
```
#efeaf9
```
#efeaf9 rgb(239,234,249)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68666b is the less saturated color, while #4306cb is the most saturated one.

#68666b
```
#68666b rgb(104,102,107)
```
#655e73
```
#655e73 rgb(101,94,115)
```
#61567b
```
#61567b rgb(97,86,123)
```
#5e4e83
```
#5e4e83 rgb(94,78,131)
```
#5b468b
```
#5b468b rgb(91,70,139)
```
#583e93
```
#583e93 rgb(88,62,147)
```
#55369b
```
#55369b rgb(85,54,155)
```
#522ea3
```
#522ea3 rgb(82,46,163)
```
#4f26ab
```
#4f26ab rgb(79,38,171)
```
#4c1eb3
```
#4c1eb3 rgb(76,30,179)
```
#4916bb
```
#4916bb rgb(73,22,187)
```
#460ec3
```
#460ec3 rgb(70,14,195)
```
#4306cb
```
#4306cb rgb(67,6,203)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#484159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005386 Deuteranopia 1% of men
#3e545a Tritanopia 0.001% of the population

Trichromacy

#1d429c Protanomaly 1% of men, 0.01% of women
#1d4590 Deuteranomaly 6% of men, 0.4% of women
#454674 Tritanomaly 0.01% of the population

#522ea3 hex color

#522ea3 Color Information

#522ea3 Color Conversion

Color Schemes with #522ea3

Alternatives to #522ea3

#522ea3 Preview

Shades and Tints of #522ea3

Tones of #522ea3

Color Blindness Simulator