#5a54d2 hex color

In a RGB color space, hex #5a54d2 is composed of 35.3% red, 32.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 60% magenta, 0% yellow and 17.6% black. It has a hue angle of 242.9 degrees, a saturation of 58.3% and a lightness of 57.6%. #5a54d2 color hex could be obtained by blending #b4a8ff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 33
- B 82
RGB color chart
- C 57
- M 60
- Y 0
- K 18
CMYK color chart

● #5a54d2 color description : Moderate blue.

The hexadecimal color #5a54d2 has RGB values of R:90, G:84, B:210 and CMYK values of C:0.57, M:0.6, Y:0, K:0.18. Its decimal value is 5919954.

Hex triplet	5a54d2	`#5a54d2`
RGB Decimal	90, 84, 210	`rgb(90,84,210)`
RGB Percent	35.3, 32.9, 82.4	`rgb(35.3%,32.9%,82.4%)`
CMYK	57, 60, 0, 18
HSL	242.9°, 58.3, 57.6	`hsl(242.9,58.3%,57.6%)`
HSV (or HSB)	242.9°, 60, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.013, 38.075, -64.475
XYZ	19.017, 13.167, 62.509
xyY	0.201, 0.139, 13.167
CIE-LCH	43.013, 74.878, 300.563
CIE-LUV	43.013, -5.351, -97.883
Hunter-Lab	36.286, 30.051, -76.737
Binary	01011010, 01010100, 11010010

#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#ccd254
```
#ccd254 rgb(204,210,84)
```

Complementary Color

#548dd2
```
#548dd2 rgb(84,141,210)
```
#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#9954d2
```
#9954d2 rgb(153,84,210)
```

Analogous Color

#8dd254
```
#8dd254 rgb(141,210,84)
```
#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#d29954
```
#d29954 rgb(210,153,84)
```

Split Complementary Color

#54d25a
```
#54d25a rgb(84,210,90)
```
#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#d25a54
```
#d25a54 rgb(210,90,84)
```

Triadic Color

#54ccd2
```
#54ccd2 rgb(84,204,210)
```
#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#d25a54
```
#d25a54 rgb(210,90,84)
```
#ccd254
```
#ccd254 rgb(204,210,84)
```

Tetradic Color

#332dac
```
#332dac rgb(51,45,172)
```
#3933c0
```
#3933c0 rgb(57,51,192)
```
#4740cd
```
#4740cd rgb(71,64,205)
```
#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#6d68d7
```
#6d68d7 rgb(109,104,215)
```
#817cdd
```
#817cdd rgb(129,124,221)
```
#9491e2
```
#9491e2 rgb(148,145,226)
```

Monochromatic Color

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

#546ed2
```
#546ed2 rgb(84,110,210)
```
#5463d2
```
#5463d2 rgb(84,99,210)
```
#5459d2
```
#5459d2 rgb(84,89,210)
```
#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#6554d2
```
#6554d2 rgb(101,84,210)
```
#6f54d2
```
#6f54d2 rgb(111,84,210)
```
#7a54d2
```
#7a54d2 rgb(122,84,210)
```

Similar Colors

Text with hexadecimal color #5a54d2

This text has a font color of #5a54d2.

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

#5a54d2 background color

This paragraph has a background color of #5a54d2.

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

#5a54d2 border color

This element has a border color of #5a54d2.

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

CSS codes

.text {color:#5a54d2;}

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

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

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, #05040f is the darkest color, while #ffffff is the lightest one.

#05040f
```
#05040f rgb(5,4,15)
```
#09081f
```
#09081f rgb(9,8,31)
```
#0e0c2e
```
#0e0c2e rgb(14,12,46)
```
#12103e
```
#12103e rgb(18,16,62)
```
#17144d
```
#17144d rgb(23,20,77)
```
#1c185d
```
#1c185d rgb(28,24,93)
```
#201d6d
```
#201d6d rgb(32,29,109)
```
#25217c
```
#25217c rgb(37,33,124)
```
#2a258c
```
#2a258c rgb(42,37,140)
```
#2e299b
```
#2e299b rgb(46,41,155)
```
#332dab
```
#332dab rgb(51,45,171)
```
#3831ba
```
#3831ba rgb(56,49,186)
```
#3c35ca
```
#3c35ca rgb(60,53,202)
```

Shade Color Variation

#4b44ce
```
#4b44ce rgb(75,68,206)
```
#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#6964d6
```
#6964d6 rgb(105,100,214)
```
#7873da
```
#7873da rgb(120,115,218)
```
#8783de
```
#8783de rgb(135,131,222)
```
#9692e2
```
#9692e2 rgb(150,146,226)
```
#a5a2e6
```
#a5a2e6 rgb(165,162,230)
```
#b4b1eb
```
#b4b1eb rgb(180,177,235)
```
#c3c1ef
```
#c3c1ef rgb(195,193,239)
```
#d2d0f3
```
#d2d0f3 rgb(210,208,243)
```
#e1e0f7
```
#e1e0f7 rgb(225,224,247)
```
#f0effb
```
#f0effb rgb(240,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8e98 is the less saturated color, while #342afc is the most saturated one.

#8f8e98
```
#8f8e98 rgb(143,142,152)
```
#8786a0
```
#8786a0 rgb(135,134,160)
```
#807ea8
```
#807ea8 rgb(128,126,168)
```
#7875b1
```
#7875b1 rgb(120,117,177)
```
#716db9
```
#716db9 rgb(113,109,185)
```
#6965c1
```
#6965c1 rgb(105,101,193)
```
#625cca
```
#625cca rgb(98,92,202)
```
#5a54d2
```
#5a54d2 rgb(90,84,210)
```
#524cda
```
#524cda rgb(82,76,218)
```
#4b43e3
```
#4b43e3 rgb(75,67,227)
```
#433beb
```
#433beb rgb(67,59,235)
```
#3c33f3
```
#3c33f3 rgb(60,51,243)
```
#342afc
```
#342afc rgb(52,42,252)
```

Tone Color Variation

Below, you can see how #5a54d2 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
#62617a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#006fb6 Deuteranopia 1% of men
#33767f Tritanopia 0.001% of the population

Trichromacy

#2062d0 Protanomaly 1% of men, 0.01% of women
#2065c0 Deuteranomaly 6% of men, 0.4% of women
#41699d Tritanomaly 0.01% of the population

#5a54d2 hex color

#5a54d2 Color Information

#5a54d2 Color Conversion

Color Schemes with #5a54d2

Alternatives to #5a54d2

#5a54d2 Preview

Shades and Tints of #5a54d2

Tones of #5a54d2

Color Blindness Simulator