#522ce3 hex color

In a RGB color space, hex #522ce3 is composed of 32.2% red, 17.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 80.6% magenta, 0% yellow and 11% black. It has a hue angle of 252.5 degrees, a saturation of 76.6% and a lightness of 53.1%. #522ce3 color hex could be obtained by blending #a458ff with #0000c7. 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

● #522ce3 color description : Bright blue.

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

Hex triplet	522ce3	`#522ce3`
RGB Decimal	82, 44, 227	`rgb(82,44,227)`
RGB Percent	32.2, 17.3, 89	`rgb(32.2%,17.3%,89%)`
CMYK	64, 81, 0, 11
HSL	252.5°, 76.6, 53.1	`hsl(252.5,76.6%,53.1%)`
HSV (or HSB)	252.5°, 80.6, 89
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.253, 63.187, -85.33
XYZ	18.243, 9.141, 73.472
xyY	0.181, 0.091, 9.141
CIE-LCH	36.253, 106.178, 306.52
CIE-LUV	36.253, -1.718, -117.546
Hunter-Lab	30.233, 54.799, -122.921
Binary	01010010, 00101100, 11100011

#522ce3
```
#522ce3 rgb(82,44,227)
```
#bde32c
```
#bde32c rgb(189,227,44)
```

Complementary Color

#2c62e3
```
#2c62e3 rgb(44,98,227)
```
#522ce3
```
#522ce3 rgb(82,44,227)
```
#ae2ce3
```
#ae2ce3 rgb(174,44,227)
```

Analogous Color

#62e32c
```
#62e32c rgb(98,227,44)
```
#522ce3
```
#522ce3 rgb(82,44,227)
```
#e3ae2c
```
#e3ae2c rgb(227,174,44)
```

Split Complementary Color

#2ce352
```
#2ce352 rgb(44,227,82)
```
#522ce3
```
#522ce3 rgb(82,44,227)
```
#e3522c
```
#e3522c rgb(227,82,44)
```

Triadic Color

#2cbde3
```
#2cbde3 rgb(44,189,227)
```
#522ce3
```
#522ce3 rgb(82,44,227)
```
#e3522c
```
#e3522c rgb(227,82,44)
```
#bde32c
```
#bde32c rgb(189,227,44)
```

Tetradic Color

#3617ac
```
#3617ac rgb(54,23,172)
```
#3d1ac2
```
#3d1ac2 rgb(61,26,194)
```
#441dd9
```
#441dd9 rgb(68,29,217)
```
#522ce3
```
#522ce3 rgb(82,44,227)
```
#6443e6
```
#6443e6 rgb(100,67,230)
```
#7759e9
```
#7759e9 rgb(119,89,233)
```
#8970ec
```
#8970ec rgb(137,112,236)
```

Monochromatic Color

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

#2c34e3
```
#2c34e3 rgb(44,52,227)
```
#332ce3
```
#332ce3 rgb(51,44,227)
```
#432ce3
```
#432ce3 rgb(67,44,227)
```
#522ce3
```
#522ce3 rgb(82,44,227)
```
#612ce3
```
#612ce3 rgb(97,44,227)
```
#712ce3
```
#712ce3 rgb(113,44,227)
```
#802ce3
```
#802ce3 rgb(128,44,227)
```

Similar Colors

Text with hexadecimal color #522ce3

This text has a font color of #522ce3.

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

#522ce3 background color

This paragraph has a background color of #522ce3.

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

#522ce3 border color

This element has a border color of #522ce3.

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

CSS codes

.text {color:#522ce3;}

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

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

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, #04020e is the darkest color, while #fcfcff is the lightest one.

#04020e
```
#04020e rgb(4,2,14)
```
#0a041f
```
#0a041f rgb(10,4,31)
```
#0f0631
```
#0f0631 rgb(15,6,49)
```
#150942
```
#150942 rgb(21,9,66)
```
#1a0b53
```
#1a0b53 rgb(26,11,83)
```
#200d65
```
#200d65 rgb(32,13,101)
```
#251076
```
#251076 rgb(37,16,118)
```
#2a1287
```
#2a1287 rgb(42,18,135)
```
#301499
```
#301499 rgb(48,20,153)
```
#3517aa
```
#3517aa rgb(53,23,170)
```
#3b19bb
```
#3b19bb rgb(59,25,187)
```
#401bcd
```
#401bcd rgb(64,27,205)
```
#451dde
```
#451dde rgb(69,29,222)
```

Shade Color Variation

#522ce3
```
#522ce3 rgb(82,44,227)
```
#603de5
```
#603de5 rgb(96,61,229)
```
#6e4fe8
```
#6e4fe8 rgb(110,79,232)
```
#7d60ea
```
#7d60ea rgb(125,96,234)
```
#8b71ec
```
#8b71ec rgb(139,113,236)
```
#9983ee
```
#9983ee rgb(153,131,238)
```
#a794f1
```
#a794f1 rgb(167,148,241)
```
#b5a5f3
```
#b5a5f3 rgb(181,165,243)
```
#c4b7f5
```
#c4b7f5 rgb(196,183,245)
```
#d2c8f8
```
#d2c8f8 rgb(210,200,248)
```
#e0d9fa
```
#e0d9fa rgb(224,217,250)
```
#eeeafc
```
#eeeafc rgb(238,234,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827f90 is the less saturated color, while #4210ff is the most saturated one.

#827f90
```
#827f90 rgb(130,127,144)
```
#7d7699
```
#7d7699 rgb(125,118,153)
```
#786ca3
```
#786ca3 rgb(120,108,163)
```
#7263ac
```
#7263ac rgb(114,99,172)
```
#6d5ab5
```
#6d5ab5 rgb(109,90,181)
```
#6751be
```
#6751be rgb(103,81,190)
```
#6248c7
```
#6248c7 rgb(98,72,199)
```
#5d3ed1
```
#5d3ed1 rgb(93,62,209)
```
#5735da
```
#5735da rgb(87,53,218)
```
#522ce3
```
#522ce3 rgb(82,44,227)
```
#4d23ec
```
#4d23ec rgb(77,35,236)
```
#471af5
```
#471af5 rgb(71,26,245)
```
#4210ff
```
#4210ff rgb(66,16,255)
```

Tone Color Variation

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

#005bb1 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

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

#522ce3 hex color

#522ce3 Color Information

#522ce3 Color Conversion

Color Schemes with #522ce3

Alternatives to #522ce3

#522ce3 Preview

Shades and Tints of #522ce3

Tones of #522ce3

Color Blindness Simulator