#523ae3 hex color

In a RGB color space, hex #523ae3 is composed of 32.2% red, 22.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 74.4% magenta, 0% yellow and 11% black. It has a hue angle of 248.5 degrees, a saturation of 75.1% and a lightness of 55.9%. #523ae3 color hex could be obtained by blending #a474ff with #0000c7. Closest websafe color is: #6633cc.

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

● #523ae3 color description : Bright blue.

The hexadecimal color #523ae3 has RGB values of R:82, G:58, B:227 and CMYK values of C:0.64, M:0.74, Y:0, K:0.11. Its decimal value is 5389027.

Hex triplet	523ae3	`#523ae3`
RGB Decimal	82, 58, 227	`rgb(82,58,227)`
RGB Percent	32.2, 22.7, 89	`rgb(32.2%,22.7%,89%)`
CMYK	64, 74, 0, 11
HSL	248.5°, 75.1, 55.9	`hsl(248.5,75.1%,55.9%)`
HSV (or HSB)	248.5°, 74.4, 89
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.49, 56.738, -81.636
XYZ	18.855, 10.365, 73.676
xyY	0.183, 0.101, 10.365
CIE-LCH	38.49, 99.416, 304.8
CIE-LUV	38.49, -3.54, -116.278
Hunter-Lab	32.195, 48.198, -113.144
Binary	01010010, 00111010, 11100011

#523ae3
```
#523ae3 rgb(82,58,227)
```
#cbe33a
```
#cbe33a rgb(203,227,58)
```

Complementary Color

#3a77e3
```
#3a77e3 rgb(58,119,227)
```
#523ae3
```
#523ae3 rgb(82,58,227)
```
#a73ae3
```
#a73ae3 rgb(167,58,227)
```

Analogous Color

#77e33a
```
#77e33a rgb(119,227,58)
```
#523ae3
```
#523ae3 rgb(82,58,227)
```
#e3a73a
```
#e3a73a rgb(227,167,58)
```

Split Complementary Color

#3ae352
```
#3ae352 rgb(58,227,82)
```
#523ae3
```
#523ae3 rgb(82,58,227)
```
#e3523a
```
#e3523a rgb(227,82,58)
```

Triadic Color

#3acbe3
```
#3acbe3 rgb(58,203,227)
```
#523ae3
```
#523ae3 rgb(82,58,227)
```
#e3523a
```
#e3523a rgb(227,82,58)
```
#cbe33a
```
#cbe33a rgb(203,227,58)
```

Tetradic Color

#301ab7
```
#301ab7 rgb(48,26,183)
```
#361dcd
```
#361dcd rgb(54,29,205)
```
#3e24e0
```
#3e24e0 rgb(62,36,224)
```
#523ae3
```
#523ae3 rgb(82,58,227)
```
#6650e6
```
#6650e6 rgb(102,80,230)
```
#7967e9
```
#7967e9 rgb(121,103,233)
```
#8d7ded
```
#8d7ded rgb(141,125,237)
```

Monochromatic Color

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

#3a4ce3
```
#3a4ce3 rgb(58,76,227)
```
#3a3ee3
```
#3a3ee3 rgb(58,62,227)
```
#443ae3
```
#443ae3 rgb(68,58,227)
```
#523ae3
```
#523ae3 rgb(82,58,227)
```
#603ae3
```
#603ae3 rgb(96,58,227)
```
#6e3ae3
```
#6e3ae3 rgb(110,58,227)
```
#7c3ae3
```
#7c3ae3 rgb(124,58,227)
```

Similar Colors

Text with hexadecimal color #523ae3

This text has a font color of #523ae3.

<span style="color:#523ae3;">Text here</span>

#523ae3 background color

This paragraph has a background color of #523ae3.

<p style="background-color:#523ae3;">Content here</p>

#523ae3 border color

This element has a border color of #523ae3.

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

CSS codes

.text {color:#523ae3;}

.background {background-color:#523ae3;}

.border {border:1px solid #523ae3;}

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

#020109
```
#020109 rgb(2,1,9)
```
#07041a
```
#07041a rgb(7,4,26)
```
#0b062b
```
#0b062b rgb(11,6,43)
```
#10093d
```
#10093d rgb(16,9,61)
```
#150b4e
```
#150b4e rgb(21,11,78)
```
#190d5f
```
#190d5f rgb(25,13,95)
```
#1e1070
```
#1e1070 rgb(30,16,112)
```
#221281
```
#221281 rgb(34,18,129)
```
#271592
```
#271592 rgb(39,21,146)
```
#2b17a4
```
#2b17a4 rgb(43,23,164)
```
#301ab5
```
#301ab5 rgb(48,26,181)
```
#341cc6
```
#341cc6 rgb(52,28,198)
```
#391fd7
```
#391fd7 rgb(57,31,215)
```

Shade Color Variation

#4329e1
```
#4329e1 rgb(67,41,225)
```
#523ae3
```
#523ae3 rgb(82,58,227)
```
#614be5
```
#614be5 rgb(97,75,229)
```
#705ce8
```
#705ce8 rgb(112,92,232)
```
#7f6eea
```
#7f6eea rgb(127,110,234)
```
#8e7fed
```
#8e7fed rgb(142,127,237)
```
#9d90ef
```
#9d90ef rgb(157,144,239)
```
#aca1f2
```
#aca1f2 rgb(172,161,242)
```
#bcb2f4
```
#bcb2f4 rgb(188,178,244)
```
#cbc3f7
```
#cbc3f7 rgb(203,195,247)
```
#dad5f9
```
#dad5f9 rgb(218,213,249)
```
#e9e6fb
```
#e9e6fb rgb(233,230,251)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8895 is the less saturated color, while #3f20fd is the most saturated one.

#8a8895
```
#8a8895 rgb(138,136,149)
```
#847f9e
```
#847f9e rgb(132,127,158)
```
#7d77a6
```
#7d77a6 rgb(125,119,166)
```
#776eaf
```
#776eaf rgb(119,110,175)
```
#7165b8
```
#7165b8 rgb(113,101,184)
```
#6b5dc0
```
#6b5dc0 rgb(107,93,192)
```
#6554c9
```
#6554c9 rgb(101,84,201)
```
#5e4bd2
```
#5e4bd2 rgb(94,75,210)
```
#5843da
```
#5843da rgb(88,67,218)
```
#523ae3
```
#523ae3 rgb(82,58,227)
```
#4c31ec
```
#4c31ec rgb(76,49,236)
```
#4629f4
```
#4629f4 rgb(70,41,244)
```
#3f20fd
```
#3f20fd rgb(63,32,253)
```

Tone Color Variation

Below, you can see how #523ae3 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

#545454 Achromatopsia 0.005% of the population
#544f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#1d52c9 Protanomaly 1% of men, 0.01% of women
#1d55ba Deuteranomaly 6% of men, 0.4% of women
#1d5a9c Tritanomaly 0.01% of the population

#523ae3 hex color

#523ae3 Color Information

#523ae3 Color Conversion

Color Schemes with #523ae3

Alternatives to #523ae3

#523ae3 Preview

Shades and Tints of #523ae3

Tones of #523ae3

Color Blindness Simulator