#522fe2 hex color

In a RGB color space, hex #522fe2 is composed of 32.2% red, 18.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 79.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 251.7 degrees, a saturation of 75.5% and a lightness of 53.5%. #522fe2 color hex could be obtained by blending #a45eff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 18
- B 89
RGB color chart
- C 64
- M 79
- Y 0
- K 11
CMYK color chart

● #522fe2 color description : Bright blue.

The hexadecimal color #522fe2 has RGB values of R:82, G:47, B:226 and CMYK values of C:0.64, M:0.79, Y:0, K:0.11. Its decimal value is 5386210.

Hex triplet	522fe2	`#522fe2`
RGB Decimal	82, 47, 226	`rgb(82,47,226)`
RGB Percent	32.2, 18.4, 88.6	`rgb(32.2%,18.4%,88.6%)`
CMYK	64, 79, 0, 11
HSL	251.7°, 75.5, 53.5	`hsl(251.7,75.5%,53.5%)`
HSV (or HSB)	251.7°, 79.2, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.588, 61.631, -84.205
XYZ	18.221, 9.317, 72.786
xyY	0.182, 0.093, 9.317
CIE-LCH	36.588, 104.35, 306.201
CIE-LUV	36.588, -1.984, -116.779
Hunter-Lab	30.524, 53.137, -120.013
Binary	01010010, 00101111, 11100010

#522fe2
```
#522fe2 rgb(82,47,226)
```
#bfe22f
```
#bfe22f rgb(191,226,47)
```

Complementary Color

#2f66e2
```
#2f66e2 rgb(47,102,226)
```
#522fe2
```
#522fe2 rgb(82,47,226)
```
#ac2fe2
```
#ac2fe2 rgb(172,47,226)
```

Analogous Color

#66e22f
```
#66e22f rgb(102,226,47)
```
#522fe2
```
#522fe2 rgb(82,47,226)
```
#e2ac2f
```
#e2ac2f rgb(226,172,47)
```

Split Complementary Color

#2fe252
```
#2fe252 rgb(47,226,82)
```
#522fe2
```
#522fe2 rgb(82,47,226)
```
#e2522f
```
#e2522f rgb(226,82,47)
```

Triadic Color

#2fbfe2
```
#2fbfe2 rgb(47,191,226)
```
#522fe2
```
#522fe2 rgb(82,47,226)
```
#e2522f
```
#e2522f rgb(226,82,47)
```
#bfe22f
```
#bfe22f rgb(191,226,47)
```

Tetradic Color

#3518ac
```
#3518ac rgb(53,24,172)
```
#3c1bc3
```
#3c1bc3 rgb(60,27,195)
```
#431ed9
```
#431ed9 rgb(67,30,217)
```
#522fe2
```
#522fe2 rgb(82,47,226)
```
#6545e5
```
#6545e5 rgb(101,69,229)
```
#775ce8
```
#775ce8 rgb(119,92,232)
```
#8a72eb
```
#8a72eb rgb(138,114,235)
```

Monochromatic Color

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

#2f39e2
```
#2f39e2 rgb(47,57,226)
```
#342fe2
```
#342fe2 rgb(52,47,226)
```
#432fe2
```
#432fe2 rgb(67,47,226)
```
#522fe2
```
#522fe2 rgb(82,47,226)
```
#612fe2
```
#612fe2 rgb(97,47,226)
```
#702fe2
```
#702fe2 rgb(112,47,226)
```
#7f2fe2
```
#7f2fe2 rgb(127,47,226)
```

Similar Colors

Text with hexadecimal color #522fe2

This text has a font color of #522fe2.

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

#522fe2 background color

This paragraph has a background color of #522fe2.

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

#522fe2 border color

This element has a border color of #522fe2.

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

CSS codes

.text {color:#522fe2;}

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

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

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

#050210
```
#050210 rgb(5,2,16)
```
#0a0521
```
#0a0521 rgb(10,5,33)
```
#0f0732
```
#0f0732 rgb(15,7,50)
```
#150943
```
#150943 rgb(21,9,67)
```
#1a0c55
```
#1a0c55 rgb(26,12,85)
```
#1f0e66
```
#1f0e66 rgb(31,14,102)
```
#251177
```
#251177 rgb(37,17,119)
```
#2a1388
```
#2a1388 rgb(42,19,136)
```
#2f159a
```
#2f159a rgb(47,21,154)
```
#3518ab
```
#3518ab rgb(53,24,171)
```
#3a1abc
```
#3a1abc rgb(58,26,188)
```
#3f1dcd
```
#3f1dcd rgb(63,29,205)
```
#441fde
```
#441fde rgb(68,31,222)
```

Shade Color Variation

#522fe2
```
#522fe2 rgb(82,47,226)
```
#6040e4
```
#6040e4 rgb(96,64,228)
```
#6f51e7
```
#6f51e7 rgb(111,81,231)
```
#7d63e9
```
#7d63e9 rgb(125,99,233)
```
#8b74ec
```
#8b74ec rgb(139,116,236)
```
#9a85ee
```
#9a85ee rgb(154,133,238)
```
#a896f0
```
#a896f0 rgb(168,150,240)
```
#b6a8f3
```
#b6a8f3 rgb(182,168,243)
```
#c5b9f5
```
#c5b9f5 rgb(197,185,245)
```
#d3caf8
```
#d3caf8 rgb(211,202,248)
```
#e1dbfa
```
#e1dbfa rgb(225,219,250)
```
#f0ecfc
```
#f0ecfc rgb(240,236,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#848190
```
#848190 rgb(132,129,144)
```
#7e7899
```
#7e7899 rgb(126,120,153)
```
#796fa2
```
#796fa2 rgb(121,111,162)
```
#7366ab
```
#7366ab rgb(115,102,171)
```
#6e5db4
```
#6e5db4 rgb(110,93,180)
```
#6853be
```
#6853be rgb(104,83,190)
```
#634ac7
```
#634ac7 rgb(99,74,199)
```
#5d41d0
```
#5d41d0 rgb(93,65,208)
```
#5838d9
```
#5838d9 rgb(88,56,217)
```
#522fe2
```
#522fe2 rgb(82,47,226)
```
#4c26eb
```
#4c26eb rgb(76,38,235)
```
#471df4
```
#471df4 rgb(71,29,244)
```
#4114fd
```
#4114fd rgb(65,20,253)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4f486c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1d4bc4 Protanomaly 1% of men, 0.01% of women
#1d4fb5 Deuteranomaly 6% of men, 0.4% of women
#1d5398 Tritanomaly 0.01% of the population

#522fe2 hex color

#522fe2 Color Information

#522fe2 Color Conversion

Color Schemes with #522fe2

Alternatives to #522fe2

#522fe2 Preview

Shades and Tints of #522fe2

Tones of #522fe2

Color Blindness Simulator