#522db4 hex color

In a RGB color space, hex #522db4 is composed of 32.2% red, 17.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 75% magenta, 0% yellow and 29.4% black. It has a hue angle of 256.4 degrees, a saturation of 60% and a lightness of 44.1%. #522db4 color hex could be obtained by blending #a45aff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 18
- B 71
RGB color chart
- C 54
- M 75
- Y 0
- K 29
CMYK color chart

● #522db4 color description : Strong violet.

The hexadecimal color #522db4 has RGB values of R:82, G:45, B:180 and CMYK values of C:0.54, M:0.75, Y:0, K:0.29. Its decimal value is 5385652.

Hex triplet	522db4	`#522db4`
RGB Decimal	82, 45, 180	`rgb(82,45,180)`
RGB Percent	32.2, 17.6, 70.6	`rgb(32.2%,17.6%,70.6%)`
CMYK	54, 75, 0, 29
HSL	256.4°, 60, 44.1	`hsl(256.4,60%,44.1%)`
HSV (or HSB)	256.4°, 75, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.728, 49.588, -65.411
XYZ	12.655, 6.966, 43.855
xyY	0.199, 0.11, 6.966
CIE-LCH	31.728, 82.083, 307.166
CIE-LUV	31.728, 2.348, -89.204
Hunter-Lab	26.392, 39.401, -80.045
Binary	01010010, 00101101, 10110100

#522db4
```
#522db4 rgb(82,45,180)
```
#8fb42d
```
#8fb42d rgb(143,180,45)
```

Complementary Color

#2d4bb4
```
#2d4bb4 rgb(45,75,180)
```
#522db4
```
#522db4 rgb(82,45,180)
```
#962db4
```
#962db4 rgb(150,45,180)
```

Analogous Color

#4cb42d
```
#4cb42d rgb(76,180,45)
```
#522db4
```
#522db4 rgb(82,45,180)
```
#b4962d
```
#b4962d rgb(180,150,45)
```

Split Complementary Color

#2db452
```
#2db452 rgb(45,180,82)
```
#522db4
```
#522db4 rgb(82,45,180)
```
#b4522d
```
#b4522d rgb(180,82,45)
```

Triadic Color

#2d8fb4
```
#2d8fb4 rgb(45,143,180)
```
#522db4
```
#522db4 rgb(82,45,180)
```
#b4522d
```
#b4522d rgb(180,82,45)
```
#8fb42d
```
#8fb42d rgb(143,180,45)
```

Tetradic Color

#361e77
```
#361e77 rgb(54,30,119)
```
#3f238b
```
#3f238b rgb(63,35,139)
```
#4928a0
```
#4928a0 rgb(73,40,160)
```
#522db4
```
#522db4 rgb(82,45,180)
```
#5b32c8
```
#5b32c8 rgb(91,50,200)
```
#6a44d0
```
#6a44d0 rgb(106,68,208)
```
#7a58d5
```
#7a58d5 rgb(122,88,213)
```

Monochromatic Color

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

#302db4
```
#302db4 rgb(48,45,180)
```
#3c2db4
```
#3c2db4 rgb(60,45,180)
```
#472db4
```
#472db4 rgb(71,45,180)
```
#522db4
```
#522db4 rgb(82,45,180)
```
#5d2db4
```
#5d2db4 rgb(93,45,180)
```
#692db4
```
#692db4 rgb(105,45,180)
```
#742db4
```
#742db4 rgb(116,45,180)
```

Similar Colors

Text with hexadecimal color #522db4

This text has a font color of #522db4.

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

#522db4 background color

This paragraph has a background color of #522db4.

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

#522db4 border color

This element has a border color of #522db4.

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

CSS codes

.text {color:#522db4;}

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

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

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

#030207
```
#030207 rgb(3,2,7)
```
#0b0617
```
#0b0617 rgb(11,6,23)
```
#120a27
```
#120a27 rgb(18,10,39)
```
#190e36
```
#190e36 rgb(25,14,54)
```
#201246
```
#201246 rgb(32,18,70)
```
#271556
```
#271556 rgb(39,21,86)
```
#2e1966
```
#2e1966 rgb(46,25,102)
```
#351d75
```
#351d75 rgb(53,29,117)
```
#3d2185
```
#3d2185 rgb(61,33,133)
```
#442595
```
#442595 rgb(68,37,149)
```
#4b29a4
```
#4b29a4 rgb(75,41,164)
```
#522db4
```
#522db4 rgb(82,45,180)
```
#5931c4
```
#5931c4 rgb(89,49,196)
```

Shade Color Variation

#633ace
```
#633ace rgb(99,58,206)
```
#6f4ad2
```
#6f4ad2 rgb(111,74,210)
```
#7c5ad6
```
#7c5ad6 rgb(124,90,214)
```
#8869da
```
#8869da rgb(136,105,218)
```
#9579de
```
#9579de rgb(149,121,222)
```
#a189e1
```
#a189e1 rgb(161,137,225)
```
#ae99e5
```
#ae99e5 rgb(174,153,229)
```
#baa8e9
```
#baa8e9 rgb(186,168,233)
```
#c7b8ed
```
#c7b8ed rgb(199,184,237)
```
#d3c8f1
```
#d3c8f1 rgb(211,200,241)
```
#dfd7f5
```
#dfd7f5 rgb(223,215,245)
```
#ece7f9
```
#ece7f9 rgb(236,231,249)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

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

#6d6a77
```
#6d6a77 rgb(109,106,119)
```
#696180
```
#696180 rgb(105,97,128)
```
#665889
```
#665889 rgb(102,88,137)
```
#625091
```
#625091 rgb(98,80,145)
```
#5e479a
```
#5e479a rgb(94,71,154)
```
#5a3ea3
```
#5a3ea3 rgb(90,62,163)
```
#5636ab
```
#5636ab rgb(86,54,171)
```
#522db4
```
#522db4 rgb(82,45,180)
```
#4e24bd
```
#4e24bd rgb(78,36,189)
```
#4a1cc5
```
#4a1cc5 rgb(74,28,197)
```
#4613ce
```
#4613ce rgb(70,19,206)
```
#420ad7
```
#420ad7 rgb(66,10,215)
```
#3e02df
```
#3e02df rgb(62,2,223)
```

Tone Color Variation

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

Dichromacy

#00519e Protanopia 1% of men
#00568a Deuteranopia 1% of men
#335960 Tritanopia 0.001% of the population

Trichromacy

#1d44a6 Protanomaly 1% of men, 0.01% of women
#1d4799 Deuteranomaly 6% of men, 0.4% of women
#3e497e Tritanomaly 0.01% of the population

#522db4 hex color

#522db4 Color Information

#522db4 Color Conversion

Color Schemes with #522db4

Alternatives to #522db4

#522db4 Preview

Shades and Tints of #522db4

Tones of #522db4

Color Blindness Simulator