#5a28f4 hex color

In a RGB color space, hex #5a28f4 is composed of 35.3% red, 15.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 83.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 254.7 degrees, a saturation of 90.3% and a lightness of 55.7%. #5a28f4 color hex could be obtained by blending #b450ff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 16
- B 96
RGB color chart
- C 63
- M 84
- Y 0
- K 4
CMYK color chart

● #5a28f4 color description : Bright blue.

The hexadecimal color #5a28f4 has RGB values of R:90, G:40, B:244 and CMYK values of C:0.63, M:0.84, Y:0, K:0.04. Its decimal value is 5908724.

Hex triplet	5a28f4	`#5a28f4`
RGB Decimal	90, 40, 244	`rgb(90,40,244)`
RGB Percent	35.3, 15.7, 95.7	`rgb(35.3%,15.7%,95.7%)`
CMYK	63, 84, 0, 4
HSL	254.7°, 90.3, 55.7	`hsl(254.7,90.3%,55.7%)`
HSV (or HSB)	254.7°, 83.6, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.238, 69.925, -91.67
XYZ	21.301, 10.222, 86.434
xyY	0.181, 0.087, 10.222
CIE-LCH	38.238, 115.295, 307.336
CIE-LUV	38.238, -0.738, -127.418
Hunter-Lab	31.972, 62.975, -137.905
Binary	01011010, 00101000, 11110100

#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#c2f428
```
#c2f428 rgb(194,244,40)
```

Complementary Color

#285cf4
```
#285cf4 rgb(40,92,244)
```
#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#c028f4
```
#c028f4 rgb(192,40,244)
```

Analogous Color

#5cf428
```
#5cf428 rgb(92,244,40)
```
#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#f4c028
```
#f4c028 rgb(244,192,40)
```

Split Complementary Color

#28f45a
```
#28f45a rgb(40,244,90)
```
#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#f45a28
```
#f45a28 rgb(244,90,40)
```

Triadic Color

#28c2f4
```
#28c2f4 rgb(40,194,244)
```
#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#f45a28
```
#f45a28 rgb(244,90,40)
```
#c2f428
```
#c2f428 rgb(194,244,40)
```

Tetradic Color

#380ac5
```
#380ac5 rgb(56,10,197)
```
#3f0bde
```
#3f0bde rgb(63,11,222)
```
#4710f3
```
#4710f3 rgb(71,16,243)
```
#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#6d40f5
```
#6d40f5 rgb(109,64,245)
```
#7f59f6
```
#7f59f6 rgb(127,89,246)
```
#9271f8
```
#9271f8 rgb(146,113,248)
```

Monochromatic Color

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

#2829f4
```
#2829f4 rgb(40,41,244)
```
#3828f4
```
#3828f4 rgb(56,40,244)
```
#4928f4
```
#4928f4 rgb(73,40,244)
```
#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#6b28f4
```
#6b28f4 rgb(107,40,244)
```
#7c28f4
```
#7c28f4 rgb(124,40,244)
```
#8d28f4
```
#8d28f4 rgb(141,40,244)
```

Similar Colors

Text with hexadecimal color #5a28f4

This text has a font color of #5a28f4.

<span style="color:#5a28f4;">Text here</span>

#5a28f4 background color

This paragraph has a background color of #5a28f4.

<p style="background-color:#5a28f4;">Content here</p>

#5a28f4 border color

This element has a border color of #5a28f4.

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

CSS codes

.text {color:#5a28f4;}

.background {background-color:#5a28f4;}

.border {border:1px solid #5a28f4;}

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

#030009
```
#030009 rgb(3,0,9)
```
#08011c
```
#08011c rgb(8,1,28)
```
#0d022e
```
#0d022e rgb(13,2,46)
```
#120341
```
#120341 rgb(18,3,65)
```
#180454
```
#180454 rgb(24,4,84)
```
#1d0566
```
#1d0566 rgb(29,5,102)
```
#220679
```
#220679 rgb(34,6,121)
```
#28078c
```
#28078c rgb(40,7,140)
```
#2d089e
```
#2d089e rgb(45,8,158)
```
#3209b1
```
#3209b1 rgb(50,9,177)
```
#370ac4
```
#370ac4 rgb(55,10,196)
```
#3d0bd6
```
#3d0bd6 rgb(61,11,214)
```
#420ce9
```
#420ce9 rgb(66,12,233)
```

Shade Color Variation

#4c15f3
```
#4c15f3 rgb(76,21,243)
```
#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#683bf5
```
#683bf5 rgb(104,59,245)
```
#774df6
```
#774df6 rgb(119,77,246)
```
#8560f7
```
#8560f7 rgb(133,96,247)
```
#9373f8
```
#9373f8 rgb(147,115,248)
```
#a285f9
```
#a285f9 rgb(162,133,249)
```
#b098fa
```
#b098fa rgb(176,152,250)
```
#beabfb
```
#beabfb rgb(190,171,251)
```
#cdbdfc
```
#cdbdfc rgb(205,189,252)
```
#dbd0fd
```
#dbd0fd rgb(219,208,253)
```
#e9e3fe
```
#e9e3fe rgb(233,227,254)
```
#f8f5ff
```
#f8f5ff rgb(248,245,255)
```

Tint Color Variation

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

#8b8894
```
#8b8894 rgb(139,136,148)
```
#867f9d
```
#867f9d rgb(134,127,157)
```
#8276a6
```
#8276a6 rgb(130,118,166)
```
#7d6eae
```
#7d6eae rgb(125,110,174)
```
#7965b7
```
#7965b7 rgb(121,101,183)
```
#755cc0
```
#755cc0 rgb(117,92,192)
```
#7053c9
```
#7053c9 rgb(112,83,201)
```
#6c4bd1
```
#6c4bd1 rgb(108,75,209)
```
#6742da
```
#6742da rgb(103,66,218)
```
#6339e3
```
#6339e3 rgb(99,57,227)
```
#5e31eb
```
#5e31eb rgb(94,49,235)
```
#5a28f4
```
#5a28f4 rgb(90,40,244)
```
#561ffd
```
#561ffd rgb(86,31,253)
```

Tone Color Variation

Below, you can see how #5a28f4 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

#4e4e4e Achromatopsia 0.005% of the population
#50466f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#204bcf Protanomaly 1% of men, 0.01% of women
#204fbf Deuteranomaly 6% of men, 0.4% of women
#2053a1 Tritanomaly 0.01% of the population

#5a28f4 hex color

#5a28f4 Color Information

#5a28f4 Color Conversion

Color Schemes with #5a28f4

Alternatives to #5a28f4

#5a28f4 Preview

Shades and Tints of #5a28f4

Tones of #5a28f4

Color Blindness Simulator