#5228b8 hex color

In a RGB color space, hex #5228b8 is composed of 32.2% red, 15.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 78.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 257.5 degrees, a saturation of 64.3% and a lightness of 43.9%. #5228b8 color hex could be obtained by blending #a450ff with #000071. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 32
- G 16
- B 72
RGB color chart
- C 55
- M 78
- Y 0
- K 28
CMYK color chart

● #5228b8 color description : Strong violet.

The hexadecimal color #5228b8 has RGB values of R:82, G:40, B:184 and CMYK values of C:0.55, M:0.78, Y:0, K:0.28. Its decimal value is 5384376.

Hex triplet	5228b8	`#5228b8`
RGB Decimal	82, 40, 184	`rgb(82,40,184)`
RGB Percent	32.2, 15.7, 72.2	`rgb(32.2%,15.7%,72.2%)`
CMYK	55, 78, 0, 28
HSL	257.5°, 64.3, 43.9	`hsl(257.5,64.3%,43.9%)`
HSV (or HSB)	257.5°, 78.3, 72.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.282, 53.077, -68.521
XYZ	12.889, 6.772, 45.973
xyY	0.196, 0.103, 6.772
CIE-LCH	31.282, 86.674, 307.762
CIE-LUV	31.282, 2.615, -92.253
Hunter-Lab	26.023, 42.869, -86.528
Binary	01010010, 00101000, 10111000

#5228b8
```
#5228b8 rgb(82,40,184)
```
#8eb828
```
#8eb828 rgb(142,184,40)
```

Complementary Color

#2846b8
```
#2846b8 rgb(40,70,184)
```
#5228b8
```
#5228b8 rgb(82,40,184)
```
#9a28b8
```
#9a28b8 rgb(154,40,184)
```

Analogous Color

#46b828
```
#46b828 rgb(70,184,40)
```
#5228b8
```
#5228b8 rgb(82,40,184)
```
#b89a28
```
#b89a28 rgb(184,154,40)
```

Split Complementary Color

#28b852
```
#28b852 rgb(40,184,82)
```
#5228b8
```
#5228b8 rgb(82,40,184)
```
#b85228
```
#b85228 rgb(184,82,40)
```

Triadic Color

#288eb8
```
#288eb8 rgb(40,142,184)
```
#5228b8
```
#5228b8 rgb(82,40,184)
```
#b85228
```
#b85228 rgb(184,82,40)
```
#8eb828
```
#8eb828 rgb(142,184,40)
```

Tetradic Color

#361a79
```
#361a79 rgb(54,26,121)
```
#3f1f8e
```
#3f1f8e rgb(63,31,142)
```
#4923a3
```
#4923a3 rgb(73,35,163)
```
#5228b8
```
#5228b8 rgb(82,40,184)
```
#5b2dcd
```
#5b2dcd rgb(91,45,205)
```
#6a3ed5
```
#6a3ed5 rgb(106,62,213)
```
#7a53da
```
#7a53da rgb(122,83,218)
```

Monochromatic Color

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

#2e28b8
```
#2e28b8 rgb(46,40,184)
```
#3a28b8
```
#3a28b8 rgb(58,40,184)
```
#4628b8
```
#4628b8 rgb(70,40,184)
```
#5228b8
```
#5228b8 rgb(82,40,184)
```
#5e28b8
```
#5e28b8 rgb(94,40,184)
```
#6a28b8
```
#6a28b8 rgb(106,40,184)
```
#7628b8
```
#7628b8 rgb(118,40,184)
```

Similar Colors

Text with hexadecimal color #5228b8

This text has a font color of #5228b8.

<span style="color:#5228b8;">Text here</span>

#5228b8 background color

This paragraph has a background color of #5228b8.

<p style="background-color:#5228b8;">Content here</p>

#5228b8 border color

This element has a border color of #5228b8.

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

CSS codes

.text {color:#5228b8;}

.background {background-color:#5228b8;}

.border {border:1px solid #5228b8;}

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

#030107
```
#030107 rgb(3,1,7)
```
#0a0517
```
#0a0517 rgb(10,5,23)
```
#110827
```
#110827 rgb(17,8,39)
```
#190c37
```
#190c37 rgb(25,12,55)
```
#200f47
```
#200f47 rgb(32,15,71)
```
#271357
```
#271357 rgb(39,19,87)
```
#2e1667
```
#2e1667 rgb(46,22,103)
```
#351a78
```
#351a78 rgb(53,26,120)
```
#3c1d88
```
#3c1d88 rgb(60,29,136)
```
#442198
```
#442198 rgb(68,33,152)
```
#4b24a8
```
#4b24a8 rgb(75,36,168)
```
#5228b8
```
#5228b8 rgb(82,40,184)
```
#592cc8
```
#592cc8 rgb(89,44,200)
```

Shade Color Variation

#6334d3
```
#6334d3 rgb(99,52,211)
```
#6f44d6
```
#6f44d6 rgb(111,68,214)
```
#7b55da
```
#7b55da rgb(123,85,218)
```
#8865dd
```
#8865dd rgb(136,101,221)
```
#9475e1
```
#9475e1 rgb(148,117,225)
```
#a185e4
```
#a185e4 rgb(161,133,228)
```
#ad95e8
```
#ad95e8 rgb(173,149,232)
```
#baa5eb
```
#baa5eb rgb(186,165,235)
```
#c6b5ef
```
#c6b5ef rgb(198,181,239)
```
#d2c5f2
```
#d2c5f2 rgb(210,197,242)
```
#dfd5f6
```
#dfd5f6 rgb(223,213,246)
```
#ebe6f9
```
#ebe6f9 rgb(235,230,249)
```
#f8f6fd
```
#f8f6fd rgb(248,246,253)
```

Tint Color Variation

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

#6f6d73
```
#6f6d73 rgb(111,109,115)
```
#6b647c
```
#6b647c rgb(107,100,124)
```
#685c84
```
#685c84 rgb(104,92,132)
```
#64538d
```
#64538d rgb(100,83,141)
```
#604a96
```
#604a96 rgb(96,74,150)
```
#5d429e
```
#5d429e rgb(93,66,158)
```
#5939a7
```
#5939a7 rgb(89,57,167)
```
#5631af
```
#5631af rgb(86,49,175)
```
#5228b8
```
#5228b8 rgb(82,40,184)
```
#4e1fc1
```
#4e1fc1 rgb(78,31,193)
```
#4b17c9
```
#4b17c9 rgb(75,23,201)
```
#470ed2
```
#470ed2 rgb(71,14,210)
```
#4406da
```
#4406da rgb(68,6,218)
```

Tone Color Variation

Below, you can see how #5228b8 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

#454545 Achromatopsia 0.005% of the population
#483f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005588 Deuteranopia 1% of men
#2e595f Tritanopia 0.001% of the population

Trichromacy

#1d41a6 Protanomaly 1% of men, 0.01% of women
#1d4499 Deuteranomaly 6% of men, 0.4% of women
#3b477f Tritanomaly 0.01% of the population

#5228b8 hex color

#5228b8 Color Information

#5228b8 Color Conversion

Color Schemes with #5228b8

Alternatives to #5228b8

#5228b8 Preview

Shades and Tints of #5228b8

Tones of #5228b8

Color Blindness Simulator