#5a51e2 hex color

In a RGB color space, hex #5a51e2 is composed of 35.3% red, 31.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 64.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 243.7 degrees, a saturation of 71.4% and a lightness of 60.2%. #5a51e2 color hex could be obtained by blending #b4a2ff with #0000c5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 32
- B 89
RGB color chart
- C 60
- M 64
- Y 0
- K 11
CMYK color chart

● #5a51e2 color description : Soft blue.

The hexadecimal color #5a51e2 has RGB values of R:90, G:81, B:226 and CMYK values of C:0.6, M:0.64, Y:0, K:0.11. Its decimal value is 5919202.

Hex triplet	5a51e2	`#5a51e2`
RGB Decimal	90, 81, 226	`rgb(90,81,226)`
RGB Percent	35.3, 31.8, 88.6	`rgb(35.3%,31.8%,88.6%)`
CMYK	60, 64, 0, 11
HSL	243.7°, 71.4, 60.2	`hsl(243.7,71.4%,60.2%)`
HSV (or HSB)	243.7°, 64.2, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.579, 44.908, -72.692
XYZ	20.884, 13.549, 73.462
xyY	0.194, 0.126, 13.549
CIE-LCH	43.579, 85.445, 301.707
CIE-LUV	43.579, -5.614, -109.911
Hunter-Lab	36.808, 36.859, -92.564
Binary	01011010, 01010001, 11100010

#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#d9e251
```
#d9e251 rgb(217,226,81)
```

Complementary Color

#5191e2
```
#5191e2 rgb(81,145,226)
```
#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#a351e2
```
#a351e2 rgb(163,81,226)
```

Analogous Color

#91e251
```
#91e251 rgb(145,226,81)
```
#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#e2a351
```
#e2a351 rgb(226,163,81)
```

Split Complementary Color

#51e25a
```
#51e25a rgb(81,226,90)
```
#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#e25a51
```
#e25a51 rgb(226,90,81)
```

Triadic Color

#51d9e2
```
#51d9e2 rgb(81,217,226)
```
#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#e25a51
```
#e25a51 rgb(226,90,81)
```
#d9e251
```
#d9e251 rgb(217,226,81)
```

Tetradic Color

#2b21c6
```
#2b21c6 rgb(43,33,198)
```
#3125db
```
#3125db rgb(49,37,219)
```
#453bde
```
#453bde rgb(69,59,222)
```
#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#6f67e6
```
#6f67e6 rgb(111,103,230)
```
#837de9
```
#837de9 rgb(131,125,233)
```
#9893ed
```
#9893ed rgb(152,147,237)
```

Monochromatic Color

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

#516ce2
```
#516ce2 rgb(81,108,226)
```
#5160e2
```
#5160e2 rgb(81,96,226)
```
#5154e2
```
#5154e2 rgb(81,84,226)
```
#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#6651e2
```
#6651e2 rgb(102,81,226)
```
#7251e2
```
#7251e2 rgb(114,81,226)
```
#7e51e2
```
#7e51e2 rgb(126,81,226)
```

Similar Colors

Text with hexadecimal color #5a51e2

This text has a font color of #5a51e2.

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

#5a51e2 background color

This paragraph has a background color of #5a51e2.

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

#5a51e2 border color

This element has a border color of #5a51e2.

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

CSS codes

.text {color:#5a51e2;}

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

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

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, #02020b is the darkest color, while #f9f9fe is the lightest one.

#02020b
```
#02020b rgb(2,2,11)
```
#06051c
```
#06051c rgb(6,5,28)
```
#0a072d
```
#0a072d rgb(10,7,45)
```
#0d0a3d
```
#0d0a3d rgb(13,10,61)
```
#110d4e
```
#110d4e rgb(17,13,78)
```
#15105f
```
#15105f rgb(21,16,95)
```
#181370
```
#181370 rgb(24,19,112)
```
#1c1581
```
#1c1581 rgb(28,21,129)
```
#201891
```
#201891 rgb(32,24,145)
```
#231ba2
```
#231ba2 rgb(35,27,162)
```
#271eb3
```
#271eb3 rgb(39,30,179)
```
#2b21c4
```
#2b21c4 rgb(43,33,196)
```
#2e23d5
```
#2e23d5 rgb(46,35,213)
```

Shade Color Variation

#3a2fdc
```
#3a2fdc rgb(58,47,220)
```
#4a40df
```
#4a40df rgb(74,64,223)
```
#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#6a62e5
```
#6a62e5 rgb(106,98,229)
```
#7a73e8
```
#7a73e8 rgb(122,115,232)
```
#8a83ea
```
#8a83ea rgb(138,131,234)
```
#9a94ed
```
#9a94ed rgb(154,148,237)
```
#aaa5f0
```
#aaa5f0 rgb(170,165,240)
```
#bab6f3
```
#bab6f3 rgb(186,182,243)
```
#cac7f6
```
#cac7f6 rgb(202,199,246)
```
#dad8f8
```
#dad8f8 rgb(218,216,248)
```
#e9e8fb
```
#e9e8fb rgb(233,232,251)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98979c is the less saturated color, while #453af9 is the most saturated one.

#98979c
```
#98979c rgb(152,151,156)
```
#918fa4
```
#918fa4 rgb(145,143,164)
```
#8a88ab
```
#8a88ab rgb(138,136,171)
```
#8380b3
```
#8380b3 rgb(131,128,179)
```
#7c78bb
```
#7c78bb rgb(124,120,187)
```
#7570c3
```
#7570c3 rgb(117,112,195)
```
#6f68cb
```
#6f68cb rgb(111,104,203)
```
#6861d2
```
#6861d2 rgb(104,97,210)
```
#6159da
```
#6159da rgb(97,89,218)
```
#5a51e2
```
#5a51e2 rgb(90,81,226)
```
#5349ea
```
#5349ea rgb(83,73,234)
```
#4c41f2
```
#4c41f2 rgb(76,65,242)
```
#453af9
```
#453af9 rgb(69,58,249)
```

Tone Color Variation

Below, you can see how #5a51e2 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
#62607d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#187982 Tritanopia 0.001% of the population

Trichromacy

#2061d7 Protanomaly 1% of men, 0.01% of women
#2065c7 Deuteranomaly 6% of men, 0.4% of women
#306aa5 Tritanomaly 0.01% of the population

#5a51e2 hex color

#5a51e2 Color Information

#5a51e2 Color Conversion

Color Schemes with #5a51e2

Alternatives to #5a51e2

#5a51e2 Preview

Shades and Tints of #5a51e2

Tones of #5a51e2

Color Blindness Simulator