colorhexa.com

#522284 hex color

In a RGB color space, hex #522284 is composed of 32.2% red, 13.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 74.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 269.4 degrees, a saturation of 59% and a lightness of 32.5%. #522284 color hex could be obtained by blending #a444ff with #000009. Closest websafe color is: #663399.

- R 32
- G 13
- B 52
RGB color chart
- C 38
- M 74
- Y 0
- K 48
CMYK color chart

● #522284 color description : Dark violet.

The hexadecimal color #522284 has RGB values of R:82, G:34, B:132 and CMYK values of C:0.38, M:0.74, Y:0, K:0.48. Its decimal value is 5382788.

Hex triplet	522284	`#522284`
RGB Decimal	82, 34, 132	`rgb(82,34,132)`
RGB Percent	32.2, 13.3, 51.8	`rgb(32.2%,13.3%,51.8%)`
CMYK	38, 74, 0, 48
HSL	269.4°, 59, 32.5	`hsl(269.4,59%,32.5%)`
HSV (or HSB)	269.4°, 74.2, 51.8
Web Safe	663399	`#663399`

CIE-LAB	25.575, 41.873, -46.181
XYZ	8.216, 4.604, 22.284
xyY	0.234, 0.131, 4.604
CIE-LCH	25.575, 62.339, 312.199
CIE-LUV	25.575, 10.033, -60.127
Hunter-Lab	21.457, 30.799, -46.557
Binary	01010010, 00100010, 10000100

#522284
```
#522284 rgb(82,34,132)
```
#548422
```
#548422 rgb(84,132,34)
```

Complementary Color

#222384
```
#222384 rgb(34,35,132)
```
#522284
```
#522284 rgb(82,34,132)
```
#832284
```
#832284 rgb(131,34,132)
```

Analogous Color

#238422
```
#238422 rgb(35,132,34)
```
#522284
```
#522284 rgb(82,34,132)
```
#848322
```
#848322 rgb(132,131,34)
```

Split Complementary Color

#228452
```
#228452 rgb(34,132,82)
```
#522284
```
#522284 rgb(82,34,132)
```
#845222
```
#845222 rgb(132,82,34)
```

Triadic Color

#2c1247
```
#2c1247 rgb(44,18,71)
```
#39185b
```
#39185b rgb(57,24,91)
```
#451d70
```
#451d70 rgb(69,29,112)
```
#522284
```
#522284 rgb(82,34,132)
```
#5f2798
```
#5f2798 rgb(95,39,152)
```
#6b2cad
```
#6b2cad rgb(107,44,173)
```
#7832c1
```
#7832c1 rgb(120,50,193)
```

Monochromatic Color

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

#392284
```
#392284 rgb(57,34,132)
```
#422284
```
#422284 rgb(66,34,132)
```
#4a2284
```
#4a2284 rgb(74,34,132)
```
#522284
```
#522284 rgb(82,34,132)
```
#5a2284
```
#5a2284 rgb(90,34,132)
```
#622284
```
#622284 rgb(98,34,132)
```
#6b2284
```
#6b2284 rgb(107,34,132)
```

Similar Colors

Text with hexadecimal color #522284

This text has a font color of #522284.

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

#522284 background color

This paragraph has a background color of #522284.

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

#522284 border color

This element has a border color of #522284.

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

CSS codes

.text {color:#522284;}

.background {background-color:#522284;}

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

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 #faf7fd is the lightest one.

#040207
```
#040207 rgb(4,2,7)
```
#0e0617
```
#0e0617 rgb(14,6,23)
```
#180a26
```
#180a26 rgb(24,10,38)
```
#220e36
```
#220e36 rgb(34,14,54)
```
#2b1246
```
#2b1246 rgb(43,18,70)
```
#351655
```
#351655 rgb(53,22,85)
```
#3f1a65
```
#3f1a65 rgb(63,26,101)
```
#481e74
```
#481e74 rgb(72,30,116)
```
#522284
```
#522284 rgb(82,34,132)
```
#5c2694
```
#5c2694 rgb(92,38,148)
```
#652aa3
```
#652aa3 rgb(101,42,163)
```
#6f2eb3
```
#6f2eb3 rgb(111,46,179)
```
#7932c2
```
#7932c2 rgb(121,50,194)
```

Shade Color Variation

#833bcd
```
#833bcd rgb(131,59,205)
```
#8c4bd1
```
#8c4bd1 rgb(140,75,209)
```
#965bd5
```
#965bd5 rgb(150,91,213)
```
#a06ad9
```
#a06ad9 rgb(160,106,217)
```
#aa7add
```
#aa7add rgb(170,122,221)
```
#b489e1
```
#b489e1 rgb(180,137,225)
```
#be99e5
```
#be99e5 rgb(190,153,229)
```
#c8a9e9
```
#c8a9e9 rgb(200,169,233)
```
#d2b8ed
```
#d2b8ed rgb(210,184,237)
```
#dcc8f1
```
#dcc8f1 rgb(220,200,241)
```
#e6d7f5
```
#e6d7f5 rgb(230,215,245)
```
#f0e7f9
```
#f0e7f9 rgb(240,231,249)
```
#faf7fd
```
#faf7fd rgb(250,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #534f57 is the less saturated color, while #5102a4 is the most saturated one.

#534f57
```
#534f57 rgb(83,79,87)
```
#53485e
```
#53485e rgb(83,72,94)
```
#534264
```
#534264 rgb(83,66,100)
```
#533c6a
```
#533c6a rgb(83,60,106)
```
#523571
```
#523571 rgb(82,53,113)
```
#522f77
```
#522f77 rgb(82,47,119)
```
#52287e
```
#52287e rgb(82,40,126)
```
#522284
```
#522284 rgb(82,34,132)
```
#521c8a
```
#521c8a rgb(82,28,138)
```
#521591
```
#521591 rgb(82,21,145)
```
#520f97
```
#520f97 rgb(82,15,151)
```
#51089e
```
#51089e rgb(81,8,158)
```
#5102a4
```
#5102a4 rgb(81,2,164)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#40374a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004876 Deuteranopia 1% of men
#4a4549 Tritanopia 0.001% of the population

Trichromacy

#1d3885 Protanomaly 1% of men, 0.01% of women
#1d3a7b Deuteranomaly 6% of men, 0.4% of women
#4d385f Tritanomaly 0.01% of the population