#5a5ac6 hex color

In a RGB color space, hex #5a5ac6 is composed of 35.3% red, 35.3% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 54.5% magenta, 0% yellow and 22.4% black. It has a hue angle of 240 degrees, a saturation of 48.6% and a lightness of 56.5%. #5a5ac6 color hex could be obtained by blending #b4b4ff with #00008d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 35
- B 78
RGB color chart
- C 55
- M 55
- Y 0
- K 22
CMYK color chart

● #5a5ac6 color description : Moderate blue.

The hexadecimal color #5a5ac6 has RGB values of R:90, G:90, B:198 and CMYK values of C:0.55, M:0.55, Y:0, K:0.22. Its decimal value is 5921478.

Hex triplet	5a5ac6	`#5a5ac6`
RGB Decimal	90, 90, 198	`rgb(90,90,198)`
RGB Percent	35.3, 35.3, 77.6	`rgb(35.3%,35.3%,77.6%)`
CMYK	55, 55, 0, 22
HSL	240°, 48.6, 56.5	`hsl(240,48.6%,56.5%)`
HSV (or HSB)	240°, 54.5, 77.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.599, 30.578, -56.61
XYZ	18.064, 13.563, 55.089
xyY	0.208, 0.156, 13.563
CIE-LCH	43.599, 64.341, 298.376
CIE-LUV	43.599, -6.248, -86.571
Hunter-Lab	36.827, 23.106, -62.911
Binary	01011010, 01011010, 11000110

#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#c6c65a
```
#c6c65a rgb(198,198,90)
```

Complementary Color

#5a90c6
```
#5a90c6 rgb(90,144,198)
```
#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#905ac6
```
#905ac6 rgb(144,90,198)
```

Analogous Color

#90c65a
```
#90c65a rgb(144,198,90)
```
#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#c6905a
```
#c6905a rgb(198,144,90)
```

Split Complementary Color

#5ac65a
```
#5ac65a rgb(90,198,90)
```
#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#c65a5a
```
#c65a5a rgb(198,90,90)
```

Triadic Color

#5ac6c6
```
#5ac6c6 rgb(90,198,198)
```
#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#c65a5a
```
#c65a5a rgb(198,90,90)
```
#c6c65a
```
#c6c65a rgb(198,198,90)
```

Tetradic Color

#36369d
```
#36369d rgb(54,54,157)
```
#3d3db0
```
#3d3db0 rgb(61,61,176)
```
#4747bf
```
#4747bf rgb(71,71,191)
```
#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#6d6dcd
```
#6d6dcd rgb(109,109,205)
```
#8080d3
```
#8080d3 rgb(128,128,211)
```
#9393da
```
#9393da rgb(147,147,218)
```

Monochromatic Color

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

#5a75c6
```
#5a75c6 rgb(90,117,198)
```
#5a6cc6
```
#5a6cc6 rgb(90,108,198)
```
#5a63c6
```
#5a63c6 rgb(90,99,198)
```
#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#635ac6
```
#635ac6 rgb(99,90,198)
```
#6c5ac6
```
#6c5ac6 rgb(108,90,198)
```
#755ac6
```
#755ac6 rgb(117,90,198)
```

Similar Colors

Text with hexadecimal color #5a5ac6

This text has a font color of #5a5ac6.

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

#5a5ac6 background color

This paragraph has a background color of #5a5ac6.

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

#5a5ac6 border color

This element has a border color of #5a5ac6.

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

CSS codes

.text {color:#5a5ac6;}

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

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

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, #03030a is the darkest color, while #fafafd is the lightest one.

#03030a
```
#03030a rgb(3,3,10)
```
#080819
```
#080819 rgb(8,8,25)
```
#0e0e27
```
#0e0e27 rgb(14,14,39)
```
#131336
```
#131336 rgb(19,19,54)
```
#181844
```
#181844 rgb(24,24,68)
```
#1d1d53
```
#1d1d53 rgb(29,29,83)
```
#222261
```
#222261 rgb(34,34,97)
```
#272770
```
#272770 rgb(39,39,112)
```
#2c2c7f
```
#2c2c7f rgb(44,44,127)
```
#31318d
```
#31318d rgb(49,49,141)
```
#36369c
```
#36369c rgb(54,54,156)
```
#3b3baa
```
#3b3baa rgb(59,59,170)
```
#4040b9
```
#4040b9 rgb(64,64,185)
```

Shade Color Variation

#4b4bc1
```
#4b4bc1 rgb(75,75,193)
```
#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#6969cb
```
#6969cb rgb(105,105,203)
```
#7777d0
```
#7777d0 rgb(119,119,208)
```
#8686d5
```
#8686d5 rgb(134,134,213)
```
#9494da
```
#9494da rgb(148,148,218)
```
#a3a3df
```
#a3a3df rgb(163,163,223)
```
#b1b1e4
```
#b1b1e4 rgb(177,177,228)
```
#c0c0e9
```
#c0c0e9 rgb(192,192,233)
```
#cfcfee
```
#cfcfee rgb(207,207,238)
```
#ddddf3
```
#ddddf3 rgb(221,221,243)
```
#ececf8
```
#ececf8 rgb(236,236,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#8d8d93
```
#8d8d93 rgb(141,141,147)
```
#85859b
```
#85859b rgb(133,133,155)
```
#7c7ca4
```
#7c7ca4 rgb(124,124,164)
```
#7474ac
```
#7474ac rgb(116,116,172)
```
#6b6bb5
```
#6b6bb5 rgb(107,107,181)
```
#6363bd
```
#6363bd rgb(99,99,189)
```
#5a5ac6
```
#5a5ac6 rgb(90,90,198)
```
#5151cf
```
#5151cf rgb(81,81,207)
```
#4949d7
```
#4949d7 rgb(73,73,215)
```
#4040e0
```
#4040e0 rgb(64,64,224)
```
#3838e8
```
#3838e8 rgb(56,56,232)
```
#2f2ff1
```
#2f2ff1 rgb(47,47,241)
```
#2727f9
```
#2727f9 rgb(39,39,249)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#646479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#196bd1 Protanopia 1% of men
#0070ba Deuteranopia 1% of men
#3f767f Tritanopia 0.001% of the population

Trichromacy

#3065cd Protanomaly 1% of men, 0.01% of women
#2068be Deuteranomaly 6% of men, 0.4% of women
#496c99 Tritanomaly 0.01% of the population

#5a5ac6 hex color

#5a5ac6 Color Information

#5a5ac6 Color Conversion

Color Schemes with #5a5ac6

Alternatives to #5a5ac6

#5a5ac6 Preview

Shades and Tints of #5a5ac6

Tones of #5a5ac6

Color Blindness Simulator