#522ae8 hex color

In a RGB color space, hex #522ae8 is composed of 32.2% red, 16.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 81.9% magenta, 0% yellow and 9% black. It has a hue angle of 252.6 degrees, a saturation of 80.5% and a lightness of 53.7%. #522ae8 color hex could be obtained by blending #a454ff with #0000d1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 16
- B 91
RGB color chart
- C 65
- M 82
- Y 0
- K 9
CMYK color chart

● #522ae8 color description : Bright blue.

The hexadecimal color #522ae8 has RGB values of R:82, G:42, B:232 and CMYK values of C:0.65, M:0.82, Y:0, K:0.09. Its decimal value is 5384936.

Hex triplet	522ae8	`#522ae8`
RGB Decimal	82, 42, 232	`rgb(82,42,232)`
RGB Percent	32.2, 16.5, 91	`rgb(32.2%,16.5%,91%)`
CMYK	65, 82, 0, 9
HSL	252.6°, 80.5, 53.7	`hsl(252.6,80.5%,53.7%)`
HSV (or HSB)	252.6°, 81.9, 91
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.509, 65.356, -87.758
XYZ	18.87, 9.275, 77.135
xyY	0.179, 0.088, 9.275
CIE-LCH	36.509, 109.421, 306.676
CIE-LUV	36.509, -1.899, -120.536
Hunter-Lab	30.455, 57.304, -128.848
Binary	01010010, 00101010, 11101000

#522ae8
```
#522ae8 rgb(82,42,232)
```
#c0e82a
```
#c0e82a rgb(192,232,42)
```

Complementary Color

#2a61e8
```
#2a61e8 rgb(42,97,232)
```
#522ae8
```
#522ae8 rgb(82,42,232)
```
#b12ae8
```
#b12ae8 rgb(177,42,232)
```

Analogous Color

#61e82a
```
#61e82a rgb(97,232,42)
```
#522ae8
```
#522ae8 rgb(82,42,232)
```
#e8b12a
```
#e8b12a rgb(232,177,42)
```

Split Complementary Color

#2ae852
```
#2ae852 rgb(42,232,82)
```
#522ae8
```
#522ae8 rgb(82,42,232)
```
#e8522a
```
#e8522a rgb(232,82,42)
```

Triadic Color

#2ac0e8
```
#2ac0e8 rgb(42,192,232)
```
#522ae8
```
#522ae8 rgb(82,42,232)
```
#e8522a
```
#e8522a rgb(232,82,42)
```
#c0e82a
```
#c0e82a rgb(192,232,42)
```

Tetradic Color

#3513b2
```
#3513b2 rgb(53,19,178)
```
#3c16c9
```
#3c16c9 rgb(60,22,201)
```
#4218e0
```
#4218e0 rgb(66,24,224)
```
#522ae8
```
#522ae8 rgb(82,42,232)
```
#6541ea
```
#6541ea rgb(101,65,234)
```
#7758ed
```
#7758ed rgb(119,88,237)
```
#8a6fef
```
#8a6fef rgb(138,111,239)
```

Monochromatic Color

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

#2a32e8
```
#2a32e8 rgb(42,50,232)
```
#322ae8
```
#322ae8 rgb(50,42,232)
```
#422ae8
```
#422ae8 rgb(66,42,232)
```
#522ae8
```
#522ae8 rgb(82,42,232)
```
#622ae8
```
#622ae8 rgb(98,42,232)
```
#722ae8
```
#722ae8 rgb(114,42,232)
```
#822ae8
```
#822ae8 rgb(130,42,232)
```

Similar Colors

Text with hexadecimal color #522ae8

This text has a font color of #522ae8.

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

#522ae8 background color

This paragraph has a background color of #522ae8.

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

#522ae8 border color

This element has a border color of #522ae8.

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

CSS codes

.text {color:#522ae8;}

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

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

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

#050211
```
#050211 rgb(5,2,17)
```
#0a0423
```
#0a0423 rgb(10,4,35)
```
#100635
```
#100635 rgb(16,6,53)
```
#150846
```
#150846 rgb(21,8,70)
```
#1a0958
```
#1a0958 rgb(26,9,88)
```
#1f0b6a
```
#1f0b6a rgb(31,11,106)
```
#240d7b
```
#240d7b rgb(36,13,123)
```
#2a0f8d
```
#2a0f8d rgb(42,15,141)
```
#2f119f
```
#2f119f rgb(47,17,159)
```
#3413b0
```
#3413b0 rgb(52,19,176)
```
#3915c2
```
#3915c2 rgb(57,21,194)
```
#3f17d4
```
#3f17d4 rgb(63,23,212)
```
#4419e6
```
#4419e6 rgb(68,25,230)
```

Shade Color Variation

#522ae8
```
#522ae8 rgb(82,42,232)
```
#603cea
```
#603cea rgb(96,60,234)
```
#6f4dec
```
#6f4dec rgb(111,77,236)
```
#7d5fee
```
#7d5fee rgb(125,95,238)
```
#8c71f0
```
#8c71f0 rgb(140,113,240)
```
#9a83f2
```
#9a83f2 rgb(154,131,242)
```
#a894f3
```
#a894f3 rgb(168,148,243)
```
#b7a6f5
```
#b7a6f5 rgb(183,166,245)
```
#c5b8f7
```
#c5b8f7 rgb(197,184,247)
```
#d3c9f9
```
#d3c9f9 rgb(211,201,249)
```
#e2dbfb
```
#e2dbfb rgb(226,219,251)
```
#f0edfd
```
#f0edfd rgb(240,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87858d is the less saturated color, while #4718fa is the most saturated one.

#87858d
```
#87858d rgb(135,133,141)
```
#817c96
```
#817c96 rgb(129,124,150)
```
#7c739f
```
#7c739f rgb(124,115,159)
```
#776aa8
```
#776aa8 rgb(119,106,168)
```
#7260b2
```
#7260b2 rgb(114,96,178)
```
#6c57bb
```
#6c57bb rgb(108,87,187)
```
#674ec4
```
#674ec4 rgb(103,78,196)
```
#6245cd
```
#6245cd rgb(98,69,205)
```
#5d3cd6
```
#5d3cd6 rgb(93,60,214)
```
#5733df
```
#5733df rgb(87,51,223)
```
#522ae8
```
#522ae8 rgb(82,42,232)
```
#4d21f1
```
#4d21f1 rgb(77,33,241)
```
#4718fa
```
#4718fa rgb(71,24,250)
```

Tone Color Variation

Below, you can see how #522ae8 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
#4d456b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1d49c6 Protanomaly 1% of men, 0.01% of women
#1d4db6 Deuteranomaly 6% of men, 0.4% of women
#1d519a Tritanomaly 0.01% of the population

#522ae8 hex color

#522ae8 Color Information

#522ae8 Color Conversion

Color Schemes with #522ae8

Alternatives to #522ae8

#522ae8 Preview

Shades and Tints of #522ae8

Tones of #522ae8

Color Blindness Simulator