#5a5fe1 hex color

In a RGB color space, hex #5a5fe1 is composed of 35.3% red, 37.3% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 57.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 237.8 degrees, a saturation of 69.2% and a lightness of 61.8%. #5a5fe1 color hex could be obtained by blending #b4beff with #0000c3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 37
- B 88
RGB color chart
- C 60
- M 58
- Y 0
- K 12
CMYK color chart

● #5a5fe1 color description : Soft blue.

The hexadecimal color #5a5fe1 has RGB values of R:90, G:95, B:225 and CMYK values of C:0.6, M:0.58, Y:0, K:0.12. Its decimal value is 5922785.

Hex triplet	5a5fe1	`#5a5fe1`
RGB Decimal	90, 95, 225	`rgb(90,95,225)`
RGB Percent	35.3, 37.3, 88.2	`rgb(35.3%,37.3%,88.2%)`
CMYK	60, 58, 0, 12
HSL	237.8°, 69.2, 61.8	`hsl(237.8,69.2%,61.8%)`
HSV (or HSB)	237.8°, 60, 88.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.702, 36.245, -67.038
XYZ	21.897, 15.793, 73.125
xyY	0.198, 0.143, 15.793
CIE-LCH	46.702, 76.209, 298.399
CIE-LUV	46.702, -8.907, -103.866
Hunter-Lab	39.741, 28.804, -81.277
Binary	01011010, 01011111, 11100001

#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#e1dc5a
```
#e1dc5a rgb(225,220,90)
```

Complementary Color

#5aa3e1
```
#5aa3e1 rgb(90,163,225)
```
#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#995ae1
```
#995ae1 rgb(153,90,225)
```

Analogous Color

#a3e15a
```
#a3e15a rgb(163,225,90)
```
#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#e1995a
```
#e1995a rgb(225,153,90)
```

Split Complementary Color

#5fe15a
```
#5fe15a rgb(95,225,90)
```
#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#e15a5f
```
#e15a5f rgb(225,90,95)
```

Triadic Color

#5ae1dc
```
#5ae1dc rgb(90,225,220)
```
#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#e15a5f
```
#e15a5f rgb(225,90,95)
```
#e1dc5a
```
#e1dc5a rgb(225,220,90)
```

Tetradic Color

#252bca
```
#252bca rgb(37,43,202)
```
#2f35d9
```
#2f35d9 rgb(47,53,217)
```
#444add
```
#444add rgb(68,74,221)
```
#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#7074e5
```
#7074e5 rgb(112,116,229)
```
#8589e9
```
#8589e9 rgb(133,137,233)
```
#9b9eed
```
#9b9eed rgb(155,158,237)
```

Monochromatic Color

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

#5a81e1
```
#5a81e1 rgb(90,129,225)
```
#5a76e1
```
#5a76e1 rgb(90,118,225)
```
#5a6ae1
```
#5a6ae1 rgb(90,106,225)
```
#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#605ae1
```
#605ae1 rgb(96,90,225)
```
#6c5ae1
```
#6c5ae1 rgb(108,90,225)
```
#775ae1
```
#775ae1 rgb(119,90,225)
```

Similar Colors

Text with hexadecimal color #5a5fe1

This text has a font color of #5a5fe1.

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

#5a5fe1 background color

This paragraph has a background color of #5a5fe1.

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

#5a5fe1 border color

This element has a border color of #5a5fe1.

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

CSS codes

.text {color:#5a5fe1;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030412
```
#030412 rgb(3,4,18)
```
#060722
```
#060722 rgb(6,7,34)
```
#090b33
```
#090b33 rgb(9,11,51)
```
#0c0e43
```
#0c0e43 rgb(12,14,67)
```
#0f1254
```
#0f1254 rgb(15,18,84)
```
#121565
```
#121565 rgb(18,21,101)
```
#151975
```
#151975 rgb(21,25,117)
```
#181c86
```
#181c86 rgb(24,28,134)
```
#1b2096
```
#1b2096 rgb(27,32,150)
```
#1e23a7
```
#1e23a7 rgb(30,35,167)
```
#2127b8
```
#2127b8 rgb(33,39,184)
```
#242ac8
```
#242ac8 rgb(36,42,200)
```

Shade Color Variation

#282fd8
```
#282fd8 rgb(40,47,216)
```
#393fdb
```
#393fdb rgb(57,63,219)
```
#494fde
```
#494fde rgb(73,79,222)
```
#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#6b6fe4
```
#6b6fe4 rgb(107,111,228)
```
#7b7fe7
```
#7b7fe7 rgb(123,127,231)
```
#8c8fea
```
#8c8fea rgb(140,143,234)
```
#9c9fed
```
#9c9fed rgb(156,159,237)
```
#adaff0
```
#adaff0 rgb(173,175,240)
```
#bec0f3
```
#bec0f3 rgb(190,192,243)
```
#ced0f6
```
#ced0f6 rgb(206,208,246)
```
#dfe0f9
```
#dfe0f9 rgb(223,224,249)
```
#eff0fc
```
#eff0fc rgb(239,240,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9697a5 is the less saturated color, while #3c43ff is the most saturated one.

#9697a5
```
#9697a5 rgb(150,151,165)
```
#8f90ad
```
#8f90ad rgb(143,144,173)
```
#8789b4
```
#8789b4 rgb(135,137,180)
```
#8082bc
```
#8082bc rgb(128,130,188)
```
#787bc3
```
#787bc3 rgb(120,123,195)
```
#7174cb
```
#7174cb rgb(113,116,203)
```
#696dd2
```
#696dd2 rgb(105,109,210)
```
#6266da
```
#6266da rgb(98,102,218)
```
#5a5fe1
```
#5a5fe1 rgb(90,95,225)
```
#5358e9
```
#5358e9 rgb(83,88,233)
```
#4b51f0
```
#4b51f0 rgb(75,81,240)
```
#444af8
```
#444af8 rgb(68,74,248)
```
#3c43ff
```
#3c43ff rgb(60,67,255)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#686983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#26808a Tritanopia 0.001% of the population

Trichromacy

#206be0 Protanomaly 1% of men, 0.01% of women
#206fcf Deuteranomaly 6% of men, 0.4% of women
#3874a9 Tritanomaly 0.01% of the population

#5a5fe1 hex color

#5a5fe1 Color Information

#5a5fe1 Color Conversion

Color Schemes with #5a5fe1

Alternatives to #5a5fe1

#5a5fe1 Preview

Shades and Tints of #5a5fe1

Tones of #5a5fe1

Color Blindness Simulator