#522ab3 hex color

In a RGB color space, hex #522ab3 is composed of 32.2% red, 16.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 76.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 257.5 degrees, a saturation of 62% and a lightness of 43.3%. #522ab3 color hex could be obtained by blending #a454ff with #000067. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 16
- B 70
RGB color chart
- C 54
- M 77
- Y 0
- K 30
CMYK color chart

● #522ab3 color description : Strong violet.

The hexadecimal color #522ab3 has RGB values of R:82, G:42, B:179 and CMYK values of C:0.54, M:0.77, Y:0, K:0.3. Its decimal value is 5384883.

Hex triplet	522ab3	`#522ab3`
RGB Decimal	82, 42, 179	`rgb(82,42,179)`
RGB Percent	32.2, 16.5, 70.2	`rgb(32.2%,16.5%,70.2%)`
CMYK	54, 77, 0, 30
HSL	257.5°, 62, 43.3	`hsl(257.5,62%,43.3%)`
HSV (or HSB)	257.5°, 76.5, 70.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.124, 50.762, -65.809
XYZ	12.443, 6.704, 43.284
xyY	0.199, 0.107, 6.704
CIE-LCH	31.124, 83.112, 307.645
CIE-LUV	31.124, 2.873, -88.968
Hunter-Lab	25.892, 40.468, -80.989
Binary	01010010, 00101010, 10110011

#522ab3
```
#522ab3 rgb(82,42,179)
```
#8bb32a
```
#8bb32a rgb(139,179,42)
```

Complementary Color

#2a47b3
```
#2a47b3 rgb(42,71,179)
```
#522ab3
```
#522ab3 rgb(82,42,179)
```
#972ab3
```
#972ab3 rgb(151,42,179)
```

Analogous Color

#47b32a
```
#47b32a rgb(71,179,42)
```
#522ab3
```
#522ab3 rgb(82,42,179)
```
#b3972a
```
#b3972a rgb(179,151,42)
```

Split Complementary Color

#2ab352
```
#2ab352 rgb(42,179,82)
```
#522ab3
```
#522ab3 rgb(82,42,179)
```
#b3522a
```
#b3522a rgb(179,82,42)
```

Triadic Color

#2a8bb3
```
#2a8bb3 rgb(42,139,179)
```
#522ab3
```
#522ab3 rgb(82,42,179)
```
#b3522a
```
#b3522a rgb(179,82,42)
```
#8bb32a
```
#8bb32a rgb(139,179,42)
```

Tetradic Color

#361b75
```
#361b75 rgb(54,27,117)
```
#3f208a
```
#3f208a rgb(63,32,138)
```
#49259e
```
#49259e rgb(73,37,158)
```
#522ab3
```
#522ab3 rgb(82,42,179)
```
#5b2fc8
```
#5b2fc8 rgb(91,47,200)
```
#693ed2
```
#693ed2 rgb(105,62,210)
```
#7953d7
```
#7953d7 rgb(121,83,215)
```

Monochromatic Color

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

#302ab3
```
#302ab3 rgb(48,42,179)
```
#3b2ab3
```
#3b2ab3 rgb(59,42,179)
```
#472ab3
```
#472ab3 rgb(71,42,179)
```
#522ab3
```
#522ab3 rgb(82,42,179)
```
#5d2ab3
```
#5d2ab3 rgb(93,42,179)
```
#692ab3
```
#692ab3 rgb(105,42,179)
```
#742ab3
```
#742ab3 rgb(116,42,179)
```

Similar Colors

Text with hexadecimal color #522ab3

This text has a font color of #522ab3.

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

#522ab3 background color

This paragraph has a background color of #522ab3.

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

#522ab3 border color

This element has a border color of #522ab3.

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

CSS codes

.text {color:#522ab3;}

.background {background-color:#522ab3;}

.border {border:1px solid #522ab3;}

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

#020104
```
#020104 rgb(2,1,4)
```
#090514
```
#090514 rgb(9,5,20)
```
#100824
```
#100824 rgb(16,8,36)
```
#180c34
```
#180c34 rgb(24,12,52)
```
#1f1044
```
#1f1044 rgb(31,16,68)
```
#261454
```
#261454 rgb(38,20,84)
```
#2e1764
```
#2e1764 rgb(46,23,100)
```
#351b73
```
#351b73 rgb(53,27,115)
```
#3c1f83
```
#3c1f83 rgb(60,31,131)
```
#432393
```
#432393 rgb(67,35,147)
```
#4b26a3
```
#4b26a3 rgb(75,38,163)
```
#522ab3
```
#522ab3 rgb(82,42,179)
```
#592ec3
```
#592ec3 rgb(89,46,195)
```

Shade Color Variation

#6235d0
```
#6235d0 rgb(98,53,208)
```
#6e45d3
```
#6e45d3 rgb(110,69,211)
```
#7b54d7
```
#7b54d7 rgb(123,84,215)
```
#8764db
```
#8764db rgb(135,100,219)
```
#9374de
```
#9374de rgb(147,116,222)
```
#a084e2
```
#a084e2 rgb(160,132,226)
```
#ac94e6
```
#ac94e6 rgb(172,148,230)
```
#b8a4ea
```
#b8a4ea rgb(184,164,234)
```
#c5b4ed
```
#c5b4ed rgb(197,180,237)
```
#d1c4f1
```
#d1c4f1 rgb(209,196,241)
```
#ddd4f5
```
#ddd4f5 rgb(221,212,245)
```
#eae3f9
```
#eae3f9 rgb(234,227,249)
```
#f6f3fc
```
#f6f3fc rgb(246,243,252)
```

Tint Color Variation

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

#6e6e6f
```
#6e6e6f rgb(110,110,111)
```
#6b6678
```
#6b6678 rgb(107,102,120)
```
#675d80
```
#675d80 rgb(103,93,128)
```
#645589
```
#645589 rgb(100,85,137)
```
#604c91
```
#604c91 rgb(96,76,145)
```
#5d449a
```
#5d449a rgb(93,68,154)
```
#593ba2
```
#593ba2 rgb(89,59,162)
```
#5633ab
```
#5633ab rgb(86,51,171)
```
#522ab3
```
#522ab3 rgb(82,42,179)
```
#4e22bc
```
#4e22bc rgb(78,34,188)
```
#4b19c4
```
#4b19c4 rgb(75,25,196)
```
#4711cd
```
#4711cd rgb(71,17,205)
```
#4408d5
```
#4408d5 rgb(68,8,213)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#48405c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005488 Deuteranopia 1% of men
#33585e Tritanopia 0.001% of the population

Trichromacy

#1d42a4 Protanomaly 1% of men, 0.01% of women
#1d4597 Deuteranomaly 6% of men, 0.4% of women
#3e477d Tritanomaly 0.01% of the population

#522ab3 hex color

#522ab3 Color Information

#522ab3 Color Conversion

Color Schemes with #522ab3

Alternatives to #522ab3

#522ab3 Preview

Shades and Tints of #522ab3

Tones of #522ab3

Color Blindness Simulator