#523a9e hex color

In a RGB color space, hex #523a9e is composed of 32.2% red, 22.7% green and 62% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 63.3% magenta, 0% yellow and 38% black. It has a hue angle of 254.4 degrees, a saturation of 46.3% and a lightness of 42.4%. #523a9e color hex could be obtained by blending #a474ff with #00003d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 32
- G 23
- B 62
RGB color chart
- C 48
- M 63
- Y 0
- K 38
CMYK color chart

● #523a9e color description : Dark moderate blue.

The hexadecimal color #523a9e has RGB values of R:82, G:58, B:158 and CMYK values of C:0.48, M:0.63, Y:0, K:0.38. Its decimal value is 5388958.

Hex triplet	523a9e	`#523a9e`
RGB Decimal	82, 58, 158	`rgb(82,58,158)`
RGB Percent	32.2, 22.7, 62	`rgb(32.2%,22.7%,62%)`
CMYK	48, 63, 0, 38
HSL	254.4°, 46.3, 42.4	`hsl(254.4,46.3%,42.4%)`
HSV (or HSB)	254.4°, 63.3, 62
Web Safe	663399	`#663399`

CIE-LAB	32.455, 36.005, -51.023
XYZ	11.163, 7.288, 33.164
xyY	0.216, 0.141, 7.288
CIE-LCH	32.455, 62.448, 305.209
CIE-LUV	32.455, 2.17, -71.789
Hunter-Lab	26.997, 26.564, -53.937
Binary	01010010, 00111010, 10011110

#523a9e
```
#523a9e rgb(82,58,158)
```
#869e3a
```
#869e3a rgb(134,158,58)
```

Complementary Color

#3a549e
```
#3a549e rgb(58,84,158)
```
#523a9e
```
#523a9e rgb(82,58,158)
```
#843a9e
```
#843a9e rgb(132,58,158)
```

Analogous Color

#549e3a
```
#549e3a rgb(84,158,58)
```
#523a9e
```
#523a9e rgb(82,58,158)
```
#9e843a
```
#9e843a rgb(158,132,58)
```

Split Complementary Color

#3a9e52
```
#3a9e52 rgb(58,158,82)
```
#523a9e
```
#523a9e rgb(82,58,158)
```
#9e523a
```
#9e523a rgb(158,82,58)
```

Triadic Color

#3a869e
```
#3a869e rgb(58,134,158)
```
#523a9e
```
#523a9e rgb(82,58,158)
```
#9e523a
```
#9e523a rgb(158,82,58)
```
#869e3a
```
#869e3a rgb(134,158,58)
```

Tetradic Color

#352566
```
#352566 rgb(53,37,102)
```
#3f2c79
```
#3f2c79 rgb(63,44,121)
```
#48338b
```
#48338b rgb(72,51,139)
```
#523a9e
```
#523a9e rgb(82,58,158)
```
#5c41b1
```
#5c41b1 rgb(92,65,177)
```
#684dbe
```
#684dbe rgb(104,77,190)
```
#7860c5
```
#7860c5 rgb(120,96,197)
```

Monochromatic Color

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

#3a3b9e
```
#3a3b9e rgb(58,59,158)
```
#413a9e
```
#413a9e rgb(65,58,158)
```
#4a3a9e
```
#4a3a9e rgb(74,58,158)
```
#523a9e
```
#523a9e rgb(82,58,158)
```
#5a3a9e
```
#5a3a9e rgb(90,58,158)
```
#633a9e
```
#633a9e rgb(99,58,158)
```
#6b3a9e
```
#6b3a9e rgb(107,58,158)
```

Similar Colors

Text with hexadecimal color #523a9e

This text has a font color of #523a9e.

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

#523a9e background color

This paragraph has a background color of #523a9e.

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

#523a9e border color

This element has a border color of #523a9e.

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

CSS codes

.text {color:#523a9e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08050f
```
#08050f rgb(8,5,15)
```
#0f0b1d
```
#0f0b1d rgb(15,11,29)
```
#16102b
```
#16102b rgb(22,16,43)
```
#1e153a
```
#1e153a rgb(30,21,58)
```
#251a48
```
#251a48 rgb(37,26,72)
```
#2d2056
```
#2d2056 rgb(45,32,86)
```
#342565
```
#342565 rgb(52,37,101)
```
#3c2a73
```
#3c2a73 rgb(60,42,115)
```
#432f81
```
#432f81 rgb(67,47,129)
```
#4b3590
```
#4b3590 rgb(75,53,144)
```
#523a9e
```
#523a9e rgb(82,58,158)
```
#593fac
```
#593fac rgb(89,63,172)
```

Shade Color Variation

#6145bb
```
#6145bb rgb(97,69,187)
```
#6d53c0
```
#6d53c0 rgb(109,83,192)
```
#7961c5
```
#7961c5 rgb(121,97,197)
```
#8570ca
```
#8570ca rgb(133,112,202)
```
#927ed0
```
#927ed0 rgb(146,126,208)
```
#9e8cd5
```
#9e8cd5 rgb(158,140,213)
```
#aa9bda
```
#aa9bda rgb(170,155,218)
```
#b6a9df
```
#b6a9df rgb(182,169,223)
```
#c2b7e5
```
#c2b7e5 rgb(194,183,229)
```
#cec6ea
```
#cec6ea rgb(206,198,234)
```
#dbd4ef
```
#dbd4ef rgb(219,212,239)
```
#e7e2f5
```
#e7e2f5 rgb(231,226,245)
```
#f3f1fa
```
#f3f1fa rgb(243,241,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6c6c is the less saturated color, while #3808d0 is the most saturated one.

#6c6c6c
```
#6c6c6c rgb(108,108,108)
```
#686474
```
#686474 rgb(104,100,116)
```
#635b7d
```
#635b7d rgb(99,91,125)
```
#5f5385
```
#5f5385 rgb(95,83,133)
```
#5b4b8d
```
#5b4b8d rgb(91,75,141)
```
#564296
```
#564296 rgb(86,66,150)
```
#523a9e
```
#523a9e rgb(82,58,158)
```
#4e32a6
```
#4e32a6 rgb(78,50,166)
```
#4929af
```
#4929af rgb(73,41,175)
```
#4521b7
```
#4521b7 rgb(69,33,183)
```
#4119bf
```
#4119bf rgb(65,25,191)
```
#3c10c8
```
#3c10c8 rgb(60,16,200)
```
#3808d0
```
#3808d0 rgb(56,8,208)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e495d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00578f Deuteranopia 1% of men
#43595f Tritanopia 0.001% of the population

Trichromacy

#1d49a0 Protanomaly 1% of men, 0.01% of women
#1d4c94 Deuteranomaly 6% of men, 0.4% of women
#484d76 Tritanomaly 0.01% of the population

#523a9e hex color

#523a9e Color Information

#523a9e Color Conversion

Color Schemes with #523a9e

Alternatives to #523a9e

#523a9e Preview

Shades and Tints of #523a9e

Tones of #523a9e

Color Blindness Simulator