#5a54da hex color

In a RGB color space, hex #5a54da is composed of 35.3% red, 32.9% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 61.5% magenta, 0% yellow and 14.5% black. It has a hue angle of 242.7 degrees, a saturation of 64.4% and a lightness of 59.2%. #5a54da color hex could be obtained by blending #b4a8ff with #0000b5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 33
- B 85
RGB color chart
- C 59
- M 61
- Y 0
- K 15
CMYK color chart

● #5a54da color description : Soft blue.

The hexadecimal color #5a54da has RGB values of R:90, G:84, B:218 and CMYK values of C:0.59, M:0.61, Y:0, K:0.15. Its decimal value is 5919962.

Hex triplet	5a54da	`#5a54da`
RGB Decimal	90, 84, 218	`rgb(90,84,218)`
RGB Percent	35.3, 32.9, 85.5	`rgb(35.3%,32.9%,85.5%)`
CMYK	59, 61, 0, 15
HSL	242.7°, 64.4, 59.2	`hsl(242.7,64.4%,59.2%)`
HSV (or HSB)	242.7°, 61.5, 85.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.618, 40.616, -68.073
XYZ	20.039, 13.575, 67.89
xyY	0.197, 0.134, 13.575
CIE-LCH	43.618, 79.269, 300.823
CIE-LUV	43.618, -5.823, -103.444
Hunter-Lab	36.845, 32.604, -83.456
Binary	01011010, 01010100, 11011010

#5a54da
```
#5a54da rgb(90,84,218)
```
#d4da54
```
#d4da54 rgb(212,218,84)
```

Complementary Color

#5491da
```
#5491da rgb(84,145,218)
```
#5a54da
```
#5a54da rgb(90,84,218)
```
#9d54da
```
#9d54da rgb(157,84,218)
```

Analogous Color

#91da54
```
#91da54 rgb(145,218,84)
```
#5a54da
```
#5a54da rgb(90,84,218)
```
#da9d54
```
#da9d54 rgb(218,157,84)
```

Split Complementary Color

#54da5a
```
#54da5a rgb(84,218,90)
```
#5a54da
```
#5a54da rgb(90,84,218)
```
#da5a54
```
#da5a54 rgb(218,90,84)
```

Triadic Color

#54d4da
```
#54d4da rgb(84,212,218)
```
#5a54da
```
#5a54da rgb(90,84,218)
```
#da5a54
```
#da5a54 rgb(218,90,84)
```
#d4da54
```
#d4da54 rgb(212,218,84)
```

Tetradic Color

#2f28b9
```
#2f28b9 rgb(47,40,185)
```
#342dce
```
#342dce rgb(52,45,206)
```
#463fd5
```
#463fd5 rgb(70,63,213)
```
#5a54da
```
#5a54da rgb(90,84,218)
```
#6e69df
```
#6e69df rgb(110,105,223)
```
#827ee3
```
#827ee3 rgb(130,126,227)
```
#9793e8
```
#9793e8 rgb(151,147,232)
```

Monochromatic Color

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

#5470da
```
#5470da rgb(84,112,218)
```
#5464da
```
#5464da rgb(84,100,218)
```
#5459da
```
#5459da rgb(84,89,218)
```
#5a54da
```
#5a54da rgb(90,84,218)
```
#6554da
```
#6554da rgb(101,84,218)
```
#7054da
```
#7054da rgb(112,84,218)
```
#7c54da
```
#7c54da rgb(124,84,218)
```

Similar Colors

Text with hexadecimal color #5a54da

This text has a font color of #5a54da.

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

#5a54da background color

This paragraph has a background color of #5a54da.

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

#5a54da border color

This element has a border color of #5a54da.

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

CSS codes

.text {color:#5a54da;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#060517
```
#060517 rgb(6,5,23)
```
#0a0827
```
#0a0827 rgb(10,8,39)
```
#0e0c37
```
#0e0c37 rgb(14,12,55)
```
#120f47
```
#120f47 rgb(18,15,71)
```
#161357
```
#161357 rgb(22,19,87)
```
#1a1667
```
#1a1667 rgb(26,22,103)
```
#1e1a77
```
#1e1a77 rgb(30,26,119)
```
#221d87
```
#221d87 rgb(34,29,135)
```
#262198
```
#262198 rgb(38,33,152)
```
#2a24a8
```
#2a24a8 rgb(42,36,168)
```
#2e28b8
```
#2e28b8 rgb(46,40,184)
```
#322bc8
```
#322bc8 rgb(50,43,200)
```

Shade Color Variation

#3b34d3
```
#3b34d3 rgb(59,52,211)
```
#4a44d7
```
#4a44d7 rgb(74,68,215)
```
#5a54da
```
#5a54da rgb(90,84,218)
```
#6a64dd
```
#6a64dd rgb(106,100,221)
```
#7974e1
```
#7974e1 rgb(121,116,225)
```
#8984e4
```
#8984e4 rgb(137,132,228)
```
#9895e8
```
#9895e8 rgb(152,149,232)
```
#a8a5eb
```
#a8a5eb rgb(168,165,235)
```
#b7b5ef
```
#b7b5ef rgb(183,181,239)
```
#c7c5f2
```
#c7c5f2 rgb(199,197,242)
```
#d6d5f6
```
#d6d5f6 rgb(214,213,246)
```
#e6e5f9
```
#e6e5f9 rgb(230,229,249)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#94949a
```
#94949a rgb(148,148,154)
```
#8d8ca2
```
#8d8ca2 rgb(141,140,162)
```
#8684aa
```
#8684aa rgb(134,132,170)
```
#7e7cb2
```
#7e7cb2 rgb(126,124,178)
```
#7774ba
```
#7774ba rgb(119,116,186)
```
#706cc2
```
#706cc2 rgb(112,108,194)
```
#6964ca
```
#6964ca rgb(105,100,202)
```
#615cd2
```
#615cd2 rgb(97,92,210)
```
#5a54da
```
#5a54da rgb(90,84,218)
```
#534ce2
```
#534ce2 rgb(83,76,226)
```
#4b44ea
```
#4b44ea rgb(75,68,234)
```
#443cf2
```
#443cf2 rgb(68,60,242)
```
#3d34fa
```
#3d34fa rgb(61,52,250)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#63627c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#2a7881 Tritanopia 0.001% of the population

Trichromacy

#2063d5 Protanomaly 1% of men, 0.01% of women
#2066c4 Deuteranomaly 6% of men, 0.4% of women
#3b6ba1 Tritanomaly 0.01% of the population

#5a54da hex color

#5a54da Color Information

#5a54da Color Conversion

Color Schemes with #5a54da

Alternatives to #5a54da

#5a54da Preview

Shades and Tints of #5a54da

Tones of #5a54da

Color Blindness Simulator