#5a5e78 hex color

In a RGB color space, hex #5a5e78 is composed of 35.3% red, 36.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 21.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 232 degrees, a saturation of 14.3% and a lightness of 41.2%. #5a5e78 color hex could be obtained by blending #b4bcf0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 37
- B 47
RGB color chart
- C 25
- M 22
- Y 0
- K 53
CMYK color chart

● #5a5e78 color description : Dark grayish blue.

The hexadecimal color #5a5e78 has RGB values of R:90, G:94, B:120 and CMYK values of C:0.25, M:0.22, Y:0, K:0.53. Its decimal value is 5922424.

Hex triplet	5a5e78	`#5a5e78`
RGB Decimal	90, 94, 120	`rgb(90,94,120)`
RGB Percent	35.3, 36.9, 47.1	`rgb(35.3%,36.9%,47.1%)`
CMYK	25, 22, 0, 53
HSL	232°, 14.3, 41.2	`hsl(232,14.3%,41.2%)`
HSV (or HSB)	232°, 25, 47.1
Web Safe	666666	`#666666`

CIE-LAB	40.467, 4.682, -15.151
XYZ	11.609, 11.535, 19.383
xyY	0.273, 0.271, 11.535
CIE-LCH	40.467, 15.858, 287.174
CIE-LUV	40.467, -3.461, -21.428
Hunter-Lab	33.963, 1.576, -10.063
Binary	01011010, 01011110, 01111000

#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#78745a
```
#78745a rgb(120,116,90)
```

Complementary Color

#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#655a78
```
#655a78 rgb(101,90,120)
```

Analogous Color

#6d785a
```
#6d785a rgb(109,120,90)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#78655a
```
#78655a rgb(120,101,90)
```

Split Complementary Color

#5e785a
```
#5e785a rgb(94,120,90)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#785a5e
```
#785a5e rgb(120,90,94)
```

Triadic Color

#5a7874
```
#5a7874 rgb(90,120,116)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#785a5e
```
#785a5e rgb(120,90,94)
```
#78745a
```
#78745a rgb(120,116,90)
```

Tetradic Color

#393c4c
```
#393c4c rgb(57,60,76)
```
#44475b
```
#44475b rgb(68,71,91)
```
#4f5369
```
#4f5369 rgb(79,83,105)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#656987
```
#656987 rgb(101,105,135)
```
#717594
```
#717594 rgb(113,117,148)
```
#7f849f
```
#7f849f rgb(127,132,159)
```

Monochromatic Color

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

#5a6678
```
#5a6678 rgb(90,102,120)
```
#5a6378
```
#5a6378 rgb(90,99,120)
```
#5a6178
```
#5a6178 rgb(90,97,120)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#5a5c78
```
#5a5c78 rgb(90,92,120)
```
#5b5a78
```
#5b5a78 rgb(91,90,120)
```
#5e5a78
```
#5e5a78 rgb(94,90,120)
```

Similar Colors

Text with hexadecimal color #5a5e78

This text has a font color of #5a5e78.

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

#5a5e78 background color

This paragraph has a background color of #5a5e78.

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

#5a5e78 border color

This element has a border color of #5a5e78.

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

CSS codes

.text {color:#5a5e78;}

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

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

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

#060608
```
#060608 rgb(6,6,8)
```
#0e0f13
```
#0e0f13 rgb(14,15,19)
```
#17181e
```
#17181e rgb(23,24,30)
```
#1f212a
```
#1f212a rgb(31,33,42)
```
#282935
```
#282935 rgb(40,41,53)
```
#303240
```
#303240 rgb(48,50,64)
```
#383b4b
```
#383b4b rgb(56,59,75)
```
#414456
```
#414456 rgb(65,68,86)
```
#494c62
```
#494c62 rgb(73,76,98)
```
#52556d
```
#52556d rgb(82,85,109)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#626783
```
#626783 rgb(98,103,131)
```
#6b708e
```
#6b708e rgb(107,112,142)
```

Shade Color Variation

#757a98
```
#757a98 rgb(117,122,152)
```
#8085a0
```
#8085a0 rgb(128,133,160)
```
#8c8fa8
```
#8c8fa8 rgb(140,143,168)
```
#979ab1
```
#979ab1 rgb(151,154,177)
```
#a2a5b9
```
#a2a5b9 rgb(162,165,185)
```
#adb0c2
```
#adb0c2 rgb(173,176,194)
```
#b8bbca
```
#b8bbca rgb(184,187,202)
```
#c4c6d2
```
#c4c6d2 rgb(196,198,210)
```
#cfd0db
```
#cfd0db rgb(207,208,219)
```
#dadbe3
```
#dadbe3 rgb(218,219,227)
```
#e5e6ec
```
#e5e6ec rgb(229,230,236)
```
#f0f1f4
```
#f0f1f4 rgb(240,241,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626470 is the less saturated color, while #011dd1 is the most saturated one.

#626470
```
#626470 rgb(98,100,112)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```
#525880
```
#525880 rgb(82,88,128)
```
#4a5288
```
#4a5288 rgb(74,82,136)
```
#424c90
```
#424c90 rgb(66,76,144)
```
#3a4698
```
#3a4698 rgb(58,70,152)
```
#3240a0
```
#3240a0 rgb(50,64,160)
```
#2a3aa8
```
#2a3aa8 rgb(42,58,168)
```
#2135b1
```
#2135b1 rgb(33,53,177)
```
#192fb9
```
#192fb9 rgb(25,47,185)
```
#1129c1
```
#1129c1 rgb(17,41,193)
```
#0923c9
```
#0923c9 rgb(9,35,201)
```
#011dd1
```
#011dd1 rgb(1,29,209)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5f6065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61667f Protanopia 1% of men
#64657f Deuteranopia 1% of men
#5f6970 Tritanopia 0.001% of the population

Trichromacy

#5e637c Protanomaly 1% of men, 0.01% of women
#60627c Deuteranomaly 6% of men, 0.4% of women
#5d6573 Tritanomaly 0.01% of the population

#5a5e78 hex color

#5a5e78 Color Information

#5a5e78 Color Conversion

Color Schemes with #5a5e78

Alternatives to #5a5e78

#5a5e78 Preview

Shades and Tints of #5a5e78

Tones of #5a5e78

Color Blindness Simulator