colorhexa.com

#522388 hex color

In a RGB color space, hex #522388 is composed of 32.2% red, 13.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 74.3% magenta, 0% yellow and 46.7% black. It has a hue angle of 267.9 degrees, a saturation of 59.1% and a lightness of 33.5%. #522388 color hex could be obtained by blending #a446ff with #000011. Closest websafe color is: #663399.

- R 32
- G 14
- B 53
RGB color chart
- C 40
- M 74
- Y 0
- K 47
CMYK color chart

● #522388 color description : Dark violet.

The hexadecimal color #522388 has RGB values of R:82, G:35, B:136 and CMYK values of C:0.4, M:0.74, Y:0, K:0.47. Its decimal value is 5383048.

Hex triplet	522388	`#522388`
RGB Decimal	82, 35, 136	`rgb(82,35,136)`
RGB Percent	32.2, 13.7, 53.3	`rgb(32.2%,13.7%,53.3%)`
CMYK	40, 74, 0, 47
HSL	267.9°, 59.1, 33.5	`hsl(267.9,59.1%,33.5%)`
HSV (or HSB)	267.9°, 74.3, 53.3
Web Safe	663399	`#663399`

CIE-LAB	26.08, 42.428, -47.864
XYZ	8.524, 4.774, 23.764
xyY	0.23, 0.129, 4.774
CIE-LCH	26.08, 63.962, 311.555
CIE-LUV	26.08, 9.268, -62.588
Hunter-Lab	21.848, 31.405, -49.193
Binary	01010010, 00100011, 10001000

#522388
```
#522388 rgb(82,35,136)
```
#598823
```
#598823 rgb(89,136,35)
```

Complementary Color

#232688
```
#232688 rgb(35,38,136)
```
#522388
```
#522388 rgb(82,35,136)
```
#852388
```
#852388 rgb(133,35,136)
```

Analogous Color

#278823
```
#278823 rgb(39,136,35)
```
#522388
```
#522388 rgb(82,35,136)
```
#888523
```
#888523 rgb(136,133,35)
```

Split Complementary Color

#238852
```
#238852 rgb(35,136,82)
```
#522388
```
#522388 rgb(82,35,136)
```
#885223
```
#885223 rgb(136,82,35)
```

Triadic Color

#2d134b
```
#2d134b rgb(45,19,75)
```
#3a195f
```
#3a195f rgb(58,25,95)
```
#461e74
```
#461e74 rgb(70,30,116)
```
#522388
```
#522388 rgb(82,35,136)
```
#5e289c
```
#5e289c rgb(94,40,156)
```
#6a2db1
```
#6a2db1 rgb(106,45,177)
```
#7733c5
```
#7733c5 rgb(119,51,197)
```

Monochromatic Color

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

#392388
```
#392388 rgb(57,35,136)
```
#412388
```
#412388 rgb(65,35,136)
```
#4a2388
```
#4a2388 rgb(74,35,136)
```
#522388
```
#522388 rgb(82,35,136)
```
#5a2388
```
#5a2388 rgb(90,35,136)
```
#632388
```
#632388 rgb(99,35,136)
```
#6b2388
```
#6b2388 rgb(107,35,136)
```

Similar Colors

Text with hexadecimal color #522388

This text has a font color of #522388.

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

#522388 background color

This paragraph has a background color of #522388.

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

#522388 border color

This element has a border color of #522388.

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

CSS codes

.text {color:#522388;}

.background {background-color:#522388;}

.border {border:1px solid #522388;}

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

#07030b
```
#07030b rgb(7,3,11)
```
#10071b
```
#10071b rgb(16,7,27)
```
#1a0b2a
```
#1a0b2a rgb(26,11,42)
```
#230f3a
```
#230f3a rgb(35,15,58)
```
#2c134a
```
#2c134a rgb(44,19,74)
```
#361759
```
#361759 rgb(54,23,89)
```
#3f1b69
```
#3f1b69 rgb(63,27,105)
```
#491f78
```
#491f78 rgb(73,31,120)
```
#522388
```
#522388 rgb(82,35,136)
```
#5b2798
```
#5b2798 rgb(91,39,152)
```
#652ba7
```
#652ba7 rgb(101,43,167)
```
#6e2fb7
```
#6e2fb7 rgb(110,47,183)
```
#7833c6
```
#7833c6 rgb(120,51,198)
```

Shade Color Variation

#823fce
```
#823fce rgb(130,63,206)
```
#8c4fd2
```
#8c4fd2 rgb(140,79,210)
```
#965fd6
```
#965fd6 rgb(150,95,214)
```
#a06eda
```
#a06eda rgb(160,110,218)
```
#aa7ede
```
#aa7ede rgb(170,126,222)
```
#b58de2
```
#b58de2 rgb(181,141,226)
```
#bf9de6
```
#bf9de6 rgb(191,157,230)
```
#c9adea
```
#c9adea rgb(201,173,234)
```
#d3bcee
```
#d3bcee rgb(211,188,238)
```
#ddccf2
```
#ddccf2 rgb(221,204,242)
```
#e8dbf6
```
#e8dbf6 rgb(232,219,246)
```
#f2ebfa
```
#f2ebfa rgb(242,235,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #55515a is the less saturated color, while #5002a9 is the most saturated one.

#55515a
```
#55515a rgb(85,81,90)
```
#554a61
```
#554a61 rgb(85,74,97)
```
#544467
```
#544467 rgb(84,68,103)
```
#543d6e
```
#543d6e rgb(84,61,110)
```
#533774
```
#533774 rgb(83,55,116)
```
#53307b
```
#53307b rgb(83,48,123)
```
#522a81
```
#522a81 rgb(82,42,129)
```
#522388
```
#522388 rgb(82,35,136)
```
#521c8f
```
#521c8f rgb(82,28,143)
```
#511695
```
#511695 rgb(81,22,149)
```
#510f9c
```
#510f9c rgb(81,15,156)
```
#5009a2
```
#5009a2 rgb(80,9,162)
```
#5002a9
```
#5002a9 rgb(80,2,169)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#41384c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004977 Deuteranopia 1% of men
#49464b Tritanopia 0.001% of the population

Trichromacy

#1d3987 Protanomaly 1% of men, 0.01% of women
#1d3b7d Deuteranomaly 6% of men, 0.4% of women
#4c3961 Tritanomaly 0.01% of the population