#5a6ac5 hex color

In a RGB color space, hex #5a6ac5 is composed of 35.3% red, 41.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 46.2% magenta, 0% yellow and 22.7% black. It has a hue angle of 231 degrees, a saturation of 48% and a lightness of 56.3%. #5a6ac5 color hex could be obtained by blending #b4d4ff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 42
- B 77
RGB color chart
- C 54
- M 46
- Y 0
- K 23
CMYK color chart

● #5a6ac5 color description : Moderate blue.

The hexadecimal color #5a6ac5 has RGB values of R:90, G:106, B:197 and CMYK values of C:0.54, M:0.46, Y:0, K:0.23. Its decimal value is 5925573.

Hex triplet	5a6ac5	`#5a6ac5`
RGB Decimal	90, 106, 197	`rgb(90,106,197)`
RGB Percent	35.3, 41.6, 77.3	`rgb(35.3%,41.6%,77.3%)`
CMYK	54, 46, 0, 23
HSL	231°, 48, 56.3	`hsl(231,48%,56.3%)`
HSV (or HSB)	231°, 54.3, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.639, 20.318, -49.541
XYZ	19.446, 16.512, 54.983
xyY	0.214, 0.182, 16.512
CIE-LCH	47.639, 53.546, 292.3
CIE-LUV	47.639, -11.031, -77.039
Hunter-Lab	40.635, 14.312, -51.78
Binary	01011010, 01101010, 11000101

#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#c5b55a
```
#c5b55a rgb(197,181,90)
```

Complementary Color

#5aa0c5
```
#5aa0c5 rgb(90,160,197)
```
#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#805ac5
```
#805ac5 rgb(128,90,197)
```

Analogous Color

#a0c55a
```
#a0c55a rgb(160,197,90)
```
#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#c5805a
```
#c5805a rgb(197,128,90)
```

Split Complementary Color

#6ac55a
```
#6ac55a rgb(106,197,90)
```
#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#c55a6a
```
#c55a6a rgb(197,90,106)
```

Triadic Color

#5ac5b5
```
#5ac5b5 rgb(90,197,181)
```
#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#c55a6a
```
#c55a6a rgb(197,90,106)
```
#c5b55a
```
#c5b55a rgb(197,181,90)
```

Tetradic Color

#37469c
```
#37469c rgb(55,70,156)
```
#3d4eaf
```
#3d4eaf rgb(61,78,175)
```
#4759be
```
#4759be rgb(71,89,190)
```
#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#6d7bcc
```
#6d7bcc rgb(109,123,204)
```
#808cd2
```
#808cd2 rgb(128,140,210)
```
#939dd9
```
#939dd9 rgb(147,157,217)
```

Monochromatic Color

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

#5a85c5
```
#5a85c5 rgb(90,133,197)
```
#5a7cc5
```
#5a7cc5 rgb(90,124,197)
```
#5a73c5
```
#5a73c5 rgb(90,115,197)
```
#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#5a61c5
```
#5a61c5 rgb(90,97,197)
```
#5c5ac5
```
#5c5ac5 rgb(92,90,197)
```
#655ac5
```
#655ac5 rgb(101,90,197)
```

Similar Colors

Text with hexadecimal color #5a6ac5

This text has a font color of #5a6ac5.

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

#5a6ac5 background color

This paragraph has a background color of #5a6ac5.

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

#5a6ac5 border color

This element has a border color of #5a6ac5.

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

CSS codes

.text {color:#5a6ac5;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080b18
```
#080b18 rgb(8,11,24)
```
#0d1126
```
#0d1126 rgb(13,17,38)
```
#131835
```
#131835 rgb(19,24,53)
```
#181e43
```
#181e43 rgb(24,30,67)
```
#1d2552
```
#1d2552 rgb(29,37,82)
```
#222b60
```
#222b60 rgb(34,43,96)
```
#27326f
```
#27326f rgb(39,50,111)
```
#2c387d
```
#2c387d rgb(44,56,125)
```
#313f8c
```
#313f8c rgb(49,63,140)
```
#36459a
```
#36459a rgb(54,69,154)
```
#3b4ca9
```
#3b4ca9 rgb(59,76,169)
```
#4052b7
```
#4052b7 rgb(64,82,183)
```

Shade Color Variation

#4b5dc0
```
#4b5dc0 rgb(75,93,192)
```
#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#6977ca
```
#6977ca rgb(105,119,202)
```
#7784cf
```
#7784cf rgb(119,132,207)
```
#8691d4
```
#8691d4 rgb(134,145,212)
```
#949ed9
```
#949ed9 rgb(148,158,217)
```
#a3acdf
```
#a3acdf rgb(163,172,223)
```
#b1b9e4
```
#b1b9e4 rgb(177,185,228)
```
#c0c6e9
```
#c0c6e9 rgb(192,198,233)
```
#ced3ee
```
#ced3ee rgb(206,211,238)
```
#dde0f3
```
#dde0f3 rgb(221,224,243)
```
#ebedf8
```
#ebedf8 rgb(235,237,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#8d8e92
```
#8d8e92 rgb(141,142,146)
```
#85889a
```
#85889a rgb(133,136,154)
```
#7c82a3
```
#7c82a3 rgb(124,130,163)
```
#747cab
```
#747cab rgb(116,124,171)
```
#6b76b4
```
#6b76b4 rgb(107,118,180)
```
#6370bc
```
#6370bc rgb(99,112,188)
```
#5a6ac5
```
#5a6ac5 rgb(90,106,197)
```
#5164ce
```
#5164ce rgb(81,100,206)
```
#495ed6
```
#495ed6 rgb(73,94,214)
```
#4058df
```
#4058df rgb(64,88,223)
```
#3852e7
```
#3852e7 rgb(56,82,231)
```
#2f4cf0
```
#2f4cf0 rgb(47,76,240)
```
#2746f8
```
#2746f8 rgb(39,70,248)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6c6f81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b75cb Protanopia 1% of men
#3679c4 Deuteranopia 1% of men
#45808a Tritanopia 0.001% of the population

Trichromacy

#5071c9 Protanomaly 1% of men, 0.01% of women
#4373c4 Deuteranomaly 6% of men, 0.4% of women
#4d789f Tritanomaly 0.01% of the population

#5a6ac5 hex color

#5a6ac5 Color Information

#5a6ac5 Color Conversion

Color Schemes with #5a6ac5

Alternatives to #5a6ac5

#5a6ac5 Preview

Shades and Tints of #5a6ac5

Tones of #5a6ac5

Color Blindness Simulator