#5228f9 hex color

In a RGB color space, hex #5228f9 is composed of 32.2% red, 15.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 83.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 252.1 degrees, a saturation of 94.6% and a lightness of 56.7%. #5228f9 color hex could be obtained by blending #a450ff with #0000f3. Closest websafe color is: #6633ff.

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

● #5228f9 color description : Bright blue.

The hexadecimal color #5228f9 has RGB values of R:82, G:40, B:249 and CMYK values of C:0.67, M:0.84, Y:0, K:0.02. Its decimal value is 5384441.

Hex triplet	5228f9	`#5228f9`
RGB Decimal	82, 40, 249	`rgb(82,40,249)`
RGB Percent	32.2, 15.7, 97.6	`rgb(32.2%,15.7%,97.6%)`
CMYK	67, 84, 0, 2
HSL	252.1°, 94.6, 56.7	`hsl(252.1,94.6%,56.7%)`
HSV (or HSB)	252.1°, 83.9, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.11, 70.632, -94.717
XYZ	21.334, 10.15, 90.452
xyY	0.175, 0.083, 10.15
CIE-LCH	38.11, 118.153, 306.712
CIE-LUV	38.11, -2.996, -130.313
Hunter-Lab	31.859, 63.777, -146.031
Binary	01010010, 00101000, 11111001

#5228f9
```
#5228f9 rgb(82,40,249)
```
#cff928
```
#cff928 rgb(207,249,40)
```

Complementary Color

#2867f9
```
#2867f9 rgb(40,103,249)
```
#5228f9
```
#5228f9 rgb(82,40,249)
```
#bb28f9
```
#bb28f9 rgb(187,40,249)
```

Analogous Color

#67f928
```
#67f928 rgb(103,249,40)
```
#5228f9
```
#5228f9 rgb(82,40,249)
```
#f9bb28
```
#f9bb28 rgb(249,187,40)
```

Split Complementary Color

#28f952
```
#28f952 rgb(40,249,82)
```
#5228f9
```
#5228f9 rgb(82,40,249)
```
#f95228
```
#f95228 rgb(249,82,40)
```

Triadic Color

#28cff9
```
#28cff9 rgb(40,207,249)
```
#5228f9
```
#5228f9 rgb(82,40,249)
```
#f95228
```
#f95228 rgb(249,82,40)
```
#cff928
```
#cff928 rgb(207,249,40)
```

Tetradic Color

#2e06cf
```
#2e06cf rgb(46,6,207)
```
#3406e8
```
#3406e8 rgb(52,6,232)
```
#3e0ff8
```
#3e0ff8 rgb(62,15,248)
```
#5228f9
```
#5228f9 rgb(82,40,249)
```
#6641fa
```
#6641fa rgb(102,65,250)
```
#7a5afa
```
#7a5afa rgb(122,90,250)
```
#8e72fb
```
#8e72fb rgb(142,114,251)
```

Monochromatic Color

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

#2832f9
```
#2832f9 rgb(40,50,249)
```
#2f28f9
```
#2f28f9 rgb(47,40,249)
```
#4128f9
```
#4128f9 rgb(65,40,249)
```
#5228f9
```
#5228f9 rgb(82,40,249)
```
#6328f9
```
#6328f9 rgb(99,40,249)
```
#7528f9
```
#7528f9 rgb(117,40,249)
```
#8628f9
```
#8628f9 rgb(134,40,249)
```

Similar Colors

Text with hexadecimal color #5228f9

This text has a font color of #5228f9.

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

#5228f9 background color

This paragraph has a background color of #5228f9.

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

#5228f9 border color

This element has a border color of #5228f9.

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

CSS codes

.text {color:#5228f9;}

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

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

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

#03000e
```
#03000e rgb(3,0,14)
```
#070121
```
#070121 rgb(7,1,33)
```
#0c0134
```
#0c0134 rgb(12,1,52)
```
#100247
```
#100247 rgb(16,2,71)
```
#14035a
```
#14035a rgb(20,3,90)
```
#18036d
```
#18036d rgb(24,3,109)
```
#1d0480
```
#1d0480 rgb(29,4,128)
```
#210494
```
#210494 rgb(33,4,148)
```
#2505a7
```
#2505a7 rgb(37,5,167)
```
#2905ba
```
#2905ba rgb(41,5,186)
```
#2e06cd
```
#2e06cd rgb(46,6,205)
```
#3206e0
```
#3206e0 rgb(50,6,224)
```
#3607f3
```
#3607f3 rgb(54,7,243)
```

Shade Color Variation

#4315f8
```
#4315f8 rgb(67,21,248)
```
#5228f9
```
#5228f9 rgb(82,40,249)
```
#613bfa
```
#613bfa rgb(97,59,250)
```
#714efa
```
#714efa rgb(113,78,250)
```
#8061fb
```
#8061fb rgb(128,97,251)
```
#8f74fb
```
#8f74fb rgb(143,116,251)
```
#9f87fc
```
#9f87fc rgb(159,135,252)
```
#ae9afc
```
#ae9afc rgb(174,154,252)
```
#bdaefd
```
#bdaefd rgb(189,174,253)
```
#cdc1fd
```
#cdc1fd rgb(205,193,253)
```
#dcd4fe
```
#dcd4fe rgb(220,212,254)
```
#ece7fe
```
#ece7fe rgb(236,231,254)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#8f8e93
```
#8f8e93 rgb(143,142,147)
```
#8a869c
```
#8a869c rgb(138,134,156)
```
#857da4
```
#857da4 rgb(133,125,164)
```
#8075ad
```
#8075ad rgb(128,117,173)
```
#7b6cb5
```
#7b6cb5 rgb(123,108,181)
```
#7664be
```
#7664be rgb(118,100,190)
```
#715bc6
```
#715bc6 rgb(113,91,198)
```
#6b53cf
```
#6b53cf rgb(107,83,207)
```
#664ad7
```
#664ad7 rgb(102,74,215)
```
#6142e0
```
#6142e0 rgb(97,66,224)
```
#5c39e8
```
#5c39e8 rgb(92,57,232)
```
#5731f1
```
#5731f1 rgb(87,49,241)
```
#5228f9
```
#5228f9 rgb(82,40,249)
```

Tone Color Variation

Below, you can see how #5228f9 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
#4d456f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

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

#5228f9 hex color

#5228f9 Color Information

#5228f9 Color Conversion

Color Schemes with #5228f9

Alternatives to #5228f9

#5228f9 Preview

Shades and Tints of #5228f9

Tones of #5228f9

Color Blindness Simulator