#5222c3 hex color

In a RGB color space, hex #5222c3 is composed of 32.2% red, 13.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 82.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 257.9 degrees, a saturation of 70.3% and a lightness of 44.9%. #5222c3 color hex could be obtained by blending #a444ff with #000087. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 13
- B 76
RGB color chart
- C 58
- M 83
- Y 0
- K 24
CMYK color chart

● #5222c3 color description : Strong violet.

The hexadecimal color #5222c3 has RGB values of R:82, G:34, B:195 and CMYK values of C:0.58, M:0.83, Y:0, K:0.24. Its decimal value is 5382851.

Hex triplet	5222c3	`#5222c3`
RGB Decimal	82, 34, 195	`rgb(82,34,195)`
RGB Percent	32.2, 13.3, 76.5	`rgb(32.2%,13.3%,76.5%)`
CMYK	58, 83, 0, 24
HSL	257.9°, 70.3, 44.9	`hsl(257.9,70.3%,44.9%)`
HSV (or HSB)	257.9°, 82.6, 76.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.527, 58.573, -74.61
XYZ	13.9, 6.878, 52.222
xyY	0.19, 0.094, 6.878
CIE-LCH	31.527, 94.855, 308.134
CIE-LUV	31.527, 2.165, -99.267
Hunter-Lab	26.225, 48.717, -99.705
Binary	01010010, 00100010, 11000011

#5222c3
```
#5222c3 rgb(82,34,195)
```
#93c322
```
#93c322 rgb(147,195,34)
```

Complementary Color

#2243c3
```
#2243c3 rgb(34,67,195)
```
#5222c3
```
#5222c3 rgb(82,34,195)
```
#a322c3
```
#a322c3 rgb(163,34,195)
```

Analogous Color

#43c322
```
#43c322 rgb(67,195,34)
```
#5222c3
```
#5222c3 rgb(82,34,195)
```
#c3a322
```
#c3a322 rgb(195,163,34)
```

Split Complementary Color

#22c352
```
#22c352 rgb(34,195,82)
```
#5222c3
```
#5222c3 rgb(82,34,195)
```
#c35222
```
#c35222 rgb(195,82,34)
```

Triadic Color

#2293c3
```
#2293c3 rgb(34,147,195)
```
#5222c3
```
#5222c3 rgb(82,34,195)
```
#c35222
```
#c35222 rgb(195,82,34)
```
#93c322
```
#93c322 rgb(147,195,34)
```

Tetradic Color

#371782
```
#371782 rgb(55,23,130)
```
#401a98
```
#401a98 rgb(64,26,152)
```
#491ead
```
#491ead rgb(73,30,173)
```
#5222c3
```
#5222c3 rgb(82,34,195)
```
#5b26d9
```
#5b26d9 rgb(91,38,217)
```
#6b3bdd
```
#6b3bdd rgb(107,59,221)
```
#7c51e1
```
#7c51e1 rgb(124,81,225)
```

Monochromatic Color

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

#2a22c3
```
#2a22c3 rgb(42,34,195)
```
#3722c3
```
#3722c3 rgb(55,34,195)
```
#4522c3
```
#4522c3 rgb(69,34,195)
```
#5222c3
```
#5222c3 rgb(82,34,195)
```
#5f22c3
```
#5f22c3 rgb(95,34,195)
```
#6d22c3
```
#6d22c3 rgb(109,34,195)
```
#7a22c3
```
#7a22c3 rgb(122,34,195)
```

Similar Colors

Text with hexadecimal color #5222c3

This text has a font color of #5222c3.

<span style="color:#5222c3;">Text here</span>

#5222c3 background color

This paragraph has a background color of #5222c3.

<p style="background-color:#5222c3;">Content here</p>

#5222c3 border color

This element has a border color of #5222c3.

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

CSS codes

.text {color:#5222c3;}

.background {background-color:#5222c3;}

.border {border:1px solid #5222c3;}

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

#05020b
```
#05020b rgb(5,2,11)
```
#0c051c
```
#0c051c rgb(12,5,28)
```
#13082d
```
#13082d rgb(19,8,45)
```
#1a0b3d
```
#1a0b3d rgb(26,11,61)
```
#210e4e
```
#210e4e rgb(33,14,78)
```
#28115f
```
#28115f rgb(40,17,95)
```
#2f136f
```
#2f136f rgb(47,19,111)
```
#361680
```
#361680 rgb(54,22,128)
```
#3d1991
```
#3d1991 rgb(61,25,145)
```
#441ca2
```
#441ca2 rgb(68,28,162)
```
#4b1fb2
```
#4b1fb2 rgb(75,31,178)
```
#5222c3
```
#5222c3 rgb(82,34,195)
```
#5925d4
```
#5925d4 rgb(89,37,212)
```

Shade Color Variation

#6431db
```
#6431db rgb(100,49,219)
```
#7042de
```
#7042de rgb(112,66,222)
```
#7d53e1
```
#7d53e1 rgb(125,83,225)
```
#8a63e4
```
#8a63e4 rgb(138,99,228)
```
#9674e7
```
#9674e7 rgb(150,116,231)
```
#a385ea
```
#a385ea rgb(163,133,234)
```
#af95ed
```
#af95ed rgb(175,149,237)
```
#bca6ef
```
#bca6ef rgb(188,166,239)
```
#c9b7f2
```
#c9b7f2 rgb(201,183,242)
```
#d5c7f5
```
#d5c7f5 rgb(213,199,245)
```
#e2d8f8
```
#e2d8f8 rgb(226,216,248)
```
#eee9fb
```
#eee9fb rgb(238,233,251)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#727174
```
#727174 rgb(114,113,116)
```
#6e687d
```
#6e687d rgb(110,104,125)
```
#6b6085
```
#6b6085 rgb(107,96,133)
```
#67578e
```
#67578e rgb(103,87,142)
```
#644e97
```
#644e97 rgb(100,78,151)
```
#6045a0
```
#6045a0 rgb(96,69,160)
```
#5d3ca9
```
#5d3ca9 rgb(93,60,169)
```
#5934b1
```
#5934b1 rgb(89,52,177)
```
#562bba
```
#562bba rgb(86,43,186)
```
#5222c3
```
#5222c3 rgb(82,34,195)
```
#4e19cc
```
#4e19cc rgb(78,25,204)
```
#4b10d5
```
#4b10d5 rgb(75,16,213)
```
#4708dd
```
#4708dd rgb(71,8,221)
```

Tone Color Variation

Below, you can see how #5222c3 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

#434343 Achromatopsia 0.005% of the population
#463c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519d Protanopia 1% of men
#005589 Deuteranopia 1% of men
#1e5a61 Tritanopia 0.001% of the population

Trichromacy

#1d40ab Protanomaly 1% of men, 0.01% of women
#1d439e Deuteranomaly 6% of men, 0.4% of women
#314685 Tritanomaly 0.01% of the population

#5222c3 hex color

#5222c3 Color Information

#5222c3 Color Conversion

Color Schemes with #5222c3

Alternatives to #5222c3

#5222c3 Preview

Shades and Tints of #5222c3

Tones of #5222c3

Color Blindness Simulator