#522ed7 hex color

In a RGB color space, hex #522ed7 is composed of 32.2% red, 18% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 78.6% magenta, 0% yellow and 15.7% black. It has a hue angle of 252.8 degrees, a saturation of 67.9% and a lightness of 51.2%. #522ed7 color hex could be obtained by blending #a45cff with #0000af. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 18
- B 84
RGB color chart
- C 62
- M 79
- Y 0
- K 16
CMYK color chart

● #522ed7 color description : Strong blue.

The hexadecimal color #522ed7 has RGB values of R:82, G:46, B:215 and CMYK values of C:0.62, M:0.79, Y:0, K:0.16. Its decimal value is 5385943.

Hex triplet	522ed7	`#522ed7`
RGB Decimal	82, 46, 215	`rgb(82,46,215)`
RGB Percent	32.2, 18, 84.3	`rgb(32.2%,18%,84.3%)`
CMYK	62, 79, 0, 16
HSL	252.8°, 67.9, 51.2	`hsl(252.8,67.9%,51.2%)`
HSV (or HSB)	252.8°, 78.6, 84.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.308, 59.001, -80.005
XYZ	16.72, 8.654, 65.075
xyY	0.185, 0.096, 8.654
CIE-LCH	35.308, 99.408, 306.408
CIE-LUV	35.308, -0.982, -110.367
Hunter-Lab	29.417, 49.977, -110.569
Binary	01010010, 00101110, 11010111

#522ed7
```
#522ed7 rgb(82,46,215)
```
#b3d72e
```
#b3d72e rgb(179,215,46)
```

Complementary Color

#2e5fd7
```
#2e5fd7 rgb(46,95,215)
```
#522ed7
```
#522ed7 rgb(82,46,215)
```
#a72ed7
```
#a72ed7 rgb(167,46,215)
```

Analogous Color

#5fd72e
```
#5fd72e rgb(95,215,46)
```
#522ed7
```
#522ed7 rgb(82,46,215)
```
#d7a72e
```
#d7a72e rgb(215,167,46)
```

Split Complementary Color

#2ed752
```
#2ed752 rgb(46,215,82)
```
#522ed7
```
#522ed7 rgb(82,46,215)
```
#d7522e
```
#d7522e rgb(215,82,46)
```

Triadic Color

#2eb3d7
```
#2eb3d7 rgb(46,179,215)
```
#522ed7
```
#522ed7 rgb(82,46,215)
```
#d7522e
```
#d7522e rgb(215,82,46)
```
#b3d72e
```
#b3d72e rgb(179,215,46)
```

Tetradic Color

#381e9b
```
#381e9b rgb(56,30,155)
```
#4022b0
```
#4022b0 rgb(64,34,176)
```
#4826c6
```
#4826c6 rgb(72,38,198)
```
#522ed7
```
#522ed7 rgb(82,46,215)
```
#6443db
```
#6443db rgb(100,67,219)
```
#7559df
```
#7559df rgb(117,89,223)
```
#876ee3
```
#876ee3 rgb(135,110,227)
```

Monochromatic Color

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

#2e34d7
```
#2e34d7 rgb(46,52,215)
```
#362ed7
```
#362ed7 rgb(54,46,215)
```
#442ed7
```
#442ed7 rgb(68,46,215)
```
#522ed7
```
#522ed7 rgb(82,46,215)
```
#602ed7
```
#602ed7 rgb(96,46,215)
```
#6e2ed7
```
#6e2ed7 rgb(110,46,215)
```
#7c2ed7
```
#7c2ed7 rgb(124,46,215)
```

Similar Colors

Text with hexadecimal color #522ed7

This text has a font color of #522ed7.

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

#522ed7 background color

This paragraph has a background color of #522ed7.

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

#522ed7 border color

This element has a border color of #522ed7.

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

CSS codes

.text {color:#522ed7;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#080416
```
#080416 rgb(8,4,22)
```
#0e0726
```
#0e0726 rgb(14,7,38)
```
#140a36
```
#140a36 rgb(20,10,54)
```
#1a0e47
```
#1a0e47 rgb(26,14,71)
```
#201157
```
#201157 rgb(32,17,87)
```
#261468
```
#261468 rgb(38,20,104)
```
#2c1778
```
#2c1778 rgb(44,23,120)
```
#321a89
```
#321a89 rgb(50,26,137)
```
#381d99
```
#381d99 rgb(56,29,153)
```
#3e20aa
```
#3e20aa rgb(62,32,170)
```
#4424ba
```
#4424ba rgb(68,36,186)
```
#4a27cb
```
#4a27cb rgb(74,39,203)
```

Shade Color Variation

#522ed7
```
#522ed7 rgb(82,46,215)
```
#603eda
```
#603eda rgb(96,62,218)
```
#6d4fdd
```
#6d4fdd rgb(109,79,221)
```
#7b5fe0
```
#7b5fe0 rgb(123,95,224)
```
#8970e4
```
#8970e4 rgb(137,112,228)
```
#9680e7
```
#9680e7 rgb(150,128,231)
```
#a491ea
```
#a491ea rgb(164,145,234)
```
#b1a1ed
```
#b1a1ed rgb(177,161,237)
```
#bfb2f0
```
#bfb2f0 rgb(191,178,240)
```
#cdc2f3
```
#cdc2f3 rgb(205,194,243)
```
#dad3f7
```
#dad3f7 rgb(218,211,247)
```
#e8e3fa
```
#e8e3fa rgb(232,227,250)
```
#f6f4fd
```
#f6f4fd rgb(246,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7b8a is the less saturated color, while #3c08fd is the most saturated one.

#7e7b8a
```
#7e7b8a rgb(126,123,138)
```
#787194
```
#787194 rgb(120,113,148)
```
#73679e
```
#73679e rgb(115,103,158)
```
#6d5ea7
```
#6d5ea7 rgb(109,94,167)
```
#6854b1
```
#6854b1 rgb(104,84,177)
```
#624bba
```
#624bba rgb(98,75,186)
```
#5d41c4
```
#5d41c4 rgb(93,65,196)
```
#5738cd
```
#5738cd rgb(87,56,205)
```
#522ed7
```
#522ed7 rgb(82,46,215)
```
#4d24e1
```
#4d24e1 rgb(77,36,225)
```
#471bea
```
#471bea rgb(71,27,234)
```
#4211f4
```
#4211f4 rgb(66,17,244)
```
#3c08fd
```
#3c08fd rgb(60,8,253)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d4668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#00646b Tritanopia 0.001% of the population

Trichromacy

#1d49bc Protanomaly 1% of men, 0.01% of women
#1d4cae Deuteranomaly 6% of men, 0.4% of women
#1d5092 Tritanomaly 0.01% of the population

#522ed7 hex color

#522ed7 Color Information

#522ed7 Color Conversion

Color Schemes with #522ed7

Alternatives to #522ed7

#522ed7 Preview

Shades and Tints of #522ed7

Tones of #522ed7

Color Blindness Simulator