#522ec2 hex color

In a RGB color space, hex #522ec2 is composed of 32.2% red, 18% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 76.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 254.6 degrees, a saturation of 61.7% and a lightness of 47.1%. #522ec2 color hex could be obtained by blending #a45cff with #000085. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 18
- B 76
RGB color chart
- C 58
- M 76
- Y 0
- K 24
CMYK color chart

● #522ec2 color description : Strong blue.

The hexadecimal color #522ec2 has RGB values of R:82, G:46, B:194 and CMYK values of C:0.58, M:0.76, Y:0, K:0.24. Its decimal value is 5385922.

Hex triplet	522ec2	`#522ec2`
RGB Decimal	82, 46, 194	`rgb(82,46,194)`
RGB Percent	32.2, 18, 76.1	`rgb(32.2%,18%,76.1%)`
CMYK	58, 76, 0, 24
HSL	254.6°, 61.7, 47.1	`hsl(254.6,61.7%,47.1%)`
HSV (or HSB)	254.6°, 76.3, 76.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.227, 53.078, -71.219
XYZ	14.192, 7.642, 51.763
xyY	0.193, 0.104, 7.642
CIE-LCH	33.227, 88.823, 306.696
CIE-LUV	33.227, 0.851, -97.727
Hunter-Lab	27.645, 43.26, -91.665
Binary	01010010, 00101110, 11000010

#522ec2
```
#522ec2 rgb(82,46,194)
```
#9ec22e
```
#9ec22e rgb(158,194,46)
```

Complementary Color

#2e54c2
```
#2e54c2 rgb(46,84,194)
```
#522ec2
```
#522ec2 rgb(82,46,194)
```
#9c2ec2
```
#9c2ec2 rgb(156,46,194)
```

Analogous Color

#54c22e
```
#54c22e rgb(84,194,46)
```
#522ec2
```
#522ec2 rgb(82,46,194)
```
#c29c2e
```
#c29c2e rgb(194,156,46)
```

Split Complementary Color

#2ec252
```
#2ec252 rgb(46,194,82)
```
#522ec2
```
#522ec2 rgb(82,46,194)
```
#c2522e
```
#c2522e rgb(194,82,46)
```

Triadic Color

#2e9ec2
```
#2e9ec2 rgb(46,158,194)
```
#522ec2
```
#522ec2 rgb(82,46,194)
```
#c2522e
```
#c2522e rgb(194,82,46)
```
#9ec22e
```
#9ec22e rgb(158,194,46)
```

Tetradic Color

#381f84
```
#381f84 rgb(56,31,132)
```
#412499
```
#412499 rgb(65,36,153)
```
#4929ad
```
#4929ad rgb(73,41,173)
```
#522ec2
```
#522ec2 rgb(82,46,194)
```
#5e39d0
```
#5e39d0 rgb(94,57,208)
```
#6f4ed5
```
#6f4ed5 rgb(111,78,213)
```
#8063da
```
#8063da rgb(128,99,218)
```

Monochromatic Color

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

#2e2fc2
```
#2e2fc2 rgb(46,47,194)
```
#392ec2
```
#392ec2 rgb(57,46,194)
```
#462ec2
```
#462ec2 rgb(70,46,194)
```
#522ec2
```
#522ec2 rgb(82,46,194)
```
#5e2ec2
```
#5e2ec2 rgb(94,46,194)
```
#6b2ec2
```
#6b2ec2 rgb(107,46,194)
```
#772ec2
```
#772ec2 rgb(119,46,194)
```

Similar Colors

Text with hexadecimal color #522ec2

This text has a font color of #522ec2.

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

#522ec2 background color

This paragraph has a background color of #522ec2.

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

#522ec2 border color

This element has a border color of #522ec2.

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

CSS codes

.text {color:#522ec2;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080514
```
#080514 rgb(8,5,20)
```
#0f0823
```
#0f0823 rgb(15,8,35)
```
#160c33
```
#160c33 rgb(22,12,51)
```
#1c1043
```
#1c1043 rgb(28,16,67)
```
#231453
```
#231453 rgb(35,20,83)
```
#2a1763
```
#2a1763 rgb(42,23,99)
```
#301b73
```
#301b73 rgb(48,27,115)
```
#371f83
```
#371f83 rgb(55,31,131)
```
#3e2392
```
#3e2392 rgb(62,35,146)
```
#4526a2
```
#4526a2 rgb(69,38,162)
```
#4b2ab2
```
#4b2ab2 rgb(75,42,178)
```
#522ec2
```
#522ec2 rgb(82,46,194)
```

Shade Color Variation

#5a35cf
```
#5a35cf rgb(90,53,207)
```
#6744d3
```
#6744d3 rgb(103,68,211)
```
#7454d7
```
#7454d7 rgb(116,84,215)
```
#8164da
```
#8164da rgb(129,100,218)
```
#8e74de
```
#8e74de rgb(142,116,222)
```
#9b84e2
```
#9b84e2 rgb(155,132,226)
```
#a894e6
```
#a894e6 rgb(168,148,230)
```
#b5a4e9
```
#b5a4e9 rgb(181,164,233)
```
#c1b3ed
```
#c1b3ed rgb(193,179,237)
```
#cec3f1
```
#cec3f1 rgb(206,195,241)
```
#dbd3f5
```
#dbd3f5 rgb(219,211,245)
```
#e8e3f8
```
#e8e3f8 rgb(232,227,248)
```
#f5f3fc
```
#f5f3fc rgb(245,243,252)
```

Tint Color Variation

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

#787878
```
#787878 rgb(120,120,120)
```
#736f81
```
#736f81 rgb(115,111,129)
```
#6e658b
```
#6e658b rgb(110,101,139)
```
#6a5c94
```
#6a5c94 rgb(106,92,148)
```
#65539d
```
#65539d rgb(101,83,157)
```
#604aa6
```
#604aa6 rgb(96,74,166)
```
#5b40b0
```
#5b40b0 rgb(91,64,176)
```
#5737b9
```
#5737b9 rgb(87,55,185)
```
#522ec2
```
#522ec2 rgb(82,46,194)
```
#4d25cb
```
#4d25cb rgb(77,37,203)
```
#491cd4
```
#491cd4 rgb(73,28,212)
```
#4412de
```
#4412de rgb(68,18,222)
```
#3f09e7
```
#3f09e7 rgb(63,9,231)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c4462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#00598f Deuteranopia 1% of men
#235e65 Tritanopia 0.001% of the population

Trichromacy

#1d46af Protanomaly 1% of men, 0.01% of women
#1d49a1 Deuteranomaly 6% of men, 0.4% of women
#344d87 Tritanomaly 0.01% of the population

#522ec2 hex color

#522ec2 Color Information

#522ec2 Color Conversion

Color Schemes with #522ec2

Alternatives to #522ec2

#522ec2 Preview

Shades and Tints of #522ec2

Tones of #522ec2

Color Blindness Simulator