#5a28ff hex color

In a RGB color space, hex #5a28ff is composed of 35.3% red, 15.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 84.3% magenta, 0% yellow and 0% black. It has a hue angle of 254 degrees, a saturation of 100% and a lightness of 57.8%. #5a28ff color hex could be obtained by blending #b450ff with #0000ff. Closest websafe color is: #6633ff.

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

● #5a28ff color description : Vivid blue.

The hexadecimal color #5a28ff has RGB values of R:90, G:40, B:255 and CMYK values of C:0.65, M:0.84, Y:0, K:0. Its decimal value is 5908735.

Hex triplet	5a28ff	`#5a28ff`
RGB Decimal	90, 40, 255	`rgb(90,40,255)`
RGB Percent	35.3, 15.7, 100	`rgb(35.3%,15.7%,100%)`
CMYK	65, 84, 0, 0
HSL	254°, 100, 57.8	`hsl(254,100%,57.8%)`
HSV (or HSB)	254°, 84.3, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.429, 72.758, -95.875
XYZ	23.022, 10.91, 95.495
xyY	0.178, 0.084, 10.91
CIE-LCH	39.429, 120.357, 307.195
CIE-LUV	39.429, -1.65, -133.686
Hunter-Lab	33.031, 66.608, -148.292
Binary	01011010, 00101000, 11111111

#5a28ff
```
#5a28ff rgb(90,40,255)
```
#cdff28
```
#cdff28 rgb(205,255,40)
```

Complementary Color

#2862ff
```
#2862ff rgb(40,98,255)
```
#5a28ff
```
#5a28ff rgb(90,40,255)
```
#c628ff
```
#c628ff rgb(198,40,255)
```

Analogous Color

#62ff28
```
#62ff28 rgb(98,255,40)
```
#5a28ff
```
#5a28ff rgb(90,40,255)
```
#ffc628
```
#ffc628 rgb(255,198,40)
```

Split Complementary Color

#28ff5a
```
#28ff5a rgb(40,255,90)
```
#5a28ff
```
#5a28ff rgb(90,40,255)
```
#ff5a28
```
#ff5a28 rgb(255,90,40)
```

Triadic Color

#28cdff
```
#28cdff rgb(40,205,255)
```
#5a28ff
```
#5a28ff rgb(90,40,255)
```
#ff5a28
```
#ff5a28 rgb(255,90,40)
```
#cdff28
```
#cdff28 rgb(205,255,40)
```

Tetradic Color

#3300db
```
#3300db rgb(51,0,219)
```
#3900f4
```
#3900f4 rgb(57,0,244)
```
#460fff
```
#460fff rgb(70,15,255)
```
#5a28ff
```
#5a28ff rgb(90,40,255)
```
#6e42ff
```
#6e42ff rgb(110,66,255)
```
#815bff
```
#815bff rgb(129,91,255)
```
#9575ff
```
#9575ff rgb(149,117,255)
```

Monochromatic Color

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

#282cff
```
#282cff rgb(40,44,255)
```
#3628ff
```
#3628ff rgb(54,40,255)
```
#4828ff
```
#4828ff rgb(72,40,255)
```
#5a28ff
```
#5a28ff rgb(90,40,255)
```
#6c28ff
```
#6c28ff rgb(108,40,255)
```
#7e28ff
```
#7e28ff rgb(126,40,255)
```
#9028ff
```
#9028ff rgb(144,40,255)
```

Similar Colors

Text with hexadecimal color #5a28ff

This text has a font color of #5a28ff.

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

#5a28ff background color

This paragraph has a background color of #5a28ff.

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

#5a28ff border color

This element has a border color of #5a28ff.

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

CSS codes

.text {color:#5a28ff;}

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

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

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 #f1ecff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#050014
```
#050014 rgb(5,0,20)
```
#090028
```
#090028 rgb(9,0,40)
```
#0e003c
```
#0e003c rgb(14,0,60)
```
#12004f
```
#12004f rgb(18,0,79)
```
#170063
```
#170063 rgb(23,0,99)
```
#1c0076
```
#1c0076 rgb(28,0,118)
```
#20008a
```
#20008a rgb(32,0,138)
```
#25009e
```
#25009e rgb(37,0,158)
```
#2900b1
```
#2900b1 rgb(41,0,177)
```
#2e00c5
```
#2e00c5 rgb(46,0,197)
```
#3200d9
```
#3200d9 rgb(50,0,217)
```
#3700ec
```
#3700ec rgb(55,0,236)
```

Shade Color Variation

#3c01ff
```
#3c01ff rgb(60,1,255)
```
#4b14ff
```
#4b14ff rgb(75,20,255)
```
#5a28ff
```
#5a28ff rgb(90,40,255)
```
#693cff
```
#693cff rgb(105,60,255)
```
#784fff
```
#784fff rgb(120,79,255)
```
#8763ff
```
#8763ff rgb(135,99,255)
```
#9676ff
```
#9676ff rgb(150,118,255)
```
#a58aff
```
#a58aff rgb(165,138,255)
```
#b49eff
```
#b49eff rgb(180,158,255)
```
#c3b1ff
```
#c3b1ff rgb(195,177,255)
```
#d2c5ff
```
#d2c5ff rgb(210,197,255)
```
#e1d9ff
```
#e1d9ff rgb(225,217,255)
```
#f1ecff
```
#f1ecff rgb(241,236,255)
```

Tint Color Variation

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

#8f8b9c
```
#8f8b9c rgb(143,139,156)
```
#8b83a4
```
#8b83a4 rgb(139,131,164)
```
#867bac
```
#867bac rgb(134,123,172)
```
#8272b5
```
#8272b5 rgb(130,114,181)
```
#7d6abd
```
#7d6abd rgb(125,106,189)
```
#7962c5
```
#7962c5 rgb(121,98,197)
```
#755acd
```
#755acd rgb(117,90,205)
```
#7051d6
```
#7051d6 rgb(112,81,214)
```
#6c49de
```
#6c49de rgb(108,73,222)
```
#6741e6
```
#6741e6 rgb(103,65,230)
```
#6339ee
```
#6339ee rgb(99,57,238)
```
#5e30f7
```
#5e30f7 rgb(94,48,247)
```
#5a28ff
```
#5a28ff rgb(90,40,255)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#514772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#204dd6 Protanomaly 1% of men, 0.01% of women
#2050c6 Deuteranomaly 6% of men, 0.4% of women
#2055a7 Tritanomaly 0.01% of the population

#5a28ff hex color

#5a28ff Color Information

#5a28ff Color Conversion

Color Schemes with #5a28ff

Alternatives to #5a28ff

#5a28ff Preview

Shades and Tints of #5a28ff

Tones of #5a28ff

Color Blindness Simulator