#5222c4 hex color

In a RGB color space, hex #5222c4 is composed of 32.2% red, 13.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 82.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 257.8 degrees, a saturation of 70.4% and a lightness of 45.1%. #5222c4 color hex could be obtained by blending #a444ff with #000089. Closest websafe color is: #6633cc.

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

● #5222c4 color description : Strong violet.

The hexadecimal color #5222c4 has RGB values of R:82, G:34, B:196 and CMYK values of C:0.58, M:0.83, Y:0, K:0.23. Its decimal value is 5382852.

Hex triplet	5222c4	`#5222c4`
RGB Decimal	82, 34, 196	`rgb(82,34,196)`
RGB Percent	32.2, 13.3, 76.9	`rgb(32.2%,13.3%,76.9%)`
CMYK	58, 83, 0, 23
HSL	257.8°, 70.4, 45.1	`hsl(257.8,70.4%,45.1%)`
HSV (or HSB)	257.8°, 82.7, 76.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.631, 58.838, -75.025
XYZ	14.014, 6.923, 52.819
xyY	0.19, 0.094, 6.923
CIE-LCH	31.631, 95.345, 308.105
CIE-LUV	31.631, 2.066, -99.859
Hunter-Lab	26.312, 49.024, -100.604
Binary	01010010, 00100010, 11000100

#5222c4
```
#5222c4 rgb(82,34,196)
```
#94c422
```
#94c422 rgb(148,196,34)
```

Complementary Color

#2243c4
```
#2243c4 rgb(34,67,196)
```
#5222c4
```
#5222c4 rgb(82,34,196)
```
#a322c4
```
#a322c4 rgb(163,34,196)
```

Analogous Color

#43c422
```
#43c422 rgb(67,196,34)
```
#5222c4
```
#5222c4 rgb(82,34,196)
```
#c4a322
```
#c4a322 rgb(196,163,34)
```

Split Complementary Color

#22c452
```
#22c452 rgb(34,196,82)
```
#5222c4
```
#5222c4 rgb(82,34,196)
```
#c45222
```
#c45222 rgb(196,82,34)
```

Triadic Color

#2294c4
```
#2294c4 rgb(34,148,196)
```
#5222c4
```
#5222c4 rgb(82,34,196)
```
#c45222
```
#c45222 rgb(196,82,34)
```
#94c422
```
#94c422 rgb(148,196,34)
```

Tetradic Color

#371783
```
#371783 rgb(55,23,131)
```
#401a99
```
#401a99 rgb(64,26,153)
```
#491eae
```
#491eae rgb(73,30,174)
```
#5222c4
```
#5222c4 rgb(82,34,196)
```
#5b26d9
```
#5b26d9 rgb(91,38,217)
```
#6c3cdd
```
#6c3cdd rgb(108,60,221)
```
#7c52e1
```
#7c52e1 rgb(124,82,225)
```

Monochromatic Color

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

#2922c4
```
#2922c4 rgb(41,34,196)
```
#3722c4
```
#3722c4 rgb(55,34,196)
```
#4522c4
```
#4522c4 rgb(69,34,196)
```
#5222c4
```
#5222c4 rgb(82,34,196)
```
#6022c4
```
#6022c4 rgb(96,34,196)
```
#6d22c4
```
#6d22c4 rgb(109,34,196)
```
#7b22c4
```
#7b22c4 rgb(123,34,196)
```

Similar Colors

Text with hexadecimal color #5222c4

This text has a font color of #5222c4.

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

#5222c4 background color

This paragraph has a background color of #5222c4.

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

#5222c4 border color

This element has a border color of #5222c4.

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

CSS codes

.text {color:#5222c4;}

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

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

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

#05020c
```
#05020c rgb(5,2,12)
```
#0c051d
```
#0c051d rgb(12,5,29)
```
#13082e
```
#13082e rgb(19,8,46)
```
#1a0b3e
```
#1a0b3e rgb(26,11,62)
```
#210e4f
```
#210e4f rgb(33,14,79)
```
#281160
```
#281160 rgb(40,17,96)
```
#2f1470
```
#2f1470 rgb(47,20,112)
```
#361681
```
#361681 rgb(54,22,129)
```
#3d1992
```
#3d1992 rgb(61,25,146)
```
#441ca3
```
#441ca3 rgb(68,28,163)
```
#4b1fb3
```
#4b1fb3 rgb(75,31,179)
```
#5222c4
```
#5222c4 rgb(82,34,196)
```
#5925d5
```
#5925d5 rgb(89,37,213)
```

Shade Color Variation

#6432db
```
#6432db rgb(100,50,219)
```
#7143de
```
#7143de rgb(113,67,222)
```
#7d53e1
```
#7d53e1 rgb(125,83,225)
```
#8a64e4
```
#8a64e4 rgb(138,100,228)
```
#9775e7
```
#9775e7 rgb(151,117,231)
```
#a385ea
```
#a385ea rgb(163,133,234)
```
#b096ed
```
#b096ed rgb(176,150,237)
```
#bca7f0
```
#bca7f0 rgb(188,167,240)
```
#c9b8f3
```
#c9b8f3 rgb(201,184,243)
```
#d6c8f6
```
#d6c8f6 rgb(214,200,246)
```
#e2d9f8
```
#e2d9f8 rgb(226,217,248)
```
#efeafb
```
#efeafb rgb(239,234,251)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#727274
```
#727274 rgb(114,114,116)
```
#6f697d
```
#6f697d rgb(111,105,125)
```
#6b6086
```
#6b6086 rgb(107,96,134)
```
#68578f
```
#68578f rgb(104,87,143)
```
#644e98
```
#644e98 rgb(100,78,152)
```
#6045a1
```
#6045a1 rgb(96,69,161)
```
#5d3da9
```
#5d3da9 rgb(93,61,169)
```
#5934b2
```
#5934b2 rgb(89,52,178)
```
#562bbb
```
#562bbb rgb(86,43,187)
```
#5222c4
```
#5222c4 rgb(82,34,196)
```
#4e19cd
```
#4e19cd rgb(78,25,205)
```
#4b10d6
```
#4b10d6 rgb(75,16,214)
```
#4707df
```
#4707df rgb(71,7,223)
```

Tone Color Variation

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

#00519e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#1c5b62 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
#2f4685 Tritanomaly 0.01% of the population

#5222c4 hex color

#5222c4 Color Information

#5222c4 Color Conversion

Color Schemes with #5222c4

Alternatives to #5222c4

#5222c4 Preview

Shades and Tints of #5222c4

Tones of #5222c4

Color Blindness Simulator