#5a5f78 hex color

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

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

● #5a5f78 color description : Dark grayish blue.

The hexadecimal color #5a5f78 has RGB values of R:90, G:95, B:120 and CMYK values of C:0.25, M:0.21, Y:0, K:0.53. Its decimal value is 5922680.

Hex triplet	5a5f78	`#5a5f78`
RGB Decimal	90, 95, 120	`rgb(90,95,120)`
RGB Percent	35.3, 37.3, 47.1	`rgb(35.3%,37.3%,47.1%)`
CMYK	25, 21, 0, 53
HSL	230°, 14.3, 41.2	`hsl(230,14.3%,41.2%)`
HSV (or HSB)	230°, 25, 47.1
Web Safe	666666	`#666666`

CIE-LAB	40.758, 4.066, -14.708
XYZ	11.698, 11.714, 19.413
xyY	0.273, 0.274, 11.714
CIE-LCH	40.758, 15.259, 285.453
CIE-LUV	40.758, -3.896, -20.749
Hunter-Lab	34.226, 1.115, -9.672
Binary	01011010, 01011111, 01111000

#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#78735a
```
#78735a rgb(120,115,90)
```

Complementary Color

#5a6e78
```
#5a6e78 rgb(90,110,120)
```
#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#645a78
```
#645a78 rgb(100,90,120)
```

Analogous Color

#6e785a
```
#6e785a rgb(110,120,90)
```
#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#78645a
```
#78645a rgb(120,100,90)
```

Split Complementary Color

#5f785a
```
#5f785a rgb(95,120,90)
```
#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#785a5f
```
#785a5f rgb(120,90,95)
```

Triadic Color

#5a7873
```
#5a7873 rgb(90,120,115)
```
#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#785a5f
```
#785a5f rgb(120,90,95)
```
#78735a
```
#78735a rgb(120,115,90)
```

Tetradic Color

#393c4c
```
#393c4c rgb(57,60,76)
```
#44485b
```
#44485b rgb(68,72,91)
```
#4f5369
```
#4f5369 rgb(79,83,105)
```
#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#656b87
```
#656b87 rgb(101,107,135)
```
#717794
```
#717794 rgb(113,119,148)
```
#7f859f
```
#7f859f rgb(127,133,159)
```

Monochromatic Color

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

#5a6778
```
#5a6778 rgb(90,103,120)
```
#5a6478
```
#5a6478 rgb(90,100,120)
```
#5a6278
```
#5a6278 rgb(90,98,120)
```
#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#5a5d78
```
#5a5d78 rgb(90,93,120)
```
#5a5a78
```
#5a5a78 rgb(90,90,120)
```
#5d5a78
```
#5d5a78 rgb(93,90,120)
```

Similar Colors

Text with hexadecimal color #5a5f78

This text has a font color of #5a5f78.

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

#5a5f78 background color

This paragraph has a background color of #5a5f78.

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

#5a5f78 border color

This element has a border color of #5a5f78.

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

CSS codes

.text {color:#5a5f78;}

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

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

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)
```
#282a35
```
#282a35 rgb(40,42,53)
```
#303340
```
#303340 rgb(48,51,64)
```
#383c4b
```
#383c4b rgb(56,60,75)
```
#414456
```
#414456 rgb(65,68,86)
```
#494d62
```
#494d62 rgb(73,77,98)
```
#52566d
```
#52566d rgb(82,86,109)
```
#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#626883
```
#626883 rgb(98,104,131)
```
#6b718e
```
#6b718e rgb(107,113,142)
```

Shade Color Variation

#757b98
```
#757b98 rgb(117,123,152)
```
#8086a0
```
#8086a0 rgb(128,134,160)
```
#8c90a8
```
#8c90a8 rgb(140,144,168)
```
#979bb1
```
#979bb1 rgb(151,155,177)
```
#a2a6b9
```
#a2a6b9 rgb(162,166,185)
```
#adb1c2
```
#adb1c2 rgb(173,177,194)
```
#b8bbca
```
#b8bbca rgb(184,187,202)
```
#c4c6d2
```
#c4c6d2 rgb(196,198,210)
```
#cfd1db
```
#cfd1db rgb(207,209,219)
```
#dadce3
```
#dadce3 rgb(218,220,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 #0124d1 is the most saturated one.

#626470
```
#626470 rgb(98,100,112)
```
#5a5f78
```
#5a5f78 rgb(90,95,120)
```
#525a80
```
#525a80 rgb(82,90,128)
```
#4a5488
```
#4a5488 rgb(74,84,136)
```
#424f90
```
#424f90 rgb(66,79,144)
```
#3a4998
```
#3a4998 rgb(58,73,152)
```
#3244a0
```
#3244a0 rgb(50,68,160)
```
#2a3fa8
```
#2a3fa8 rgb(42,63,168)
```
#2139b1
```
#2139b1 rgb(33,57,177)
```
#1934b9
```
#1934b9 rgb(25,52,185)
```
#112fc1
```
#112fc1 rgb(17,47,193)
```
#0929c9
```
#0929c9 rgb(9,41,201)
```
#0124d1
```
#0124d1 rgb(1,36,209)
```

Tone Color Variation

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

#62677f Protanopia 1% of men
#65667f Deuteranopia 1% of men
#5f6971 Tritanopia 0.001% of the population

Trichromacy

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

#5a5f78 hex color

#5a5f78 Color Information

#5a5f78 Color Conversion

Color Schemes with #5a5f78

Alternatives to #5a5f78

#5a5f78 Preview

Shades and Tints of #5a5f78

Tones of #5a5f78

Color Blindness Simulator