#522ef1 hex color

In a RGB color space, hex #522ef1 is composed of 32.2% red, 18% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 80.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 251.1 degrees, a saturation of 87.4% and a lightness of 56.3%. #522ef1 color hex could be obtained by blending #a45cff with #0000e3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 18
- B 95
RGB color chart
- C 66
- M 81
- Y 0
- K 5
CMYK color chart

● #522ef1 color description : Bright blue.

The hexadecimal color #522ef1 has RGB values of R:82, G:46, B:241 and CMYK values of C:0.66, M:0.81, Y:0, K:0.05. Its decimal value is 5385969.

Hex triplet	522ef1	`#522ef1`
RGB Decimal	82, 46, 241	`rgb(82,46,241)`
RGB Percent	32.2, 18, 94.5	`rgb(32.2%,18%,94.5%)`
CMYK	66, 81, 0, 5
HSL	251.1°, 87.4, 56.3	`hsl(251.1,87.4%,56.3%)`
HSV (or HSB)	251.1°, 80.9, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.017, 66.192, -90.363
XYZ	20.331, 10.098, 84.092
xyY	0.178, 0.088, 10.098
CIE-LCH	38.017, 112.013, 306.223
CIE-LUV	38.017, -3.001, -125.55
Hunter-Lab	31.777, 58.594, -134.656
Binary	01010010, 00101110, 11110001

#522ef1
```
#522ef1 rgb(82,46,241)
```
#cdf12e
```
#cdf12e rgb(205,241,46)
```

Complementary Color

#2e6cf1
```
#2e6cf1 rgb(46,108,241)
```
#522ef1
```
#522ef1 rgb(82,46,241)
```
#b42ef1
```
#b42ef1 rgb(180,46,241)
```

Analogous Color

#6cf12e
```
#6cf12e rgb(108,241,46)
```
#522ef1
```
#522ef1 rgb(82,46,241)
```
#f1b42e
```
#f1b42e rgb(241,180,46)
```

Split Complementary Color

#2ef152
```
#2ef152 rgb(46,241,82)
```
#522ef1
```
#522ef1 rgb(82,46,241)
```
#f1522e
```
#f1522e rgb(241,82,46)
```

Triadic Color

#2ecdf1
```
#2ecdf1 rgb(46,205,241)
```
#522ef1
```
#522ef1 rgb(82,46,241)
```
#f1522e
```
#f1522e rgb(241,82,46)
```
#cdf12e
```
#cdf12e rgb(205,241,46)
```

Tetradic Color

#2f0dc5
```
#2f0dc5 rgb(47,13,197)
```
#350fdd
```
#350fdd rgb(53,15,221)
```
#3e16ef
```
#3e16ef rgb(62,22,239)
```
#522ef1
```
#522ef1 rgb(82,46,241)
```
#6646f3
```
#6646f3 rgb(102,70,243)
```
#7a5ef4
```
#7a5ef4 rgb(122,94,244)
```
#8d76f6
```
#8d76f6 rgb(141,118,246)
```

Monochromatic Color

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

#2e3bf1
```
#2e3bf1 rgb(46,59,241)
```
#312ef1
```
#312ef1 rgb(49,46,241)
```
#422ef1
```
#422ef1 rgb(66,46,241)
```
#522ef1
```
#522ef1 rgb(82,46,241)
```
#622ef1
```
#622ef1 rgb(98,46,241)
```
#732ef1
```
#732ef1 rgb(115,46,241)
```
#832ef1
```
#832ef1 rgb(131,46,241)
```

Similar Colors

Text with hexadecimal color #522ef1

This text has a font color of #522ef1.

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

#522ef1 background color

This paragraph has a background color of #522ef1.

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

#522ef1 border color

This element has a border color of #522ef1.

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

CSS codes

.text {color:#522ef1;}

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

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

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

#03010c
```
#03010c rgb(3,1,12)
```
#07021e
```
#07021e rgb(7,2,30)
```
#0c0330
```
#0c0330 rgb(12,3,48)
```
#100443
```
#100443 rgb(16,4,67)
```
#140655
```
#140655 rgb(20,6,85)
```
#190768
```
#190768 rgb(25,7,104)
```
#1d087a
```
#1d087a rgb(29,8,122)
```
#22098c
```
#22098c rgb(34,9,140)
```
#260b9f
```
#260b9f rgb(38,11,159)
```
#2a0cb1
```
#2a0cb1 rgb(42,12,177)
```
#2f0dc3
```
#2f0dc3 rgb(47,13,195)
```
#330ed6
```
#330ed6 rgb(51,14,214)
```
#3810e8
```
#3810e8 rgb(56,16,232)
```

Shade Color Variation

#431cf0
```
#431cf0 rgb(67,28,240)
```
#522ef1
```
#522ef1 rgb(82,46,241)
```
#6140f2
```
#6140f2 rgb(97,64,242)
```
#7053f3
```
#7053f3 rgb(112,83,243)
```
#8065f5
```
#8065f5 rgb(128,101,245)
```
#8f78f6
```
#8f78f6 rgb(143,120,246)
```
#9e8af7
```
#9e8af7 rgb(158,138,247)
```
#ad9cf8
```
#ad9cf8 rgb(173,156,248)
```
#bdaffa
```
#bdaffa rgb(189,175,250)
```
#ccc1fb
```
#ccc1fb rgb(204,193,251)
```
#dbd3fc
```
#dbd3fc rgb(219,211,252)
```
#eae6fd
```
#eae6fd rgb(234,230,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#8e8c93
```
#8e8c93 rgb(142,140,147)
```
#88849b
```
#88849b rgb(136,132,155)
```
#837ba4
```
#837ba4 rgb(131,123,164)
```
#7d73ac
```
#7d73ac rgb(125,115,172)
```
#786ab5
```
#786ab5 rgb(120,106,181)
```
#7261be
```
#7261be rgb(114,97,190)
```
#6d59c6
```
#6d59c6 rgb(109,89,198)
```
#6850cf
```
#6850cf rgb(104,80,207)
```
#6248d7
```
#6248d7 rgb(98,72,215)
```
#5d3fe0
```
#5d3fe0 rgb(93,63,224)
```
#5737e8
```
#5737e8 rgb(87,55,232)
```
#522ef1
```
#522ef1 rgb(82,46,241)
```
#4d25fa
```
#4d25fa rgb(77,37,250)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#50486f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1d4dcd Protanomaly 1% of men, 0.01% of women
#1d50bd Deuteranomaly 6% of men, 0.4% of women
#1d55a0 Tritanomaly 0.01% of the population

#522ef1 hex color

#522ef1 Color Information

#522ef1 Color Conversion

Color Schemes with #522ef1

Alternatives to #522ef1

#522ef1 Preview

Shades and Tints of #522ef1

Tones of #522ef1

Color Blindness Simulator