#522ce4 hex color

In a RGB color space, hex #522ce4 is composed of 32.2% red, 17.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 80.7% magenta, 0% yellow and 10.6% black. It has a hue angle of 252.4 degrees, a saturation of 77.3% and a lightness of 53.3%. #522ce4 color hex could be obtained by blending #a458ff with #0000c9. Closest websafe color is: #6633cc.

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

● #522ce4 color description : Bright blue.

The hexadecimal color #522ce4 has RGB values of R:82, G:44, B:228 and CMYK values of C:0.64, M:0.81, Y:0, K:0.11. Its decimal value is 5385444.

Hex triplet	522ce4	`#522ce4`
RGB Decimal	82, 44, 228	`rgb(82,44,228)`
RGB Percent	32.2, 17.3, 89.4	`rgb(32.2%,17.3%,89.4%)`
CMYK	64, 81, 0, 11
HSL	252.4°, 77.3, 53.3	`hsl(252.4,77.3%,53.3%)`
HSV (or HSB)	252.4°, 80.7, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.359, 63.461, -85.726
XYZ	18.381, 9.196, 74.201
xyY	0.181, 0.09, 9.196
CIE-LCH	36.359, 106.66, 306.512
CIE-LUV	36.359, -1.797, -118.128
Hunter-Lab	30.325, 55.129, -123.848
Binary	01010010, 00101100, 11100100

#522ce4
```
#522ce4 rgb(82,44,228)
```
#bee42c
```
#bee42c rgb(190,228,44)
```

Complementary Color

#2c62e4
```
#2c62e4 rgb(44,98,228)
```
#522ce4
```
#522ce4 rgb(82,44,228)
```
#ae2ce4
```
#ae2ce4 rgb(174,44,228)
```

Analogous Color

#62e42c
```
#62e42c rgb(98,228,44)
```
#522ce4
```
#522ce4 rgb(82,44,228)
```
#e4ae2c
```
#e4ae2c rgb(228,174,44)
```

Split Complementary Color

#2ce452
```
#2ce452 rgb(44,228,82)
```
#522ce4
```
#522ce4 rgb(82,44,228)
```
#e4522c
```
#e4522c rgb(228,82,44)
```

Triadic Color

#2cbee4
```
#2cbee4 rgb(44,190,228)
```
#522ce4
```
#522ce4 rgb(82,44,228)
```
#e4522c
```
#e4522c rgb(228,82,44)
```
#bee42c
```
#bee42c rgb(190,228,44)
```

Tetradic Color

#3516ad
```
#3516ad rgb(53,22,173)
```
#3c19c4
```
#3c19c4 rgb(60,25,196)
```
#431cdb
```
#431cdb rgb(67,28,219)
```
#522ce4
```
#522ce4 rgb(82,44,228)
```
#6543e7
```
#6543e7 rgb(101,67,231)
```
#7759ea
```
#7759ea rgb(119,89,234)
```
#8a70ed
```
#8a70ed rgb(138,112,237)
```

Monochromatic Color

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

#2c34e4
```
#2c34e4 rgb(44,52,228)
```
#332ce4
```
#332ce4 rgb(51,44,228)
```
#432ce4
```
#432ce4 rgb(67,44,228)
```
#522ce4
```
#522ce4 rgb(82,44,228)
```
#612ce4
```
#612ce4 rgb(97,44,228)
```
#712ce4
```
#712ce4 rgb(113,44,228)
```
#802ce4
```
#802ce4 rgb(128,44,228)
```

Similar Colors

Text with hexadecimal color #522ce4

This text has a font color of #522ce4.

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

#522ce4 background color

This paragraph has a background color of #522ce4.

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

#522ce4 border color

This element has a border color of #522ce4.

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

CSS codes

.text {color:#522ce4;}

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

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

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, #05020f is the darkest color, while #fdfdff is the lightest one.

#05020f
```
#05020f rgb(5,2,15)
```
#0a0420
```
#0a0420 rgb(10,4,32)
```
#0f0632
```
#0f0632 rgb(15,6,50)
```
#150943
```
#150943 rgb(21,9,67)
```
#1a0b55
```
#1a0b55 rgb(26,11,85)
```
#1f0d66
```
#1f0d66 rgb(31,13,102)
```
#250f77
```
#250f77 rgb(37,15,119)
```
#2a1289
```
#2a1289 rgb(42,18,137)
```
#30149a
```
#30149a rgb(48,20,154)
```
#3516ac
```
#3516ac rgb(53,22,172)
```
#3a18bd
```
#3a18bd rgb(58,24,189)
```
#401ace
```
#401ace rgb(64,26,206)
```
#451de0
```
#451de0 rgb(69,29,224)
```

Shade Color Variation

#522ce4
```
#522ce4 rgb(82,44,228)
```
#603de6
```
#603de6 rgb(96,61,230)
```
#6f4fe8
```
#6f4fe8 rgb(111,79,232)
```
#7d60eb
```
#7d60eb rgb(125,96,235)
```
#8b72ed
```
#8b72ed rgb(139,114,237)
```
#9983ef
```
#9983ef rgb(153,131,239)
```
#a894f1
```
#a894f1 rgb(168,148,241)
```
#b6a6f4
```
#b6a6f4 rgb(182,166,244)
```
#c4b7f6
```
#c4b7f6 rgb(196,183,246)
```
#d2c9f8
```
#d2c9f8 rgb(210,201,248)
```
#e1dafa
```
#e1dafa rgb(225,218,250)
```
#efebfc
```
#efebfc rgb(239,235,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#827e92
```
#827e92 rgb(130,126,146)
```
#7d759b
```
#7d759b rgb(125,117,155)
```
#786ca4
```
#786ca4 rgb(120,108,164)
```
#7263ad
```
#7263ad rgb(114,99,173)
```
#6d5ab6
```
#6d5ab6 rgb(109,90,182)
```
#6751bf
```
#6751bf rgb(103,81,191)
```
#6247c9
```
#6247c9 rgb(98,71,201)
```
#5d3ed2
```
#5d3ed2 rgb(93,62,210)
```
#5735db
```
#5735db rgb(87,53,219)
```
#522ce4
```
#522ce4 rgb(82,44,228)
```
#4d23ed
```
#4d23ed rgb(77,35,237)
```
#471af6
```
#471af6 rgb(71,26,246)
```

Tone Color Variation

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

Dichromacy

#005bb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1d4ac4 Protanomaly 1% of men, 0.01% of women
#1d4db5 Deuteranomaly 6% of men, 0.4% of women
#1d5198 Tritanomaly 0.01% of the population

#522ce4 hex color

#522ce4 Color Information

#522ce4 Color Conversion

Color Schemes with #522ce4

Alternatives to #522ce4

#522ce4 Preview

Shades and Tints of #522ce4

Tones of #522ce4

Color Blindness Simulator