#522a63 hex color

In a RGB color space, hex #522a63 is composed of 32.2% red, 16.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 57.6% magenta, 0% yellow and 61.2% black. It has a hue angle of 282.1 degrees, a saturation of 40.4% and a lightness of 27.6%. #522a63 color hex could be obtained by blending #a454c6 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 32
- G 16
- B 39
RGB color chart
- C 17
- M 58
- Y 0
- K 61
CMYK color chart

● #522a63 color description : Very dark desaturated violet.

The hexadecimal color #522a63 has RGB values of R:82, G:42, B:99 and CMYK values of C:0.17, M:0.58, Y:0, K:0.61. Its decimal value is 5384803.

Hex triplet	522a63	`#522a63`
RGB Decimal	82, 42, 99	`rgb(82,42,99)`
RGB Percent	32.2, 16.5, 38.8	`rgb(32.2%,16.5%,38.8%)`
CMYK	17, 58, 0, 61
HSL	282.1°, 40.4, 27.6	`hsl(282.1,40.4%,27.6%)`
HSV (or HSB)	282.1°, 57.6, 38.8
Web Safe	663366	`#663366`

CIE-LAB	24.799, 29.234, -26.334
XYZ	6.559, 4.351, 12.298
xyY	0.283, 0.187, 4.351
CIE-LCH	24.799, 39.346, 317.988
CIE-LUV	24.799, 14.025, -34.868
Hunter-Lab	20.859, 19.631, -20.356
Binary	01010010, 00101010, 01100011

#522a63
```
#522a63 rgb(82,42,99)
```
#3b632a
```
#3b632a rgb(59,99,42)
```

Complementary Color

#362a63
```
#362a63 rgb(54,42,99)
```
#522a63
```
#522a63 rgb(82,42,99)
```
#632a58
```
#632a58 rgb(99,42,88)
```

Analogous Color

#2a6336
```
#2a6336 rgb(42,99,54)
```
#522a63
```
#522a63 rgb(82,42,99)
```
#58632a
```
#58632a rgb(88,99,42)
```

Split Complementary Color

#2a6352
```
#2a6352 rgb(42,99,82)
```
#522a63
```
#522a63 rgb(82,42,99)
```
#63522a
```
#63522a rgb(99,82,42)
```

Triadic Color

#2a3b63
```
#2a3b63 rgb(42,59,99)
```
#522a63
```
#522a63 rgb(82,42,99)
```
#63522a
```
#63522a rgb(99,82,42)
```
#3b632a
```
#3b632a rgb(59,99,42)
```

Tetradic Color

#26132d
```
#26132d rgb(38,19,45)
```
#341b3f
```
#341b3f rgb(52,27,63)
```
#432251
```
#432251 rgb(67,34,81)
```
#522a63
```
#522a63 rgb(82,42,99)
```
#613275
```
#613275 rgb(97,50,117)
```
#703987
```
#703987 rgb(112,57,135)
```
#7e4199
```
#7e4199 rgb(126,65,153)
```

Monochromatic Color

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

#442a63
```
#442a63 rgb(68,42,99)
```
#492a63
```
#492a63 rgb(73,42,99)
```
#4d2a63
```
#4d2a63 rgb(77,42,99)
```
#522a63
```
#522a63 rgb(82,42,99)
```
#572a63
```
#572a63 rgb(87,42,99)
```
#5c2a63
```
#5c2a63 rgb(92,42,99)
```
#602a63
```
#602a63 rgb(96,42,99)
```

Similar Colors

Text with hexadecimal color #522a63

This text has a font color of #522a63.

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

#522a63 background color

This paragraph has a background color of #522a63.

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

#522a63 border color

This element has a border color of #522a63.

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

CSS codes

.text {color:#522a63;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0e0710
```
#0e0710 rgb(14,7,16)
```
#190d1e
```
#190d1e rgb(25,13,30)
```
#24132c
```
#24132c rgb(36,19,44)
```
#30183a
```
#30183a rgb(48,24,58)
```
#3b1e47
```
#3b1e47 rgb(59,30,71)
```
#472455
```
#472455 rgb(71,36,85)
```
#522a63
```
#522a63 rgb(82,42,99)
```
#5d3071
```
#5d3071 rgb(93,48,113)
```
#69367f
```
#69367f rgb(105,54,127)
```
#743c8c
```
#743c8c rgb(116,60,140)
```
#80419a
```
#80419a rgb(128,65,154)
```
#8b47a8
```
#8b47a8 rgb(139,71,168)
```

Shade Color Variation

#964fb4
```
#964fb4 rgb(150,79,180)
```
#9e5cba
```
#9e5cba rgb(158,92,186)
```
#a66ac0
```
#a66ac0 rgb(166,106,192)
```
#ae78c6
```
#ae78c6 rgb(174,120,198)
```
#b786cc
```
#b786cc rgb(183,134,204)
```
#bf93d1
```
#bf93d1 rgb(191,147,209)
```
#c7a1d7
```
#c7a1d7 rgb(199,161,215)
```
#cfafdd
```
#cfafdd rgb(207,175,221)
```
#d8bde3
```
#d8bde3 rgb(216,189,227)
```
#e0cbe9
```
#e0cbe9 rgb(224,203,233)
```
#e8d8ef
```
#e8d8ef rgb(232,216,239)
```
#f0e6f4
```
#f0e6f4 rgb(240,230,244)
```
#f8f4fa
```
#f8f4fa rgb(248,244,250)
```

Tint Color Variation

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

#474548
```
#474548 rgb(71,69,72)
```
#49404d
```
#49404d rgb(73,64,77)
```
#4b3a53
```
#4b3a53 rgb(75,58,83)
```
#4e3558
```
#4e3558 rgb(78,53,88)
```
#502f5e
```
#502f5e rgb(80,47,94)
```
#522a63
```
#522a63 rgb(82,42,99)
```
#542568
```
#542568 rgb(84,37,104)
```
#561f6e
```
#561f6e rgb(86,31,110)
```
#591a73
```
#591a73 rgb(89,26,115)
```
#5b1479
```
#5b1479 rgb(91,20,121)
```
#5d0f7e
```
#5d0f7e rgb(93,15,126)
```
#5f0984
```
#5f0984 rgb(95,9,132)
```
#610489
```
#610489 rgb(97,4,137)
```

Tone Color Variation

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

Dichromacy

#294376 Protanopia 1% of men
#334465 Deuteranopia 1% of men
#543f44 Tritanopia 0.001% of the population

Trichromacy

#383a6f Protanomaly 1% of men, 0.01% of women
#3e3b64 Deuteranomaly 6% of men, 0.4% of women
#53374f Tritanomaly 0.01% of the population

#522a63 hex color

#522a63 Color Information

#522a63 Color Conversion

Color Schemes with #522a63

Alternatives to #522a63

#522a63 Preview

Shades and Tints of #522a63

Tones of #522a63

Color Blindness Simulator