#5a5ad4 hex color

In a RGB color space, hex #5a5ad4 is composed of 35.3% red, 35.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 57.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 240 degrees, a saturation of 58.7% and a lightness of 59.2%. #5a5ad4 color hex could be obtained by blending #b4b4ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 35
- B 83
RGB color chart
- C 58
- M 58
- Y 0
- K 17
CMYK color chart

● #5a5ad4 color description : Moderate blue.

The hexadecimal color #5a5ad4 has RGB values of R:90, G:90, B:212 and CMYK values of C:0.58, M:0.58, Y:0, K:0.17. Its decimal value is 5921492.

Hex triplet	5a5ad4	`#5a5ad4`
RGB Decimal	90, 90, 212	`rgb(90,90,212)`
RGB Percent	35.3, 35.3, 83.1	`rgb(35.3%,35.3%,83.1%)`
CMYK	58, 58, 0, 17
HSL	240°, 58.7, 59.2	`hsl(240,58.7%,59.2%)`
HSV (or HSB)	240°, 57.5, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.573, 35.079, -63.09
XYZ	19.754, 14.239, 63.991
xyY	0.202, 0.145, 14.239
CIE-LCH	44.573, 72.186, 299.075
CIE-LUV	44.573, -6.985, -96.786
Hunter-Lab	37.734, 27.411, -74.133
Binary	01011010, 01011010, 11010100

#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#d4d45a
```
#d4d45a rgb(212,212,90)
```

Complementary Color

#5a97d4
```
#5a97d4 rgb(90,151,212)
```
#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#975ad4
```
#975ad4 rgb(151,90,212)
```

Analogous Color

#97d45a
```
#97d45a rgb(151,212,90)
```
#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#d4975a
```
#d4975a rgb(212,151,90)
```

Split Complementary Color

#5ad45a
```
#5ad45a rgb(90,212,90)
```
#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#d45a5a
```
#d45a5a rgb(212,90,90)
```

Triadic Color

#5ad4d4
```
#5ad4d4 rgb(90,212,212)
```
#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#d45a5a
```
#d45a5a rgb(212,90,90)
```
#d4d45a
```
#d4d45a rgb(212,212,90)
```

Tetradic Color

#2f2fb3
```
#2f2fb3 rgb(47,47,179)
```
#3434c7
```
#3434c7 rgb(52,52,199)
```
#4646cf
```
#4646cf rgb(70,70,207)
```
#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#6e6ed9
```
#6e6ed9 rgb(110,110,217)
```
#8282df
```
#8282df rgb(130,130,223)
```
#9797e4
```
#9797e4 rgb(151,151,228)
```

Monochromatic Color

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

#5a79d4
```
#5a79d4 rgb(90,121,212)
```
#5a6ed4
```
#5a6ed4 rgb(90,110,212)
```
#5a64d4
```
#5a64d4 rgb(90,100,212)
```
#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#645ad4
```
#645ad4 rgb(100,90,212)
```
#6e5ad4
```
#6e5ad4 rgb(110,90,212)
```
#795ad4
```
#795ad4 rgb(121,90,212)
```

Similar Colors

Text with hexadecimal color #5a5ad4

This text has a font color of #5a5ad4.

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

#5a5ad4 background color

This paragraph has a background color of #5a5ad4.

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

#5a5ad4 border color

This element has a border color of #5a5ad4.

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

CSS codes

.text {color:#5a5ad4;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#060616
```
#060616 rgb(6,6,22)
```
#0a0a25
```
#0a0a25 rgb(10,10,37)
```
#0e0e35
```
#0e0e35 rgb(14,14,53)
```
#121244
```
#121244 rgb(18,18,68)
```
#161654
```
#161654 rgb(22,22,84)
```
#1a1a64
```
#1a1a64 rgb(26,26,100)
```
#1e1e73
```
#1e1e73 rgb(30,30,115)
```
#222283
```
#222283 rgb(34,34,131)
```
#262692
```
#262692 rgb(38,38,146)
```
#2a2aa2
```
#2a2aa2 rgb(42,42,162)
```
#2e2eb1
```
#2e2eb1 rgb(46,46,177)
```
#3232c1
```
#3232c1 rgb(50,50,193)
```

Shade Color Variation

#3b3bcc
```
#3b3bcc rgb(59,59,204)
```
#4a4ad0
```
#4a4ad0 rgb(74,74,208)
```
#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#6a6ad8
```
#6a6ad8 rgb(106,106,216)
```
#7979dc
```
#7979dc rgb(121,121,220)
```
#8989e0
```
#8989e0 rgb(137,137,224)
```
#9898e4
```
#9898e4 rgb(152,152,228)
```
#a8a8e8
```
#a8a8e8 rgb(168,168,232)
```
#b7b7ec
```
#b7b7ec rgb(183,183,236)
```
#c7c7f0
```
#c7c7f0 rgb(199,199,240)
```
#d6d6f4
```
#d6d6f4 rgb(214,214,244)
```
#e6e6f8
```
#e6e6f8 rgb(230,230,248)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#92929c
```
#92929c rgb(146,146,156)
```
#8a8aa4
```
#8a8aa4 rgb(138,138,164)
```
#8282ac
```
#8282ac rgb(130,130,172)
```
#7a7ab4
```
#7a7ab4 rgb(122,122,180)
```
#7272bc
```
#7272bc rgb(114,114,188)
```
#6a6ac4
```
#6a6ac4 rgb(106,106,196)
```
#6262cc
```
#6262cc rgb(98,98,204)
```
#5a5ad4
```
#5a5ad4 rgb(90,90,212)
```
#5252dc
```
#5252dc rgb(82,82,220)
```
#4a4ae4
```
#4a4ae4 rgb(74,74,228)
```
#4242ec
```
#4242ec rgb(66,66,236)
```
#3a3af4
```
#3a3af4 rgb(58,58,244)
```
#3232fc
```
#3232fc rgb(50,50,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#65657e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd7 Protanopia 1% of men
#0073bd Deuteranopia 1% of men
#347a83 Tritanopia 0.001% of the population

Trichromacy

#2066d5 Protanomaly 1% of men, 0.01% of women
#206ac5 Deuteranomaly 6% of men, 0.4% of women
#416ea0 Tritanomaly 0.01% of the population

#5a5ad4 hex color

#5a5ad4 Color Information

#5a5ad4 Color Conversion

Color Schemes with #5a5ad4

Alternatives to #5a5ad4

#5a5ad4 Preview

Shades and Tints of #5a5ad4

Tones of #5a5ad4

Color Blindness Simulator