#5a54a8 hex color

In a RGB color space, hex #5a54a8 is composed of 35.3% red, 32.9% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 50% magenta, 0% yellow and 34.1% black. It has a hue angle of 244.3 degrees, a saturation of 33.3% and a lightness of 49.4%. #5a54a8 color hex could be obtained by blending #b4a8ff with #000051. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 33
- B 66
RGB color chart
- C 46
- M 50
- Y 0
- K 34
CMYK color chart

● #5a54a8 color description : Dark moderate blue.

The hexadecimal color #5a54a8 has RGB values of R:90, G:84, B:168 and CMYK values of C:0.46, M:0.5, Y:0, K:0.34. Its decimal value is 5919912.

Hex triplet	5a54a8	`#5a54a8`
RGB Decimal	90, 84, 168	`rgb(90,84,168)`
RGB Percent	35.3, 32.9, 65.9	`rgb(35.3%,32.9%,65.9%)`
CMYK	46, 50, 0, 34
HSL	244.3°, 33.3, 49.4	`hsl(244.3,33.3%,49.4%)`
HSV (or HSB)	244.3°, 50, 65.9
Web Safe	666699	`#666699`

CIE-LAB	40.149, 24.856, -44.582
XYZ	14.453, 11.341, 38.471
xyY	0.225, 0.176, 11.341
CIE-LCH	40.149, 51.043, 299.141
CIE-LUV	40.149, -2.671, -66.852
Hunter-Lab	33.677, 17.675, -44.158
Binary	01011010, 01010100, 10101000

#5a54a8
```
#5a54a8 rgb(90,84,168)
```
#a2a854
```
#a2a854 rgb(162,168,84)
```

Complementary Color

#5478a8
```
#5478a8 rgb(84,120,168)
```
#5a54a8
```
#5a54a8 rgb(90,84,168)
```
#8454a8
```
#8454a8 rgb(132,84,168)
```

Analogous Color

#78a854
```
#78a854 rgb(120,168,84)
```
#5a54a8
```
#5a54a8 rgb(90,84,168)
```
#a88454
```
#a88454 rgb(168,132,84)
```

Split Complementary Color

#54a85a
```
#54a85a rgb(84,168,90)
```
#5a54a8
```
#5a54a8 rgb(90,84,168)
```
#a85a54
```
#a85a54 rgb(168,90,84)
```

Triadic Color

#54a2a8
```
#54a2a8 rgb(84,162,168)
```
#5a54a8
```
#5a54a8 rgb(90,84,168)
```
#a85a54
```
#a85a54 rgb(168,90,84)
```
#a2a854
```
#a2a854 rgb(162,168,84)
```

Tetradic Color

#3f3b75
```
#3f3b75 rgb(63,59,117)
```
#484386
```
#484386 rgb(72,67,134)
```
#514c97
```
#514c97 rgb(81,76,151)
```
#5a54a8
```
#5a54a8 rgb(90,84,168)
```
#6a64b2
```
#6a64b2 rgb(106,100,178)
```
#7a75ba
```
#7a75ba rgb(122,117,186)
```
#8a86c3
```
#8a86c3 rgb(138,134,195)
```

Monochromatic Color

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

#5463a8
```
#5463a8 rgb(84,99,168)
```
#545ca8
```
#545ca8 rgb(84,92,168)
```
#5455a8
```
#5455a8 rgb(84,85,168)
```
#5a54a8
```
#5a54a8 rgb(90,84,168)
```
#6154a8
```
#6154a8 rgb(97,84,168)
```
#6854a8
```
#6854a8 rgb(104,84,168)
```
#6f54a8
```
#6f54a8 rgb(111,84,168)
```

Similar Colors

Text with hexadecimal color #5a54a8

This text has a font color of #5a54a8.

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

#5a54a8 background color

This paragraph has a background color of #5a54a8.

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

#5a54a8 border color

This element has a border color of #5a54a8.

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

CSS codes

.text {color:#5a54a8;}

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

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

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

#06060b
```
#06060b rgb(6,6,11)
```
#0d0c18
```
#0d0c18 rgb(13,12,24)
```
#141325
```
#141325 rgb(20,19,37)
```
#1b1932
```
#1b1932 rgb(27,25,50)
```
#22203f
```
#22203f rgb(34,32,63)
```
#29264c
```
#29264c rgb(41,38,76)
```
#302d5a
```
#302d5a rgb(48,45,90)
```
#373367
```
#373367 rgb(55,51,103)
```
#3e3a74
```
#3e3a74 rgb(62,58,116)
```
#454081
```
#454081 rgb(69,64,129)
```
#4c478e
```
#4c478e rgb(76,71,142)
```
#534d9b
```
#534d9b rgb(83,77,155)
```
#5a54a8
```
#5a54a8 rgb(90,84,168)
```

Shade Color Variation

#6660b0
```
#6660b0 rgb(102,96,176)
```
#726db6
```
#726db6 rgb(114,109,182)
```
#7f7abd
```
#7f7abd rgb(127,122,189)
```
#8c87c3
```
#8c87c3 rgb(140,135,195)
```
#9894ca
```
#9894ca rgb(152,148,202)
```
#a5a1d0
```
#a5a1d0 rgb(165,161,208)
```
#b1afd7
```
#b1afd7 rgb(177,175,215)
```
#bebcdd
```
#bebcdd rgb(190,188,221)
```
#cbc9e4
```
#cbc9e4 rgb(203,201,228)
```
#d7d6ea
```
#d7d6ea rgb(215,214,234)
```
#e4e3f1
```
#e4e3f1 rgb(228,227,241)
```
#f0f0f7
```
#f0f0f7 rgb(240,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7b81 is the less saturated color, while #1806f6 is the most saturated one.

#7b7b81
```
#7b7b81 rgb(123,123,129)
```
#73718b
```
#73718b rgb(115,113,139)
```
#6b6795
```
#6b6795 rgb(107,103,149)
```
#625e9e
```
#625e9e rgb(98,94,158)
```
#5a54a8
```
#5a54a8 rgb(90,84,168)
```
#524ab2
```
#524ab2 rgb(82,74,178)
```
#4941bb
```
#4941bb rgb(73,65,187)
```
#4137c5
```
#4137c5 rgb(65,55,197)
```
#392dcf
```
#392dcf rgb(57,45,207)
```
#3024d8
```
#3024d8 rgb(48,36,216)
```
#281ae2
```
#281ae2 rgb(40,26,226)
```
#2010ec
```
#2010ec rgb(32,16,236)
```
#1806f6
```
#1806f6 rgb(24,6,246)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5e5d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a64b2 Protanopia 1% of men
#2e68a8 Deuteranopia 1% of men
#4e6b73 Tritanopia 0.001% of the population

Trichromacy

#455eae Protanomaly 1% of men, 0.01% of women
#3e60a8 Deuteranomaly 6% of men, 0.4% of women
#526286 Tritanomaly 0.01% of the population

#5a54a8 hex color

#5a54a8 Color Information

#5a54a8 Color Conversion

Color Schemes with #5a54a8

Alternatives to #5a54a8

#5a54a8 Preview

Shades and Tints of #5a54a8

Tones of #5a54a8

Color Blindness Simulator