#522396 hex color

In a RGB color space, hex #522396 is composed of 32.2% red, 13.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 76.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 264.5 degrees, a saturation of 62.2% and a lightness of 36.3%. #522396 color hex could be obtained by blending #a446ff with #00002d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 32
- G 14
- B 59
RGB color chart
- C 45
- M 77
- Y 0
- K 41
CMYK color chart

● #522396 color description : Dark violet.

The hexadecimal color #522396 has RGB values of R:82, G:35, B:150 and CMYK values of C:0.45, M:0.77, Y:0, K:0.41. Its decimal value is 5383062.

Hex triplet	522396	`#522396`
RGB Decimal	82, 35, 150	`rgb(82,35,150)`
RGB Percent	32.2, 13.7, 58.8	`rgb(32.2%,13.7%,58.8%)`
CMYK	45, 77, 0, 41
HSL	264.5°, 62.2, 36.3	`hsl(264.5,62.2%,36.3%)`
HSV (or HSB)	264.5°, 76.7, 58.8
Web Safe	663399	`#663399`

CIE-LAB	27.291, 46.129, -54.556
XYZ	9.585, 5.198, 29.351
xyY	0.217, 0.118, 5.198
CIE-LCH	27.291, 71.444, 310.216
CIE-LUV	27.291, 7.268, -71.645
Hunter-Lab	22.799, 35.145, -60.37
Binary	01010010, 00100011, 10010110

#522396
```
#522396 rgb(82,35,150)
```
#679623
```
#679623 rgb(103,150,35)
```

Complementary Color

#232e96
```
#232e96 rgb(35,46,150)
```
#522396
```
#522396 rgb(82,35,150)
```
#8c2396
```
#8c2396 rgb(140,35,150)
```

Analogous Color

#2e9623
```
#2e9623 rgb(46,150,35)
```
#522396
```
#522396 rgb(82,35,150)
```
#968c23
```
#968c23 rgb(150,140,35)
```

Split Complementary Color

#239652
```
#239652 rgb(35,150,82)
```
#522396
```
#522396 rgb(82,35,150)
```
#965223
```
#965223 rgb(150,82,35)
```

Triadic Color

#236796
```
#236796 rgb(35,103,150)
```
#522396
```
#522396 rgb(82,35,150)
```
#965223
```
#965223 rgb(150,82,35)
```
#679623
```
#679623 rgb(103,150,35)
```

Tetradic Color

#301558
```
#301558 rgb(48,21,88)
```
#3b196d
```
#3b196d rgb(59,25,109)
```
#471e81
```
#471e81 rgb(71,30,129)
```
#522396
```
#522396 rgb(82,35,150)
```
#5d28ab
```
#5d28ab rgb(93,40,171)
```
#692dbf
```
#692dbf rgb(105,45,191)
```
#7536d0
```
#7536d0 rgb(117,54,208)
```

Monochromatic Color

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

#352396
```
#352396 rgb(53,35,150)
```
#3f2396
```
#3f2396 rgb(63,35,150)
```
#482396
```
#482396 rgb(72,35,150)
```
#522396
```
#522396 rgb(82,35,150)
```
#5c2396
```
#5c2396 rgb(92,35,150)
```
#652396
```
#652396 rgb(101,35,150)
```
#6f2396
```
#6f2396 rgb(111,35,150)
```

Similar Colors

Text with hexadecimal color #522396

This text has a font color of #522396.

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

#522396 background color

This paragraph has a background color of #522396.

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

#522396 border color

This element has a border color of #522396.

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

CSS codes

.text {color:#522396;}

.background {background-color:#522396;}

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

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

#040207
```
#040207 rgb(4,2,7)
```
#0c0517
```
#0c0517 rgb(12,5,23)
```
#150927
```
#150927 rgb(21,9,39)
```
#1e0d37
```
#1e0d37 rgb(30,13,55)
```
#271046
```
#271046 rgb(39,16,70)
```
#2f1456
```
#2f1456 rgb(47,20,86)
```
#381866
```
#381866 rgb(56,24,102)
```
#411c76
```
#411c76 rgb(65,28,118)
```
#491f86
```
#491f86 rgb(73,31,134)
```
#522396
```
#522396 rgb(82,35,150)
```
#5b27a6
```
#5b27a6 rgb(91,39,166)
```
#632ab6
```
#632ab6 rgb(99,42,182)
```
#6c2ec6
```
#6c2ec6 rgb(108,46,198)
```

Shade Color Variation

#7637d0
```
#7637d0 rgb(118,55,208)
```
#8147d4
```
#8147d4 rgb(129,71,212)
```
#8c57d8
```
#8c57d8 rgb(140,87,216)
```
#9767db
```
#9767db rgb(151,103,219)
```
#a177df
```
#a177df rgb(161,119,223)
```
#ac87e3
```
#ac87e3 rgb(172,135,227)
```
#b797e7
```
#b797e7 rgb(183,151,231)
```
#c2a6ea
```
#c2a6ea rgb(194,166,234)
```
#cdb6ee
```
#cdb6ee rgb(205,182,238)
```
#d8c6f2
```
#d8c6f2 rgb(216,198,242)
```
#e3d6f5
```
#e3d6f5 rgb(227,214,245)
```
#eee6f9
```
#eee6f9 rgb(238,230,249)
```
#f9f6fd
```
#f9f6fd rgb(249,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5c5d is the less saturated color, while #4d07b2 is the most saturated one.

#5c5c5d
```
#5c5c5d rgb(92,92,93)
```
#5b5564
```
#5b5564 rgb(91,85,100)
```
#5a4e6b
```
#5a4e6b rgb(90,78,107)
```
#584772
```
#584772 rgb(88,71,114)
```
#573f7a
```
#573f7a rgb(87,63,122)
```
#563881
```
#563881 rgb(86,56,129)
```
#553188
```
#553188 rgb(85,49,136)
```
#532a8f
```
#532a8f rgb(83,42,143)
```
#522396
```
#522396 rgb(82,35,150)
```
#511c9d
```
#511c9d rgb(81,28,157)
```
#4f15a4
```
#4f15a4 rgb(79,21,164)
```
#4e0eab
```
#4e0eab rgb(78,14,171)
```
#4d07b2
```
#4d07b2 rgb(77,7,178)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#423950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c7b Deuteranopia 1% of men
#444b50 Tritanopia 0.001% of the population

Trichromacy

#1d3a90 Protanomaly 1% of men, 0.01% of women
#1d3d85 Deuteranomaly 6% of men, 0.4% of women
#493c6a Tritanomaly 0.01% of the population

#522396 hex color

#522396 Color Information

#522396 Color Conversion

Color Schemes with #522396

Alternatives to #522396

#522396 Preview

Shades and Tints of #522396

Tones of #522396

Color Blindness Simulator