#522ee3 hex color

In a RGB color space, hex #522ee3 is composed of 32.2% red, 18% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 79.7% magenta, 0% yellow and 11% black. It has a hue angle of 251.9 degrees, a saturation of 76.4% and a lightness of 53.5%. #522ee3 color hex could be obtained by blending #a45cff with #0000c7. Closest websafe color is: #6633cc.

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

● #522ee3 color description : Bright blue.

The hexadecimal color #522ee3 has RGB values of R:82, G:46, B:227 and CMYK values of C:0.64, M:0.8, Y:0, K:0.11. Its decimal value is 5385955.

Hex triplet	522ee3	`#522ee3`
RGB Decimal	82, 46, 227	`rgb(82,46,227)`
RGB Percent	32.2, 18, 89	`rgb(32.2%,18%,89%)`
CMYK	64, 80, 0, 11
HSL	251.9°, 76.4, 53.5	`hsl(251.9,76.4%,53.5%)`
HSV (or HSB)	251.9°, 79.7, 89
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.543, 62.342, -84.851
XYZ	18.319, 9.293, 73.497
xyY	0.181, 0.092, 9.293
CIE-LCH	36.543, 105.291, 306.306
CIE-LUV	36.543, -1.944, -117.43
Hunter-Lab	30.485, 53.918, -121.607
Binary	01010010, 00101110, 11100011

#522ee3
```
#522ee3 rgb(82,46,227)
```
#bfe32e
```
#bfe32e rgb(191,227,46)
```

Complementary Color

#2e65e3
```
#2e65e3 rgb(46,101,227)
```
#522ee3
```
#522ee3 rgb(82,46,227)
```
#ad2ee3
```
#ad2ee3 rgb(173,46,227)
```

Analogous Color

#65e32e
```
#65e32e rgb(101,227,46)
```
#522ee3
```
#522ee3 rgb(82,46,227)
```
#e3ad2e
```
#e3ad2e rgb(227,173,46)
```

Split Complementary Color

#2ee352
```
#2ee352 rgb(46,227,82)
```
#522ee3
```
#522ee3 rgb(82,46,227)
```
#e3522e
```
#e3522e rgb(227,82,46)
```

Triadic Color

#2ebfe3
```
#2ebfe3 rgb(46,191,227)
```
#522ee3
```
#522ee3 rgb(82,46,227)
```
#e3522e
```
#e3522e rgb(227,82,46)
```
#bfe32e
```
#bfe32e rgb(191,227,46)
```

Tetradic Color

#3517ad
```
#3517ad rgb(53,23,173)
```
#3c1ac4
```
#3c1ac4 rgb(60,26,196)
```
#431dda
```
#431dda rgb(67,29,218)
```
#522ee3
```
#522ee3 rgb(82,46,227)
```
#6544e6
```
#6544e6 rgb(101,68,230)
```
#775be9
```
#775be9 rgb(119,91,233)
```
#8a71ec
```
#8a71ec rgb(138,113,236)
```

Monochromatic Color

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

#2e37e3
```
#2e37e3 rgb(46,55,227)
```
#342ee3
```
#342ee3 rgb(52,46,227)
```
#432ee3
```
#432ee3 rgb(67,46,227)
```
#522ee3
```
#522ee3 rgb(82,46,227)
```
#612ee3
```
#612ee3 rgb(97,46,227)
```
#702ee3
```
#702ee3 rgb(112,46,227)
```
#7f2ee3
```
#7f2ee3 rgb(127,46,227)
```

Similar Colors

Text with hexadecimal color #522ee3

This text has a font color of #522ee3.

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

#522ee3 background color

This paragraph has a background color of #522ee3.

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

#522ee3 border color

This element has a border color of #522ee3.

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

CSS codes

.text {color:#522ee3;}

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

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

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)
```
#0a0421
```
#0a0421 rgb(10,4,33)
```
#0f0732
```
#0f0732 rgb(15,7,50)
```
#150944
```
#150944 rgb(21,9,68)
```
#1a0b55
```
#1a0b55 rgb(26,11,85)
```
#1f0e66
```
#1f0e66 rgb(31,14,102)
```
#251078
```
#251078 rgb(37,16,120)
```
#2a1289
```
#2a1289 rgb(42,18,137)
```
#2f159a
```
#2f159a rgb(47,21,154)
```
#3517ac
```
#3517ac rgb(53,23,172)
```
#3a19bd
```
#3a19bd rgb(58,25,189)
```
#3f1cce
```
#3f1cce rgb(63,28,206)
```
#441edf
```
#441edf rgb(68,30,223)
```

Shade Color Variation

#522ee3
```
#522ee3 rgb(82,46,227)
```
#603fe5
```
#603fe5 rgb(96,63,229)
```
#6f51e8
```
#6f51e8 rgb(111,81,232)
```
#7d62ea
```
#7d62ea rgb(125,98,234)
```
#8b73ec
```
#8b73ec rgb(139,115,236)
```
#9a84ef
```
#9a84ef rgb(154,132,239)
```
#a896f1
```
#a896f1 rgb(168,150,241)
```
#b6a7f3
```
#b6a7f3 rgb(182,167,243)
```
#c5b8f6
```
#c5b8f6 rgb(197,184,246)
```
#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, #838091 is the less saturated color, while #4213fe is the most saturated one.

#838091
```
#838091 rgb(131,128,145)
```
#7e779a
```
#7e779a rgb(126,119,154)
```
#786ea3
```
#786ea3 rgb(120,110,163)
```
#7365ac
```
#7365ac rgb(115,101,172)
```
#6d5cb5
```
#6d5cb5 rgb(109,92,181)
```
#6852bf
```
#6852bf rgb(104,82,191)
```
#6249c8
```
#6249c8 rgb(98,73,200)
```
#5d40d1
```
#5d40d1 rgb(93,64,209)
```
#5737da
```
#5737da rgb(87,55,218)
```
#522ee3
```
#522ee3 rgb(82,46,227)
```
#4d25ec
```
#4d25ec rgb(77,37,236)
```
#471cf5
```
#471cf5 rgb(71,28,245)
```
#4213fe
```
#4213fe rgb(66,19,254)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e476b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 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
#1d4eb5 Deuteranomaly 6% of men, 0.4% of women
#1d5298 Tritanomaly 0.01% of the population

#522ee3 hex color

#522ee3 Color Information

#522ee3 Color Conversion

Color Schemes with #522ee3

Alternatives to #522ee3

#522ee3 Preview

Shades and Tints of #522ee3

Tones of #522ee3

Color Blindness Simulator