#5a4bff hex color

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

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

● #5a4bff color description : Light blue.

The hexadecimal color #5a4bff has RGB values of R:90, G:75, B:255 and CMYK values of C:0.65, M:0.71, Y:0, K:0. Its decimal value is 5917695.

Hex triplet	5a4bff	`#5a4bff`
RGB Decimal	90, 75, 255	`rgb(90,75,255)`
RGB Percent	35.3, 29.4, 100	`rgb(35.3%,29.4%,100%)`
CMYK	65, 71, 0, 0
HSL	245°, 100, 64.7	`hsl(245,100%,64.7%)`
HSV (or HSB)	245°, 70.6, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.836, 57.189, -86.943
XYZ	24.779, 14.425, 96.081
xyY	0.183, 0.107, 14.425
CIE-LCH	44.836, 104.066, 303.336
CIE-LUV	44.836, -6.186, -130.042
Hunter-Lab	37.98, 49.993, -123.405
Binary	01011010, 01001011, 11111111

#5a4bff
```
#5a4bff rgb(90,75,255)
```
#f0ff4b
```
#f0ff4b rgb(240,255,75)
```

Complementary Color

#4b96ff
```
#4b96ff rgb(75,150,255)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```
#b44bff
```
#b44bff rgb(180,75,255)
```

Analogous Color

#96ff4b
```
#96ff4b rgb(150,255,75)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```
#ffb44b
```
#ffb44b rgb(255,180,75)
```

Split Complementary Color

#4bff5a
```
#4bff5a rgb(75,255,90)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```
#ff5a4b
```
#ff5a4b rgb(255,90,75)
```

Triadic Color

#4bf0ff
```
#4bf0ff rgb(75,240,255)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```
#ff5a4b
```
#ff5a4b rgb(255,90,75)
```
#f0ff4b
```
#f0ff4b rgb(240,255,75)
```

Tetradic Color

#1500fe
```
#1500fe rgb(21,0,254)
```
#2b18ff
```
#2b18ff rgb(43,24,255)
```
#4332ff
```
#4332ff rgb(67,50,255)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```
#7165ff
```
#7165ff rgb(113,101,255)
```
#897eff
```
#897eff rgb(137,126,255)
```
#a098ff
```
#a098ff rgb(160,152,255)
```

Monochromatic Color

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

#4b69ff
```
#4b69ff rgb(75,105,255)
```
#4b5aff
```
#4b5aff rgb(75,90,255)
```
#4b4bff
```
#4b4bff rgb(75,75,255)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```
#694bff
```
#694bff rgb(105,75,255)
```
#784bff
```
#784bff rgb(120,75,255)
```
#874bff
```
#874bff rgb(135,75,255)
```

Similar Colors

Text with hexadecimal color #5a4bff

This text has a font color of #5a4bff.

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

#5a4bff background color

This paragraph has a background color of #5a4bff.

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

#5a4bff border color

This element has a border color of #5a4bff.

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

CSS codes

.text {color:#5a4bff;}

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

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

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

#010010
```
#010010 rgb(1,0,16)
```
#030024
```
#030024 rgb(3,0,36)
```
#050037
```
#050037 rgb(5,0,55)
```
#06004b
```
#06004b rgb(6,0,75)
```
#08005f
```
#08005f rgb(8,0,95)
```
#0a0072
```
#0a0072 rgb(10,0,114)
```
#0b0086
```
#0b0086 rgb(11,0,134)
```
#0d0099
```
#0d0099 rgb(13,0,153)
```
#0e00ad
```
#0e00ad rgb(14,0,173)
```
#1000c1
```
#1000c1 rgb(16,0,193)
```
#1200d4
```
#1200d4 rgb(18,0,212)
```
#1300e8
```
#1300e8 rgb(19,0,232)
```
#1500fc
```
#1500fc rgb(21,0,252)
```

Shade Color Variation

#2410ff
```
#2410ff rgb(36,16,255)
```
#3624ff
```
#3624ff rgb(54,36,255)
```
#4837ff
```
#4837ff rgb(72,55,255)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```
#6c5fff
```
#6c5fff rgb(108,95,255)
```
#7e72ff
```
#7e72ff rgb(126,114,255)
```
#9086ff
```
#9086ff rgb(144,134,255)
```
#a299ff
```
#a299ff rgb(162,153,255)
```
#b4adff
```
#b4adff rgb(180,173,255)
```
#c6c1ff
```
#c6c1ff rgb(198,193,255)
```
#d8d4ff
```
#d8d4ff rgb(216,212,255)
```
#eae8ff
```
#eae8ff rgb(234,232,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#9f9eac
```
#9f9eac rgb(159,158,172)
```
#9997b3
```
#9997b3 rgb(153,151,179)
```
#9490ba
```
#9490ba rgb(148,144,186)
```
#8e89c1
```
#8e89c1 rgb(142,137,193)
```
#8882c8
```
#8882c8 rgb(136,130,200)
```
#827bcf
```
#827bcf rgb(130,123,207)
```
#7d75d5
```
#7d75d5 rgb(125,117,213)
```
#776edc
```
#776edc rgb(119,110,220)
```
#7167e3
```
#7167e3 rgb(113,103,227)
```
#6b60ea
```
#6b60ea rgb(107,96,234)
```
#6659f1
```
#6659f1 rgb(102,89,241)
```
#6052f8
```
#6052f8 rgb(96,82,248)
```
#5a4bff
```
#5a4bff rgb(90,75,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#625f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#2061e5 Protanomaly 1% of men, 0.01% of women
#2065d3 Deuteranomaly 6% of men, 0.4% of women
#206ab1 Tritanomaly 0.01% of the population

#5a4bff hex color

#5a4bff Color Information

#5a4bff Color Conversion

Color Schemes with #5a4bff

Alternatives to #5a4bff

#5a4bff Preview

Shades and Tints of #5a4bff

Tones of #5a4bff

Color Blindness Simulator