#5a5fd6 hex color

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

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

● #5a5fd6 color description : Moderate blue.

The hexadecimal color #5a5fd6 has RGB values of R:90, G:95, B:214 and CMYK values of C:0.58, M:0.56, Y:0, K:0.16. Its decimal value is 5922774.

Hex triplet	5a5fd6	`#5a5fd6`
RGB Decimal	90, 95, 214	`rgb(90,95,214)`
RGB Percent	35.3, 37.3, 83.9	`rgb(35.3%,37.3%,83.9%)`
CMYK	58, 56, 0, 16
HSL	237.6°, 60.2, 59.6	`hsl(237.6,60.2%,59.6%)`
HSV (or HSB)	237.6°, 57.9, 83.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.924, 32.667, -62.046
XYZ	20.444, 15.212, 65.474
xyY	0.202, 0.15, 15.212
CIE-LCH	45.924, 70.12, 297.767
CIE-LUV	45.924, -8.415, -95.943
Hunter-Lab	39.003, 25.308, -72.227
Binary	01011010, 01011111, 11010110

#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#d6d15a
```
#d6d15a rgb(214,209,90)
```

Complementary Color

#5a9dd6
```
#5a9dd6 rgb(90,157,214)
```
#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#935ad6
```
#935ad6 rgb(147,90,214)
```

Analogous Color

#9dd65a
```
#9dd65a rgb(157,214,90)
```
#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#d6935a
```
#d6935a rgb(214,147,90)
```

Split Complementary Color

#5fd65a
```
#5fd65a rgb(95,214,90)
```
#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#d65a5f
```
#d65a5f rgb(214,90,95)
```

Triadic Color

#5ad6d1
```
#5ad6d1 rgb(90,214,209)
```
#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#d65a5f
```
#d65a5f rgb(214,90,95)
```
#d6d15a
```
#d6d15a rgb(214,209,90)
```

Tetradic Color

#2d33b6
```
#2d33b6 rgb(45,51,182)
```
#3238cb
```
#3238cb rgb(50,56,203)
```
#464bd1
```
#464bd1 rgb(70,75,209)
```
#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#6e73db
```
#6e73db rgb(110,115,219)
```
#8387e0
```
#8387e0 rgb(131,135,224)
```
#979ae5
```
#979ae5 rgb(151,154,229)
```

Monochromatic Color

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

#5a7ed6
```
#5a7ed6 rgb(90,126,214)
```
#5a74d6
```
#5a74d6 rgb(90,116,214)
```
#5a69d6
```
#5a69d6 rgb(90,105,214)
```
#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#5f5ad6
```
#5f5ad6 rgb(95,90,214)
```
#6a5ad6
```
#6a5ad6 rgb(106,90,214)
```
#745ad6
```
#745ad6 rgb(116,90,214)
```

Similar Colors

Text with hexadecimal color #5a5fd6

This text has a font color of #5a5fd6.

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

#5a5fd6 background color

This paragraph has a background color of #5a5fd6.

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

#5a5fd6 border color

This element has a border color of #5a5fd6.

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

CSS codes

.text {color:#5a5fd6;}

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

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

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)
```
#060718
```
#060718 rgb(6,7,24)
```
#0a0b27
```
#0a0b27 rgb(10,11,39)
```
#0e0f37
```
#0e0f37 rgb(14,15,55)
```
#121447
```
#121447 rgb(18,20,71)
```
#151856
```
#151856 rgb(21,24,86)
```
#191c66
```
#191c66 rgb(25,28,102)
```
#1d2176
```
#1d2176 rgb(29,33,118)
```
#212586
```
#212586 rgb(33,37,134)
```
#252a95
```
#252a95 rgb(37,42,149)
```
#292ea5
```
#292ea5 rgb(41,46,165)
```
#2d32b5
```
#2d32b5 rgb(45,50,181)
```
#3137c4
```
#3137c4 rgb(49,55,196)
```

Shade Color Variation

#3b41ce
```
#3b41ce rgb(59,65,206)
```
#4a50d2
```
#4a50d2 rgb(74,80,210)
```
#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#6a6eda
```
#6a6eda rgb(106,110,218)
```
#797dde
```
#797dde rgb(121,125,222)
```
#898de2
```
#898de2 rgb(137,141,226)
```
#999ce6
```
#999ce6 rgb(153,156,230)
```
#a9abea
```
#a9abea rgb(169,171,234)
```
#b8baed
```
#b8baed rgb(184,186,237)
```
#c8caf1
```
#c8caf1 rgb(200,202,241)
```
#d8d9f5
```
#d8d9f5 rgb(216,217,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 #323bfe is the most saturated one.

#91929f
```
#91929f rgb(145,146,159)
```
#8a8ba6
```
#8a8ba6 rgb(138,139,166)
```
#8283ae
```
#8283ae rgb(130,131,174)
```
#7a7cb6
```
#7a7cb6 rgb(122,124,182)
```
#7275be
```
#7275be rgb(114,117,190)
```
#6a6ec6
```
#6a6ec6 rgb(106,110,198)
```
#6266ce
```
#6266ce rgb(98,102,206)
```
#5a5fd6
```
#5a5fd6 rgb(90,95,214)
```
#5258de
```
#5258de rgb(82,88,222)
```
#4a50e6
```
#4a50e6 rgb(74,80,230)
```
#4249ee
```
#4249ee rgb(66,73,238)
```
#3a42f6
```
#3a42f6 rgb(58,66,246)
```
#323bfe
```
#323bfe rgb(50,59,254)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#686980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#347d87 Tritanopia 0.001% of the population

Trichromacy

#206ada Protanomaly 1% of men, 0.01% of women
#206ec9 Deuteranomaly 6% of men, 0.4% of women
#4272a3 Tritanomaly 0.01% of the population

#5a5fd6 hex color

#5a5fd6 Color Information

#5a5fd6 Color Conversion

Color Schemes with #5a5fd6

Alternatives to #5a5fd6

#5a5fd6 Preview

Shades and Tints of #5a5fd6

Tones of #5a5fd6

Color Blindness Simulator