#5228ec hex color

In a RGB color space, hex #5228ec is composed of 32.2% red, 15.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 83.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 252.9 degrees, a saturation of 83.8% and a lightness of 54.1%. #5228ec color hex could be obtained by blending #a450ff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 16
- B 93
RGB color chart
- C 65
- M 83
- Y 0
- K 7
CMYK color chart

● #5228ec color description : Bright blue.

The hexadecimal color #5228ec has RGB values of R:82, G:40, B:236 and CMYK values of C:0.65, M:0.83, Y:0, K:0.07. Its decimal value is 5384428.

Hex triplet	5228ec	`#5228ec`
RGB Decimal	82, 40, 236	`rgb(82,40,236)`
RGB Percent	32.2, 15.7, 92.5	`rgb(32.2%,15.7%,92.5%)`
CMYK	65, 83, 0, 7
HSL	252.9°, 83.8, 54.1	`hsl(252.9,83.8%,54.1%)`
HSV (or HSB)	252.9°, 83.1, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.681, 67.196, -89.746
XYZ	19.376, 9.367, 80.139
xyY	0.178, 0.086, 9.367
CIE-LCH	36.681, 112.114, 306.823
CIE-LUV	36.681, -2.014, -122.904
Hunter-Lab	30.605, 59.448, -133.827
Binary	01010010, 00101000, 11101100

#5228ec
```
#5228ec rgb(82,40,236)
```
#c2ec28
```
#c2ec28 rgb(194,236,40)
```

Complementary Color

#2860ec
```
#2860ec rgb(40,96,236)
```
#5228ec
```
#5228ec rgb(82,40,236)
```
#b428ec
```
#b428ec rgb(180,40,236)
```

Analogous Color

#60ec28
```
#60ec28 rgb(96,236,40)
```
#5228ec
```
#5228ec rgb(82,40,236)
```
#ecb428
```
#ecb428 rgb(236,180,40)
```

Split Complementary Color

#28ec52
```
#28ec52 rgb(40,236,82)
```
#5228ec
```
#5228ec rgb(82,40,236)
```
#ec5228
```
#ec5228 rgb(236,82,40)
```

Triadic Color

#28c2ec
```
#28c2ec rgb(40,194,236)
```
#5228ec
```
#5228ec rgb(82,40,236)
```
#ec5228
```
#ec5228 rgb(236,82,40)
```
#c2ec28
```
#c2ec28 rgb(194,236,40)
```

Tetradic Color

#3410b7
```
#3410b7 rgb(52,16,183)
```
#3b12cf
```
#3b12cf rgb(59,18,207)
```
#4114e6
```
#4114e6 rgb(65,20,230)
```
#5228ec
```
#5228ec rgb(82,40,236)
```
#653fee
```
#653fee rgb(101,63,238)
```
#7857f0
```
#7857f0 rgb(120,87,240)
```
#8b6ef2
```
#8b6ef2 rgb(139,110,242)
```

Monochromatic Color

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

#282fec
```
#282fec rgb(40,47,236)
```
#3128ec
```
#3128ec rgb(49,40,236)
```
#4228ec
```
#4228ec rgb(66,40,236)
```
#5228ec
```
#5228ec rgb(82,40,236)
```
#6228ec
```
#6228ec rgb(98,40,236)
```
#7328ec
```
#7328ec rgb(115,40,236)
```
#8328ec
```
#8328ec rgb(131,40,236)
```

Similar Colors

Text with hexadecimal color #5228ec

This text has a font color of #5228ec.

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

#5228ec background color

This paragraph has a background color of #5228ec.

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

#5228ec border color

This element has a border color of #5228ec.

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

CSS codes

.text {color:#5228ec;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050213
```
#050213 rgb(5,2,19)
```
#0b0325
```
#0b0325 rgb(11,3,37)
```
#100537
```
#100537 rgb(16,5,55)
```
#150649
```
#150649 rgb(21,6,73)
```
#1a085b
```
#1a085b rgb(26,8,91)
```
#1f0a6d
```
#1f0a6d rgb(31,10,109)
```
#240b7f
```
#240b7f rgb(36,11,127)
```
#290d91
```
#290d91 rgb(41,13,145)
```
#2e0ea3
```
#2e0ea3 rgb(46,14,163)
```
#3310b5
```
#3310b5 rgb(51,16,181)
```
#3912c8
```
#3912c8 rgb(57,18,200)
```
#3e13da
```
#3e13da rgb(62,19,218)
```

Shade Color Variation

#4316ea
```
#4316ea rgb(67,22,234)
```
#5228ec
```
#5228ec rgb(82,40,236)
```
#613aee
```
#613aee rgb(97,58,238)
```
#6f4cef
```
#6f4cef rgb(111,76,239)
```
#7e5ef1
```
#7e5ef1 rgb(126,94,241)
```
#8c70f2
```
#8c70f2 rgb(140,112,242)
```
#9b82f4
```
#9b82f4 rgb(155,130,244)
```
#a994f6
```
#a994f6 rgb(169,148,246)
```
#b8a6f7
```
#b8a6f7 rgb(184,166,247)
```
#c6b8f9
```
#c6b8f9 rgb(198,184,249)
```
#d5cafa
```
#d5cafa rgb(213,202,250)
```
#e3dcfc
```
#e3dcfc rgb(227,220,252)
```
#f2eefe
```
#f2eefe rgb(242,238,254)
```

Tint Color Variation

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

#858292
```
#858292 rgb(133,130,146)
```
#80799b
```
#80799b rgb(128,121,155)
```
#7b70a4
```
#7b70a4 rgb(123,112,164)
```
#7667ad
```
#7667ad rgb(118,103,173)
```
#715eb6
```
#715eb6 rgb(113,94,182)
```
#6c55bf
```
#6c55bf rgb(108,85,191)
```
#674cc8
```
#674cc8 rgb(103,76,200)
```
#6143d1
```
#6143d1 rgb(97,67,209)
```
#5c3ada
```
#5c3ada rgb(92,58,218)
```
#5731e3
```
#5731e3 rgb(87,49,227)
```
#5228ec
```
#5228ec rgb(82,40,236)
```
#4d1ff5
```
#4d1ff5 rgb(77,31,245)
```
#4816fe
```
#4816fe rgb(72,22,254)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4c446b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1d49c7 Protanomaly 1% of men, 0.01% of women
#1d4cb8 Deuteranomaly 6% of men, 0.4% of women
#1d519c Tritanomaly 0.01% of the population

#5228ec hex color

#5228ec Color Information

#5228ec Color Conversion

Color Schemes with #5228ec

Alternatives to #5228ec

#5228ec Preview

Shades and Tints of #5228ec

Tones of #5228ec

Color Blindness Simulator