#522bc4 hex color

In a RGB color space, hex #522bc4 is composed of 32.2% red, 16.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 78.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 255.3 degrees, a saturation of 64% and a lightness of 46.9%. #522bc4 color hex could be obtained by blending #a456ff with #000089. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 17
- B 77
RGB color chart
- C 58
- M 78
- Y 0
- K 23
CMYK color chart

● #522bc4 color description : Strong violet.

The hexadecimal color #522bc4 has RGB values of R:82, G:43, B:196 and CMYK values of C:0.58, M:0.78, Y:0, K:0.23. Its decimal value is 5385156.

Hex triplet	522bc4	`#522bc4`
RGB Decimal	82, 43, 196	`rgb(82,43,196)`
RGB Percent	32.2, 16.9, 76.9	`rgb(32.2%,16.9%,76.9%)`
CMYK	58, 78, 0, 23
HSL	255.3°, 64, 46.9	`hsl(255.3,64%,46.9%)`
HSV (or HSB)	255.3°, 78.1, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	32.934, 55.045, -72.876
XYZ	14.306, 7.507, 52.917
xyY	0.191, 0.1, 7.507
CIE-LCH	32.934, 91.328, 307.065
CIE-LUV	32.934, 1.061, -99.254
Hunter-Lab	27.398, 45.253, -95.333
Binary	01010010, 00101011, 11000100

#522bc4
```
#522bc4 rgb(82,43,196)
```
#9dc42b
```
#9dc42b rgb(157,196,43)
```

Complementary Color

#2b51c4
```
#2b51c4 rgb(43,81,196)
```
#522bc4
```
#522bc4 rgb(82,43,196)
```
#9f2bc4
```
#9f2bc4 rgb(159,43,196)
```

Analogous Color

#50c42b
```
#50c42b rgb(80,196,43)
```
#522bc4
```
#522bc4 rgb(82,43,196)
```
#c49f2b
```
#c49f2b rgb(196,159,43)
```

Split Complementary Color

#2bc452
```
#2bc452 rgb(43,196,82)
```
#522bc4
```
#522bc4 rgb(82,43,196)
```
#c4522b
```
#c4522b rgb(196,82,43)
```

Triadic Color

#2b9dc4
```
#2b9dc4 rgb(43,157,196)
```
#522bc4
```
#522bc4 rgb(82,43,196)
```
#c4522b
```
#c4522b rgb(196,82,43)
```
#9dc42b
```
#9dc42b rgb(157,196,43)
```

Tetradic Color

#381d85
```
#381d85 rgb(56,29,133)
```
#41229a
```
#41229a rgb(65,34,154)
```
#4926af
```
#4926af rgb(73,38,175)
```
#522bc4
```
#522bc4 rgb(82,43,196)
```
#5e36d3
```
#5e36d3 rgb(94,54,211)
```
#6e4bd7
```
#6e4bd7 rgb(110,75,215)
```
#7f5fdc
```
#7f5fdc rgb(127,95,220)
```

Monochromatic Color

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

#2c2bc4
```
#2c2bc4 rgb(44,43,196)
```
#392bc4
```
#392bc4 rgb(57,43,196)
```
#452bc4
```
#452bc4 rgb(69,43,196)
```
#522bc4
```
#522bc4 rgb(82,43,196)
```
#5f2bc4
```
#5f2bc4 rgb(95,43,196)
```
#6c2bc4
```
#6c2bc4 rgb(108,43,196)
```
#782bc4
```
#782bc4 rgb(120,43,196)
```

Similar Colors

Text with hexadecimal color #522bc4

This text has a font color of #522bc4.

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

#522bc4 background color

This paragraph has a background color of #522bc4.

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

#522bc4 border color

This element has a border color of #522bc4.

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

CSS codes

.text {color:#522bc4;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080413
```
#080413 rgb(8,4,19)
```
#0f0823
```
#0f0823 rgb(15,8,35)
```
#150b33
```
#150b33 rgb(21,11,51)
```
#1c0f43
```
#1c0f43 rgb(28,15,67)
```
#231253
```
#231253 rgb(35,18,83)
```
#2a1663
```
#2a1663 rgb(42,22,99)
```
#301974
```
#301974 rgb(48,25,116)
```
#371d84
```
#371d84 rgb(55,29,132)
```
#3e2094
```
#3e2094 rgb(62,32,148)
```
#4524a4
```
#4524a4 rgb(69,36,164)
```
#4b27b4
```
#4b27b4 rgb(75,39,180)
```
#522bc4
```
#522bc4 rgb(82,43,196)
```

Shade Color Variation

#5a31d2
```
#5a31d2 rgb(90,49,210)
```
#6741d5
```
#6741d5 rgb(103,65,213)
```
#7451d9
```
#7451d9 rgb(116,81,217)
```
#8161dc
```
#8161dc rgb(129,97,220)
```
#8d71e0
```
#8d71e0 rgb(141,113,224)
```
#9a81e3
```
#9a81e3 rgb(154,129,227)
```
#a791e7
```
#a791e7 rgb(167,145,231)
```
#b4a1ea
```
#b4a1ea rgb(180,161,234)
```
#c1b2ee
```
#c1b2ee rgb(193,178,238)
```
#cec2f2
```
#cec2f2 rgb(206,194,242)
```
#dbd2f5
```
#dbd2f5 rgb(219,210,245)
```
#e8e2f9
```
#e8e2f9 rgb(232,226,249)
```
#f4f2fc
```
#f4f2fc rgb(244,242,252)
```

Tint Color Variation

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

#76757a
```
#76757a rgb(118,117,122)
```
#726b84
```
#726b84 rgb(114,107,132)
```
#6d628d
```
#6d628d rgb(109,98,141)
```
#695996
```
#695996 rgb(105,89,150)
```
#64509f
```
#64509f rgb(100,80,159)
```
#6047a8
```
#6047a8 rgb(96,71,168)
```
#5b3db2
```
#5b3db2 rgb(91,61,178)
```
#5734bb
```
#5734bb rgb(87,52,187)
```
#522bc4
```
#522bc4 rgb(82,43,196)
```
#4d22cd
```
#4d22cd rgb(77,34,205)
```
#4919d6
```
#4919d6 rgb(73,25,214)
```
#440fe0
```
#440fe0 rgb(68,15,224)
```
#4006e9
```
#4006e9 rgb(64,6,233)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4a4261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598e Deuteranopia 1% of men
#1f5e65 Tritanopia 0.001% of the population

Trichromacy

#1d45af Protanomaly 1% of men, 0.01% of women
#1d48a1 Deuteranomaly 6% of men, 0.4% of women
#314b87 Tritanomaly 0.01% of the population

#522bc4 hex color

#522bc4 Color Information

#522bc4 Color Conversion

Color Schemes with #522bc4

Alternatives to #522bc4

#522bc4 Preview

Shades and Tints of #522bc4

Tones of #522bc4

Color Blindness Simulator