#522faa hex color

In a RGB color space, hex #522faa is composed of 32.2% red, 18.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 72.4% magenta, 0% yellow and 33.3% black. It has a hue angle of 257.1 degrees, a saturation of 56.7% and a lightness of 42.5%. #522faa color hex could be obtained by blending #a45eff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 32
- G 18
- B 67
RGB color chart
- C 52
- M 72
- Y 0
- K 33
CMYK color chart

● #522faa color description : Dark violet.

The hexadecimal color #522faa has RGB values of R:82, G:47, B:170 and CMYK values of C:0.52, M:0.72, Y:0, K:0.33. Its decimal value is 5386154.

Hex triplet	522faa	`#522faa`
RGB Decimal	82, 47, 170	`rgb(82,47,170)`
RGB Percent	32.2, 18.4, 66.7	`rgb(32.2%,18.4%,66.7%)`
CMYK	52, 72, 0, 33
HSL	257.1°, 56.7, 42.5	`hsl(257.1,56.7%,42.5%)`
HSV (or HSB)	257.1°, 72.4, 66.7
Web Safe	663399	`#663399`

CIE-LAB	31.182, 45.714, -60.332
XYZ	11.751, 6.729, 38.708
xyY	0.205, 0.118, 6.729
CIE-LCH	31.182, 75.695, 307.151
CIE-LUV	31.182, 3.074, -82.555
Hunter-Lab	25.94, 35.463, -70.314
Binary	01010010, 00101111, 10101010

#522faa
```
#522faa rgb(82,47,170)
```
#87aa2f
```
#87aa2f rgb(135,170,47)
```

Complementary Color

#2f4aaa
```
#2f4aaa rgb(47,74,170)
```
#522faa
```
#522faa rgb(82,47,170)
```
#902faa
```
#902faa rgb(144,47,170)
```

Analogous Color

#4aaa2f
```
#4aaa2f rgb(74,170,47)
```
#522faa
```
#522faa rgb(82,47,170)
```
#aa902f
```
#aa902f rgb(170,144,47)
```

Split Complementary Color

#2faa52
```
#2faa52 rgb(47,170,82)
```
#522faa
```
#522faa rgb(82,47,170)
```
#aa522f
```
#aa522f rgb(170,82,47)
```

Triadic Color

#2f87aa
```
#2f87aa rgb(47,135,170)
```
#522faa
```
#522faa rgb(82,47,170)
```
#aa522f
```
#aa522f rgb(170,82,47)
```
#87aa2f
```
#87aa2f rgb(135,170,47)
```

Tetradic Color

#351e6e
```
#351e6e rgb(53,30,110)
```
#3f2482
```
#3f2482 rgb(63,36,130)
```
#482996
```
#482996 rgb(72,41,150)
```
#522faa
```
#522faa rgb(82,47,170)
```
#5c35be
```
#5c35be rgb(92,53,190)
```
#6841cb
```
#6841cb rgb(104,65,203)
```
#7855d0
```
#7855d0 rgb(120,85,208)
```

Monochromatic Color

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

#332faa
```
#332faa rgb(51,47,170)
```
#3d2faa
```
#3d2faa rgb(61,47,170)
```
#482faa
```
#482faa rgb(72,47,170)
```
#522faa
```
#522faa rgb(82,47,170)
```
#5c2faa
```
#5c2faa rgb(92,47,170)
```
#672faa
```
#672faa rgb(103,47,170)
```
#712faa
```
#712faa rgb(113,47,170)
```

Similar Colors

Text with hexadecimal color #522faa

This text has a font color of #522faa.

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

#522faa background color

This paragraph has a background color of #522faa.

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

#522faa border color

This element has a border color of #522faa.

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

CSS codes

.text {color:#522faa;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#080510
```
#080510 rgb(8,5,16)
```
#0f0920
```
#0f0920 rgb(15,9,32)
```
#170d2f
```
#170d2f rgb(23,13,47)
```
#1e113e
```
#1e113e rgb(30,17,62)
```
#26164e
```
#26164e rgb(38,22,78)
```
#2d1a5d
```
#2d1a5d rgb(45,26,93)
```
#341e6d
```
#341e6d rgb(52,30,109)
```
#3c227c
```
#3c227c rgb(60,34,124)
```
#43278b
```
#43278b rgb(67,39,139)
```
#4b2b9b
```
#4b2b9b rgb(75,43,155)
```
#522faa
```
#522faa rgb(82,47,170)
```
#5933b9
```
#5933b9 rgb(89,51,185)
```

Shade Color Variation

#6138c8
```
#6138c8 rgb(97,56,200)
```
#6d48cc
```
#6d48cc rgb(109,72,204)
```
#7a57d1
```
#7a57d1 rgb(122,87,209)
```
#8666d5
```
#8666d5 rgb(134,102,213)
```
#9276d9
```
#9276d9 rgb(146,118,217)
```
#9e85dd
```
#9e85dd rgb(158,133,221)
```
#aa94e2
```
#aa94e2 rgb(170,148,226)
```
#b7a4e6
```
#b7a4e6 rgb(183,164,230)
```
#c3b3ea
```
#c3b3ea rgb(195,179,234)
```
#cfc2ee
```
#cfc2ee rgb(207,194,238)
```
#dbd2f3
```
#dbd2f3 rgb(219,210,243)
```
#e7e1f7
```
#e7e1f7 rgb(231,225,247)
```
#f4f1fb
```
#f4f1fb rgb(244,241,251)
```

Tint Color Variation

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

#6b6970
```
#6b6970 rgb(107,105,112)
```
#686178
```
#686178 rgb(104,97,120)
```
#645980
```
#645980 rgb(100,89,128)
```
#605089
```
#605089 rgb(96,80,137)
```
#5d4891
```
#5d4891 rgb(93,72,145)
```
#594099
```
#594099 rgb(89,64,153)
```
#5637a2
```
#5637a2 rgb(86,55,162)
```
#522faa
```
#522faa rgb(82,47,170)
```
#4e27b2
```
#4e27b2 rgb(78,39,178)
```
#4b1ebb
```
#4b1ebb rgb(75,30,187)
```
#4716c3
```
#4716c3 rgb(71,22,195)
```
#440ecb
```
#440ecb rgb(68,14,203)
```
#4005d4
```
#4005d4 rgb(64,5,212)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#49425b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005489 Deuteranopia 1% of men
#3a575d Tritanopia 0.001% of the population

Trichromacy

#1d44a1 Protanomaly 1% of men, 0.01% of women
#1d4795 Deuteranomaly 6% of men, 0.4% of women
#434879 Tritanomaly 0.01% of the population

#522faa hex color

#522faa Color Information

#522faa Color Conversion

Color Schemes with #522faa

Alternatives to #522faa

#522faa Preview

Shades and Tints of #522faa

Tones of #522faa

Color Blindness Simulator