#5a48fe hex color

In a RGB color space, hex #5a48fe is composed of 35.3% red, 28.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 71.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 245.9 degrees, a saturation of 98.9% and a lightness of 63.9%. #5a48fe color hex could be obtained by blending #b490ff with #0000fd. Closest websafe color is: #6633ff.

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

● #5a48fe color description : Bright blue.

The hexadecimal color #5a48fe has RGB values of R:90, G:72, B:254 and CMYK values of C:0.65, M:0.72, Y:0, K:0. Its decimal value is 5916926.

Hex triplet	5a48fe	`#5a48fe`
RGB Decimal	90, 72, 254	`rgb(90,72,254)`
RGB Percent	35.3, 28.2, 99.6	`rgb(35.3%,28.2%,99.6%)`
CMYK	65, 72, 0, 0
HSL	245.9°, 98.9, 63.9	`hsl(245.9,98.9%,63.9%)`
HSV (or HSB)	245.9°, 71.7, 99.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.18, 58.465, -87.465
XYZ	24.42, 13.963, 95.169
xyY	0.183, 0.105, 13.963
CIE-LCH	44.18, 105.206, 303.76
CIE-LUV	44.18, -5.61, -130.016
Hunter-Lab	37.367, 51.259, -124.846
Binary	01011010, 01001000, 11111110

#5a48fe
```
#5a48fe rgb(90,72,254)
```
#ecfe48
```
#ecfe48 rgb(236,254,72)
```

Complementary Color

#4891fe
```
#4891fe rgb(72,145,254)
```
#5a48fe
```
#5a48fe rgb(90,72,254)
```
#b548fe
```
#b548fe rgb(181,72,254)
```

Analogous Color

#91fe48
```
#91fe48 rgb(145,254,72)
```
#5a48fe
```
#5a48fe rgb(90,72,254)
```
#feb548
```
#feb548 rgb(254,181,72)
```

Split Complementary Color

#48fe5a
```
#48fe5a rgb(72,254,90)
```
#5a48fe
```
#5a48fe rgb(90,72,254)
```
#fe5a48
```
#fe5a48 rgb(254,90,72)
```

Triadic Color

#48ecfe
```
#48ecfe rgb(72,236,254)
```
#5a48fe
```
#5a48fe rgb(90,72,254)
```
#fe5a48
```
#fe5a48 rgb(254,90,72)
```
#ecfe48
```
#ecfe48 rgb(236,254,72)
```

Tetradic Color

#1a01f8
```
#1a01f8 rgb(26,1,248)
```
#2c15fe
```
#2c15fe rgb(44,21,254)
```
#432ffe
```
#432ffe rgb(67,47,254)
```
#5a48fe
```
#5a48fe rgb(90,72,254)
```
#7161fe
```
#7161fe rgb(113,97,254)
```
#887bfe
```
#887bfe rgb(136,123,254)
```
#9f94fe
```
#9f94fe rgb(159,148,254)
```

Monochromatic Color

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

#4864fe
```
#4864fe rgb(72,100,254)
```
#4854fe
```
#4854fe rgb(72,84,254)
```
#4b48fe
```
#4b48fe rgb(75,72,254)
```
#5a48fe
```
#5a48fe rgb(90,72,254)
```
#6948fe
```
#6948fe rgb(105,72,254)
```
#7848fe
```
#7848fe rgb(120,72,254)
```
#8848fe
```
#8848fe rgb(136,72,254)
```

Similar Colors

Text with hexadecimal color #5a48fe

This text has a font color of #5a48fe.

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

#5a48fe background color

This paragraph has a background color of #5a48fe.

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

#5a48fe border color

This element has a border color of #5a48fe.

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

CSS codes

.text {color:#5a48fe;}

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

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

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

#01000c
```
#01000c rgb(1,0,12)
```
#030020
```
#030020 rgb(3,0,32)
```
#050033
```
#050033 rgb(5,0,51)
```
#070047
```
#070047 rgb(7,0,71)
```
#09005a
```
#09005a rgb(9,0,90)
```
#0b016e
```
#0b016e rgb(11,1,110)
```
#0d0181
```
#0d0181 rgb(13,1,129)
```
#0f0195
```
#0f0195 rgb(15,1,149)
```
#1101a8
```
#1101a8 rgb(17,1,168)
```
#1301bc
```
#1301bc rgb(19,1,188)
```
#1601cf
```
#1601cf rgb(22,1,207)
```
#1801e3
```
#1801e3 rgb(24,1,227)
```
#1a01f6
```
#1a01f6 rgb(26,1,246)
```

Shade Color Variation

#250dfe
```
#250dfe rgb(37,13,254)
```
#3721fe
```
#3721fe rgb(55,33,254)
```
#4834fe
```
#4834fe rgb(72,52,254)
```
#5a48fe
```
#5a48fe rgb(90,72,254)
```
#6c5cfe
```
#6c5cfe rgb(108,92,254)
```
#7d6ffe
```
#7d6ffe rgb(125,111,254)
```
#8f83fe
```
#8f83fe rgb(143,131,254)
```
#a096fe
```
#a096fe rgb(160,150,254)
```
#b2aaff
```
#b2aaff rgb(178,170,255)
```
#c4bdff
```
#c4bdff rgb(196,189,255)
```
#d5d1ff
```
#d5d1ff rgb(213,209,255)
```
#e7e4ff
```
#e7e4ff rgb(231,228,255)
```
#f8f8ff
```
#f8f8ff rgb(248,248,255)
```

Tint Color Variation

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

#9e9da9
```
#9e9da9 rgb(158,157,169)
```
#9896b0
```
#9896b0 rgb(152,150,176)
```
#938fb7
```
#938fb7 rgb(147,143,183)
```
#8d88be
```
#8d88be rgb(141,136,190)
```
#8781c5
```
#8781c5 rgb(135,129,197)
```
#827acc
```
#827acc rgb(130,122,204)
```
#7c72d4
```
#7c72d4 rgb(124,114,212)
```
#766bdb
```
#766bdb rgb(118,107,219)
```
#7164e2
```
#7164e2 rgb(113,100,226)
```
#6b5de9
```
#6b5de9 rgb(107,93,233)
```
#6556f0
```
#6556f0 rgb(101,86,240)
```
#604ff7
```
#604ff7 rgb(96,79,247)
```
#5a48fe
```
#5a48fe rgb(90,72,254)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#605d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#205fe3 Protanomaly 1% of men, 0.01% of women
#2063d1 Deuteranomaly 6% of men, 0.4% of women
#2068af Tritanomaly 0.01% of the population

#5a48fe hex color

#5a48fe Color Information

#5a48fe Color Conversion

Color Schemes with #5a48fe

Alternatives to #5a48fe

#5a48fe Preview

Shades and Tints of #5a48fe

Tones of #5a48fe

Color Blindness Simulator