#522fa3 hex color

In a RGB color space, hex #522fa3 is composed of 32.2% red, 18.4% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 71.2% magenta, 0% yellow and 36.1% black. It has a hue angle of 258.1 degrees, a saturation of 55.2% and a lightness of 41.2%. #522fa3 color hex could be obtained by blending #a45eff with #000047. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 32
- G 18
- B 64
RGB color chart
- C 50
- M 71
- Y 0
- K 36
CMYK color chart

● #522fa3 color description : Dark violet.

The hexadecimal color #522fa3 has RGB values of R:82, G:47, B:163 and CMYK values of C:0.5, M:0.71, Y:0, K:0.36. Its decimal value is 5386147.

Hex triplet	522fa3	`#522fa3`
RGB Decimal	82, 47, 163	`rgb(82,47,163)`
RGB Percent	32.2, 18.4, 63.9	`rgb(32.2%,18.4%,63.9%)`
CMYK	50, 71, 0, 36
HSL	258.1°, 55.2, 41.2	`hsl(258.1,55.2%,41.2%)`
HSV (or HSB)	258.1°, 71.2, 63.9
Web Safe	663399	`#663399`

CIE-LAB	30.571, 43.704, -57.115
XYZ	11.106, 6.471, 35.312
xyY	0.21, 0.122, 6.471
CIE-LCH	30.571, 71.918, 307.423
CIE-LUV	30.571, 3.832, -78.025
Hunter-Lab	25.438, 33.413, -64.497
Binary	01010010, 00101111, 10100011

#522fa3
```
#522fa3 rgb(82,47,163)
```
#80a32f
```
#80a32f rgb(128,163,47)
```

Complementary Color

#2f46a3
```
#2f46a3 rgb(47,70,163)
```
#522fa3
```
#522fa3 rgb(82,47,163)
```
#8c2fa3
```
#8c2fa3 rgb(140,47,163)
```

Analogous Color

#46a32f
```
#46a32f rgb(70,163,47)
```
#522fa3
```
#522fa3 rgb(82,47,163)
```
#a38c2f
```
#a38c2f rgb(163,140,47)
```

Split Complementary Color

#2fa352
```
#2fa352 rgb(47,163,82)
```
#522fa3
```
#522fa3 rgb(82,47,163)
```
#a3522f
```
#a3522f rgb(163,82,47)
```

Triadic Color

#2f80a3
```
#2f80a3 rgb(47,128,163)
```
#522fa3
```
#522fa3 rgb(82,47,163)
```
#a3522f
```
#a3522f rgb(163,82,47)
```
#80a32f
```
#80a32f rgb(128,163,47)
```

Tetradic Color

#341e68
```
#341e68 rgb(52,30,104)
```
#3e247b
```
#3e247b rgb(62,36,123)
```
#48298f
```
#48298f rgb(72,41,143)
```
#522fa3
```
#522fa3 rgb(82,47,163)
```
#5c35b7
```
#5c35b7 rgb(92,53,183)
```
#673ec7
```
#673ec7 rgb(103,62,199)
```
#7752cd
```
#7752cd rgb(119,82,205)
```

Monochromatic Color

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

#352fa3
```
#352fa3 rgb(53,47,163)
```
#3f2fa3
```
#3f2fa3 rgb(63,47,163)
```
#482fa3
```
#482fa3 rgb(72,47,163)
```
#522fa3
```
#522fa3 rgb(82,47,163)
```
#5c2fa3
```
#5c2fa3 rgb(92,47,163)
```
#652fa3
```
#652fa3 rgb(101,47,163)
```
#6f2fa3
```
#6f2fa3 rgb(111,47,163)
```

Similar Colors

Text with hexadecimal color #522fa3

This text has a font color of #522fa3.

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

#522fa3 background color

This paragraph has a background color of #522fa3.

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

#522fa3 border color

This element has a border color of #522fa3.

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

CSS codes

.text {color:#522fa3;}

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

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

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

#05030b
```
#05030b rgb(5,3,11)
```
#0d071a
```
#0d071a rgb(13,7,26)
```
#150c29
```
#150c29 rgb(21,12,41)
```
#1c1038
```
#1c1038 rgb(28,16,56)
```
#241548
```
#241548 rgb(36,21,72)
```
#2c1957
```
#2c1957 rgb(44,25,87)
```
#331d66
```
#331d66 rgb(51,29,102)
```
#3b2275
```
#3b2275 rgb(59,34,117)
```
#432685
```
#432685 rgb(67,38,133)
```
#4a2b94
```
#4a2b94 rgb(74,43,148)
```
#522fa3
```
#522fa3 rgb(82,47,163)
```
#5a33b2
```
#5a33b2 rgb(90,51,178)
```
#6138c1
```
#6138c1 rgb(97,56,193)
```

Shade Color Variation

#6c44c9
```
#6c44c9 rgb(108,68,201)
```
#7853cd
```
#7853cd rgb(120,83,205)
```
#8462d2
```
#8462d2 rgb(132,98,210)
```
#9071d6
```
#9071d6 rgb(144,113,214)
```
#9c81db
```
#9c81db rgb(156,129,219)
```
#a890df
```
#a890df rgb(168,144,223)
```
#b49fe3
```
#b49fe3 rgb(180,159,227)
```
#c0aee8
```
#c0aee8 rgb(192,174,232)
```
#ccbeec
```
#ccbeec rgb(204,190,236)
```
#d8cdf1
```
#d8cdf1 rgb(216,205,241)
```
#e4dcf5
```
#e4dcf5 rgb(228,220,245)
```
#f0ebf9
```
#f0ebf9 rgb(240,235,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#68686a
```
#68686a rgb(104,104,106)
```
#655f73
```
#655f73 rgb(101,95,115)
```
#62577b
```
#62577b rgb(98,87,123)
```
#5f4f83
```
#5f4f83 rgb(95,79,131)
```
#5c478b
```
#5c478b rgb(92,71,139)
```
#583f93
```
#583f93 rgb(88,63,147)
```
#55379b
```
#55379b rgb(85,55,155)
```
#522fa3
```
#522fa3 rgb(82,47,163)
```
#4f27ab
```
#4f27ab rgb(79,39,171)
```
#4c1fb3
```
#4c1fb3 rgb(76,31,179)
```
#4817bb
```
#4817bb rgb(72,23,187)
```
#450fc3
```
#450fc3 rgb(69,15,195)
```
#4207cb
```
#4207cb rgb(66,7,203)
```

Tone Color Variation

Below, you can see how #522fa3 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
#494259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005387 Deuteranopia 1% of men
#3e545b Tritanopia 0.001% of the population

Trichromacy

#1d439d Protanomaly 1% of men, 0.01% of women
#1d4691 Deuteranomaly 6% of men, 0.4% of women
#454775 Tritanomaly 0.01% of the population

#522fa3 hex color

#522fa3 Color Information

#522fa3 Color Conversion

Color Schemes with #522fa3

Alternatives to #522fa3

#522fa3 Preview

Shades and Tints of #522fa3

Tones of #522fa3

Color Blindness Simulator