#522be3 hex color

In a RGB color space, hex #522be3 is composed of 32.2% red, 16.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 81.1% magenta, 0% yellow and 11% black. It has a hue angle of 252.7 degrees, a saturation of 76.7% and a lightness of 52.9%. #522be3 color hex could be obtained by blending #a456ff 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

● #522be3 color description : Bright blue.

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

Hex triplet	522be3	`#522be3`
RGB Decimal	82, 43, 227	`rgb(82,43,227)`
RGB Percent	32.2, 16.9, 89	`rgb(32.2%,16.9%,89%)`
CMYK	64, 81, 0, 11
HSL	252.7°, 76.7, 52.9	`hsl(252.7,76.7%,52.9%)`
HSV (or HSB)	252.7°, 81.1, 89
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.113, 63.599, -85.562
XYZ	18.206, 9.067, 73.46
xyY	0.181, 0.09, 9.067
CIE-LCH	36.113, 106.61, 306.624
CIE-LUV	36.113, -1.609, -117.597
Hunter-Lab	30.111, 55.231, -123.566
Binary	01010010, 00101011, 11100011

#522be3
```
#522be3 rgb(82,43,227)
```
#bce32b
```
#bce32b rgb(188,227,43)
```

Complementary Color

#2b60e3
```
#2b60e3 rgb(43,96,227)
```
#522be3
```
#522be3 rgb(82,43,227)
```
#ae2be3
```
#ae2be3 rgb(174,43,227)
```

Analogous Color

#60e32b
```
#60e32b rgb(96,227,43)
```
#522be3
```
#522be3 rgb(82,43,227)
```
#e3ae2b
```
#e3ae2b rgb(227,174,43)
```

Split Complementary Color

#2be352
```
#2be352 rgb(43,227,82)
```
#522be3
```
#522be3 rgb(82,43,227)
```
#e3522b
```
#e3522b rgb(227,82,43)
```

Triadic Color

#2bbce3
```
#2bbce3 rgb(43,188,227)
```
#522be3
```
#522be3 rgb(82,43,227)
```
#e3522b
```
#e3522b rgb(227,82,43)
```
#bce32b
```
#bce32b rgb(188,227,43)
```

Tetradic Color

#3617ab
```
#3617ab rgb(54,23,171)
```
#3d1ac1
```
#3d1ac1 rgb(61,26,193)
```
#441dd8
```
#441dd8 rgb(68,29,216)
```
#522be3
```
#522be3 rgb(82,43,227)
```
#6442e6
```
#6442e6 rgb(100,66,230)
```
#7758e9
```
#7758e9 rgb(119,88,233)
```
#896fec
```
#896fec rgb(137,111,236)
```

Monochromatic Color

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

#2b32e3
```
#2b32e3 rgb(43,50,227)
```
#332be3
```
#332be3 rgb(51,43,227)
```
#432be3
```
#432be3 rgb(67,43,227)
```
#522be3
```
#522be3 rgb(82,43,227)
```
#612be3
```
#612be3 rgb(97,43,227)
```
#712be3
```
#712be3 rgb(113,43,227)
```
#802be3
```
#802be3 rgb(128,43,227)
```

Similar Colors

Text with hexadecimal color #522be3

This text has a font color of #522be3.

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

#522be3 background color

This paragraph has a background color of #522be3.

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

#522be3 border color

This element has a border color of #522be3.

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

CSS codes

.text {color:#522be3;}

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

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

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

#04020d
```
#04020d rgb(4,2,13)
```
#0a041f
```
#0a041f rgb(10,4,31)
```
#0f0630
```
#0f0630 rgb(15,6,48)
```
#150941
```
#150941 rgb(21,9,65)
```
#1a0b53
```
#1a0b53 rgb(26,11,83)
```
#200d64
```
#200d64 rgb(32,13,100)
```
#250f75
```
#250f75 rgb(37,15,117)
```
#2b1287
```
#2b1287 rgb(43,18,135)
```
#301498
```
#301498 rgb(48,20,152)
```
#3516a9
```
#3516a9 rgb(53,22,169)
```
#3b19bb
```
#3b19bb rgb(59,25,187)
```
#401bcc
```
#401bcc rgb(64,27,204)
```
#461ddd
```
#461ddd rgb(70,29,221)
```

Shade Color Variation

#522be3
```
#522be3 rgb(82,43,227)
```
#603ce5
```
#603ce5 rgb(96,60,229)
```
#6e4ee8
```
#6e4ee8 rgb(110,78,232)
```
#7c5fea
```
#7c5fea rgb(124,95,234)
```
#8b70ec
```
#8b70ec rgb(139,112,236)
```
#9982ee
```
#9982ee rgb(153,130,238)
```
#a793f1
```
#a793f1 rgb(167,147,241)
```
#b5a4f3
```
#b5a4f3 rgb(181,164,243)
```
#c3b6f5
```
#c3b6f5 rgb(195,182,245)
```
#d1c7f8
```
#d1c7f8 rgb(209,199,248)
```
#dfd8fa
```
#dfd8fa rgb(223,216,250)
```
#eeeafc
```
#eeeafc rgb(238,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#827e90
```
#827e90 rgb(130,126,144)
```
#7d7599
```
#7d7599 rgb(125,117,153)
```
#776ca2
```
#776ca2 rgb(119,108,162)
```
#7262ac
```
#7262ac rgb(114,98,172)
```
#6d59b5
```
#6d59b5 rgb(109,89,181)
```
#6750be
```
#6750be rgb(103,80,190)
```
#6247c7
```
#6247c7 rgb(98,71,199)
```
#5d3dd1
```
#5d3dd1 rgb(93,61,209)
```
#5734da
```
#5734da rgb(87,52,218)
```
#522be3
```
#522be3 rgb(82,43,227)
```
#4d22ec
```
#4d22ec rgb(77,34,236)
```
#4719f5
```
#4719f5 rgb(71,25,245)
```
#420fff
```
#420fff rgb(66,15,255)
```

Tone Color Variation

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

Dichromacy

#005bb0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

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

#522be3 hex color

#522be3 Color Information

#522be3 Color Conversion

Color Schemes with #522be3

Alternatives to #522be3

#522be3 Preview

Shades and Tints of #522be3

Tones of #522be3

Color Blindness Simulator