#5228f7 hex color

In a RGB color space, hex #5228f7 is composed of 32.2% red, 15.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 83.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 252.2 degrees, a saturation of 92.8% and a lightness of 56.3%. #5228f7 color hex could be obtained by blending #a450ff with #0000ef. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 16
- B 97
RGB color chart
- C 67
- M 84
- Y 0
- K 3
CMYK color chart

● #5228f7 color description : Bright blue.

The hexadecimal color #5228f7 has RGB values of R:82, G:40, B:247 and CMYK values of C:0.67, M:0.84, Y:0, K:0.03. Its decimal value is 5384439.

Hex triplet	5228f7	`#5228f7`
RGB Decimal	82, 40, 247	`rgb(82,40,247)`
RGB Percent	32.2, 15.7, 96.9	`rgb(32.2%,15.7%,96.9%)`
CMYK	67, 84, 0, 3
HSL	252.2°, 92.8, 56.3	`hsl(252.2,92.8%,56.3%)`
HSV (or HSB)	252.2°, 83.8, 96.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.889, 70.106, -93.96
XYZ	21.024, 10.026, 88.818
xyY	0.175, 0.084, 10.026
CIE-LCH	37.889, 117.232, 306.728
CIE-LUV	37.889, -2.848, -129.178
Hunter-Lab	31.664, 63.108, -144.146
Binary	01010010, 00101000, 11110111

#5228f7
```
#5228f7 rgb(82,40,247)
```
#cdf728
```
#cdf728 rgb(205,247,40)
```

Complementary Color

#2866f7
```
#2866f7 rgb(40,102,247)
```
#5228f7
```
#5228f7 rgb(82,40,247)
```
#ba28f7
```
#ba28f7 rgb(186,40,247)
```

Analogous Color

#66f728
```
#66f728 rgb(102,247,40)
```
#5228f7
```
#5228f7 rgb(82,40,247)
```
#f7ba28
```
#f7ba28 rgb(247,186,40)
```

Split Complementary Color

#28f752
```
#28f752 rgb(40,247,82)
```
#5228f7
```
#5228f7 rgb(82,40,247)
```
#f75228
```
#f75228 rgb(247,82,40)
```

Triadic Color

#28cdf7
```
#28cdf7 rgb(40,205,247)
```
#5228f7
```
#5228f7 rgb(82,40,247)
```
#f75228
```
#f75228 rgb(247,82,40)
```
#cdf728
```
#cdf728 rgb(205,247,40)
```

Tetradic Color

#2f08cb
```
#2f08cb rgb(47,8,203)
```
#3508e4
```
#3508e4 rgb(53,8,228)
```
#3e0ff6
```
#3e0ff6 rgb(62,15,246)
```
#5228f7
```
#5228f7 rgb(82,40,247)
```
#6641f8
```
#6641f8 rgb(102,65,248)
```
#7a59f9
```
#7a59f9 rgb(122,89,249)
```
#8d72fa
```
#8d72fa rgb(141,114,250)
```

Monochromatic Color

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

#2832f7
```
#2832f7 rgb(40,50,247)
```
#3028f7
```
#3028f7 rgb(48,40,247)
```
#4128f7
```
#4128f7 rgb(65,40,247)
```
#5228f7
```
#5228f7 rgb(82,40,247)
```
#6328f7
```
#6328f7 rgb(99,40,247)
```
#7528f7
```
#7528f7 rgb(117,40,247)
```
#8628f7
```
#8628f7 rgb(134,40,247)
```

Similar Colors

Text with hexadecimal color #5228f7

This text has a font color of #5228f7.

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

#5228f7 background color

This paragraph has a background color of #5228f7.

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

#5228f7 border color

This element has a border color of #5228f7.

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

CSS codes

.text {color:#5228f7;}

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

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

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

#03000c
```
#03000c rgb(3,0,12)
```
#07011f
```
#07011f rgb(7,1,31)
```
#0c0232
```
#0c0232 rgb(12,2,50)
```
#100345
```
#100345 rgb(16,3,69)
```
#140358
```
#140358 rgb(20,3,88)
```
#19046a
```
#19046a rgb(25,4,106)
```
#1d057d
```
#1d057d rgb(29,5,125)
```
#220590
```
#220590 rgb(34,5,144)
```
#2606a3
```
#2606a3 rgb(38,6,163)
```
#2a07b6
```
#2a07b6 rgb(42,7,182)
```
#2f07c9
```
#2f07c9 rgb(47,7,201)
```
#3308dc
```
#3308dc rgb(51,8,220)
```
#3809ef
```
#3809ef rgb(56,9,239)
```

Shade Color Variation

#4315f6
```
#4315f6 rgb(67,21,246)
```
#5228f7
```
#5228f7 rgb(82,40,247)
```
#613bf8
```
#613bf8 rgb(97,59,248)
```
#704ef8
```
#704ef8 rgb(112,78,248)
```
#8061f9
```
#8061f9 rgb(128,97,249)
```
#8f74fa
```
#8f74fa rgb(143,116,250)
```
#9e87fb
```
#9e87fb rgb(158,135,251)
```
#ad99fb
```
#ad99fb rgb(173,153,251)
```
#bdacfc
```
#bdacfc rgb(189,172,252)
```
#ccbffd
```
#ccbffd rgb(204,191,253)
```
#dbd2fd
```
#dbd2fd rgb(219,210,253)
```
#eae5fe
```
#eae5fe rgb(234,229,254)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f90 is the less saturated color, while #5228f7 is the most saturated one.

#8f8f90
```
#8f8f90 rgb(143,143,144)
```
#8a8699
```
#8a8699 rgb(138,134,153)
```
#857ea1
```
#857ea1 rgb(133,126,161)
```
#8075aa
```
#8075aa rgb(128,117,170)
```
#7b6db2
```
#7b6db2 rgb(123,109,178)
```
#7664bb
```
#7664bb rgb(118,100,187)
```
#715bc4
```
#715bc4 rgb(113,91,196)
```
#6b53cc
```
#6b53cc rgb(107,83,204)
```
#664ad5
```
#664ad5 rgb(102,74,213)
```
#6142dd
```
#6142dd rgb(97,66,221)
```
#5c39e6
```
#5c39e6 rgb(92,57,230)
```
#5731ee
```
#5731ee rgb(87,49,238)
```
#5228f7
```
#5228f7 rgb(82,40,247)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d456e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1d4bcf Protanomaly 1% of men, 0.01% of women
#1d4ebf Deuteranomaly 6% of men, 0.4% of women
#1d52a1 Tritanomaly 0.01% of the population

#5228f7 hex color

#5228f7 Color Information

#5228f7 Color Conversion

Color Schemes with #5228f7

Alternatives to #5228f7

#5228f7 Preview

Shades and Tints of #5228f7

Tones of #5228f7

Color Blindness Simulator