#5228f8 hex color

In a RGB color space, hex #5228f8 is composed of 32.2% red, 15.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 83.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 252.1 degrees, a saturation of 93.7% and a lightness of 56.5%. #5228f8 color hex could be obtained by blending #a450ff with #0000f1. 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

● #5228f8 color description : Bright blue.

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

Hex triplet	5228f8	`#5228f8`
RGB Decimal	82, 40, 248	`rgb(82,40,248)`
RGB Percent	32.2, 15.7, 97.3	`rgb(32.2%,15.7%,97.3%)`
CMYK	67, 84, 0, 3
HSL	252.1°, 93.7, 56.5	`hsl(252.1,93.7%,56.5%)`
HSV (or HSB)	252.1°, 83.9, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.999, 70.369, -94.339
XYZ	21.179, 10.088, 89.633
xyY	0.175, 0.083, 10.088
CIE-LCH	37.999, 117.693, 306.72
CIE-LUV	37.999, -2.922, -129.746
Hunter-Lab	31.761, 63.442, -145.088
Binary	01010010, 00101000, 11111000

#5228f8
```
#5228f8 rgb(82,40,248)
```
#cef828
```
#cef828 rgb(206,248,40)
```

Complementary Color

#2866f8
```
#2866f8 rgb(40,102,248)
```
#5228f8
```
#5228f8 rgb(82,40,248)
```
#ba28f8
```
#ba28f8 rgb(186,40,248)
```

Analogous Color

#66f828
```
#66f828 rgb(102,248,40)
```
#5228f8
```
#5228f8 rgb(82,40,248)
```
#f8ba28
```
#f8ba28 rgb(248,186,40)
```

Split Complementary Color

#28f852
```
#28f852 rgb(40,248,82)
```
#5228f8
```
#5228f8 rgb(82,40,248)
```
#f85228
```
#f85228 rgb(248,82,40)
```

Triadic Color

#28cef8
```
#28cef8 rgb(40,206,248)
```
#5228f8
```
#5228f8 rgb(82,40,248)
```
#f85228
```
#f85228 rgb(248,82,40)
```
#cef828
```
#cef828 rgb(206,248,40)
```

Tetradic Color

#2f07cd
```
#2f07cd rgb(47,7,205)
```
#3407e6
```
#3407e6 rgb(52,7,230)
```
#3e0ff7
```
#3e0ff7 rgb(62,15,247)
```
#5228f8
```
#5228f8 rgb(82,40,248)
```
#6641f9
```
#6641f9 rgb(102,65,249)
```
#7a59fa
```
#7a59fa rgb(122,89,250)
```
#8e72fa
```
#8e72fa rgb(142,114,250)
```

Monochromatic Color

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

#2832f8
```
#2832f8 rgb(40,50,248)
```
#2f28f8
```
#2f28f8 rgb(47,40,248)
```
#4128f8
```
#4128f8 rgb(65,40,248)
```
#5228f8
```
#5228f8 rgb(82,40,248)
```
#6328f8
```
#6328f8 rgb(99,40,248)
```
#7528f8
```
#7528f8 rgb(117,40,248)
```
#8628f8
```
#8628f8 rgb(134,40,248)
```

Similar Colors

Text with hexadecimal color #5228f8

This text has a font color of #5228f8.

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

#5228f8 background color

This paragraph has a background color of #5228f8.

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

#5228f8 border color

This element has a border color of #5228f8.

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

CSS codes

.text {color:#5228f8;}

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

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

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

#03000d
```
#03000d rgb(3,0,13)
```
#070120
```
#070120 rgb(7,1,32)
```
#0c0233
```
#0c0233 rgb(12,2,51)
```
#100246
```
#100246 rgb(16,2,70)
```
#140359
```
#140359 rgb(20,3,89)
```
#19046c
```
#19046c rgb(25,4,108)
```
#1d047f
```
#1d047f rgb(29,4,127)
```
#210592
```
#210592 rgb(33,5,146)
```
#2605a5
```
#2605a5 rgb(38,5,165)
```
#2a06b8
```
#2a06b8 rgb(42,6,184)
```
#2e07cb
```
#2e07cb rgb(46,7,203)
```
#3307de
```
#3307de rgb(51,7,222)
```
#3708f1
```
#3708f1 rgb(55,8,241)
```

Shade Color Variation

#4315f7
```
#4315f7 rgb(67,21,247)
```
#5228f8
```
#5228f8 rgb(82,40,248)
```
#613bf9
```
#613bf9 rgb(97,59,249)
```
#714ef9
```
#714ef9 rgb(113,78,249)
```
#8061fa
```
#8061fa rgb(128,97,250)
```
#8f74fa
```
#8f74fa rgb(143,116,250)
```
#9e87fb
```
#9e87fb rgb(158,135,251)
```
#ae9afc
```
#ae9afc rgb(174,154,252)
```
#bdadfc
```
#bdadfc rgb(189,173,252)
```
#ccc0fd
```
#ccc0fd rgb(204,192,253)
```
#dcd3fe
```
#dcd3fe rgb(220,211,254)
```
#ebe6fe
```
#ebe6fe rgb(235,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#8f8e92
```
#8f8e92 rgb(143,142,146)
```
#8a869a
```
#8a869a rgb(138,134,154)
```
#857da3
```
#857da3 rgb(133,125,163)
```
#8075ab
```
#8075ab rgb(128,117,171)
```
#7b6cb4
```
#7b6cb4 rgb(123,108,180)
```
#7664bc
```
#7664bc rgb(118,100,188)
```
#715bc5
```
#715bc5 rgb(113,91,197)
```
#6b53cd
```
#6b53cd rgb(107,83,205)
```
#664ad6
```
#664ad6 rgb(102,74,214)
```
#6142de
```
#6142de rgb(97,66,222)
```
#5c39e7
```
#5c39e7 rgb(92,57,231)
```
#5731ef
```
#5731ef rgb(87,49,239)
```
#5228f8
```
#5228f8 rgb(82,40,248)
```

Tone Color Variation

Below, you can see how #5228f8 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
#0064a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

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

#5228f8 hex color

#5228f8 Color Information

#5228f8 Color Conversion

Color Schemes with #5228f8

Alternatives to #5228f8

#5228f8 Preview

Shades and Tints of #5228f8

Tones of #5228f8

Color Blindness Simulator