#5a5dd6 hex color

In a RGB color space, hex #5a5dd6 is composed of 35.3% red, 36.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 56.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 238.5 degrees, a saturation of 60.2% and a lightness of 59.6%. #5a5dd6 color hex could be obtained by blending #b4baff with #0000ad. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 36
- B 84
RGB color chart
- C 58
- M 57
- Y 0
- K 16
CMYK color chart

● #5a5dd6 color description : Moderate blue.

The hexadecimal color #5a5dd6 has RGB values of R:90, G:93, B:214 and CMYK values of C:0.58, M:0.57, Y:0, K:0.16. Its decimal value is 5922262.

Hex triplet	5a5dd6	`#5a5dd6`
RGB Decimal	90, 93, 214	`rgb(90,93,214)`
RGB Percent	35.3, 36.5, 83.9	`rgb(35.3%,36.5%,83.9%)`
CMYK	58, 57, 0, 16
HSL	238.5°, 60.2, 59.6	`hsl(238.5,60.2%,59.6%)`
HSV (or HSB)	238.5°, 57.9, 83.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.437, 33.893, -62.833
XYZ	20.266, 14.857, 65.414
xyY	0.202, 0.148, 14.857
CIE-LCH	45.437, 71.391, 298.343
CIE-LUV	45.437, -7.876, -96.876
Hunter-Lab	38.544, 26.4, -73.642
Binary	01011010, 01011101, 11010110

#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#d6d35a
```
#d6d35a rgb(214,211,90)
```

Complementary Color

#5a9bd6
```
#5a9bd6 rgb(90,155,214)
```
#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#955ad6
```
#955ad6 rgb(149,90,214)
```

Analogous Color

#9bd65a
```
#9bd65a rgb(155,214,90)
```
#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#d6955a
```
#d6955a rgb(214,149,90)
```

Split Complementary Color

#5dd65a
```
#5dd65a rgb(93,214,90)
```
#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#d65a5d
```
#d65a5d rgb(214,90,93)
```

Triadic Color

#5ad6d3
```
#5ad6d3 rgb(90,214,211)
```
#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#d65a5d
```
#d65a5d rgb(214,90,93)
```
#d6d35a
```
#d6d35a rgb(214,211,90)
```

Tetradic Color

#2d31b6
```
#2d31b6 rgb(45,49,182)
```
#3236cb
```
#3236cb rgb(50,54,203)
```
#4649d1
```
#4649d1 rgb(70,73,209)
```
#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#6e71db
```
#6e71db rgb(110,113,219)
```
#8385e0
```
#8385e0 rgb(131,133,224)
```
#9799e5
```
#9799e5 rgb(151,153,229)
```

Monochromatic Color

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

#5a7cd6
```
#5a7cd6 rgb(90,124,214)
```
#5a72d6
```
#5a72d6 rgb(90,114,214)
```
#5a67d6
```
#5a67d6 rgb(90,103,214)
```
#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#615ad6
```
#615ad6 rgb(97,90,214)
```
#6c5ad6
```
#6c5ad6 rgb(108,90,214)
```
#765ad6
```
#765ad6 rgb(118,90,214)
```

Similar Colors

Text with hexadecimal color #5a5dd6

This text has a font color of #5a5dd6.

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

#5a5dd6 background color

This paragraph has a background color of #5a5dd6.

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

#5a5dd6 border color

This element has a border color of #5a5dd6.

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

CSS codes

.text {color:#5a5dd6;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#060618
```
#060618 rgb(6,6,24)
```
#0a0a27
```
#0a0a27 rgb(10,10,39)
```
#0e0f37
```
#0e0f37 rgb(14,15,55)
```
#121347
```
#121347 rgb(18,19,71)
```
#151756
```
#151756 rgb(21,23,86)
```
#191b66
```
#191b66 rgb(25,27,102)
```
#1d1f76
```
#1d1f76 rgb(29,31,118)
```
#212486
```
#212486 rgb(33,36,134)
```
#252895
```
#252895 rgb(37,40,149)
```
#292ca5
```
#292ca5 rgb(41,44,165)
```
#2d30b5
```
#2d30b5 rgb(45,48,181)
```
#3134c4
```
#3134c4 rgb(49,52,196)
```

Shade Color Variation

#3b3ece
```
#3b3ece rgb(59,62,206)
```
#4a4ed2
```
#4a4ed2 rgb(74,78,210)
```
#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#6a6cda
```
#6a6cda rgb(106,108,218)
```
#797cde
```
#797cde rgb(121,124,222)
```
#898be2
```
#898be2 rgb(137,139,226)
```
#999be6
```
#999be6 rgb(153,155,230)
```
#a9aaea
```
#a9aaea rgb(169,170,234)
```
#b8baed
```
#b8baed rgb(184,186,237)
```
#c8c9f1
```
#c8c9f1 rgb(200,201,241)
```
#d8d8f5
```
#d8d8f5 rgb(216,216,245)
```
#e7e8f9
```
#e7e8f9 rgb(231,232,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91929f is the less saturated color, while #3237fe is the most saturated one.

#91929f
```
#91929f rgb(145,146,159)
```
#8a8aa6
```
#8a8aa6 rgb(138,138,166)
```
#8283ae
```
#8283ae rgb(130,131,174)
```
#7a7bb6
```
#7a7bb6 rgb(122,123,182)
```
#7274be
```
#7274be rgb(114,116,190)
```
#6a6cc6
```
#6a6cc6 rgb(106,108,198)
```
#6265ce
```
#6265ce rgb(98,101,206)
```
#5a5dd6
```
#5a5dd6 rgb(90,93,214)
```
#5255de
```
#5255de rgb(82,85,222)
```
#4a4ee6
```
#4a4ee6 rgb(74,78,230)
```
#4246ee
```
#4246ee rgb(66,70,238)
```
#3a3ff6
```
#3a3ff6 rgb(58,63,246)
```
#3237fe
```
#3237fe rgb(50,55,254)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#676780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fdb Protanopia 1% of men
#0075c0 Deuteranopia 1% of men
#337c85 Tritanopia 0.001% of the population

Trichromacy

#2068d9 Protanomaly 1% of men, 0.01% of women
#206cc8 Deuteranomaly 6% of men, 0.4% of women
#4171a3 Tritanomaly 0.01% of the population

#5a5dd6 hex color

#5a5dd6 Color Information

#5a5dd6 Color Conversion

Color Schemes with #5a5dd6

Alternatives to #5a5dd6

#5a5dd6 Preview

Shades and Tints of #5a5dd6

Tones of #5a5dd6

Color Blindness Simulator