#5a6d78 hex color

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

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

● #5a6d78 color description : Dark grayish blue.

The hexadecimal color #5a6d78 has RGB values of R:90, G:109, B:120 and CMYK values of C:0.25, M:0.09, Y:0, K:0.53. Its decimal value is 5926264.

Hex triplet	5a6d78	`#5a6d78`
RGB Decimal	90, 109, 120	`rgb(90,109,120)`
RGB Percent	35.3, 42.7, 47.1	`rgb(35.3%,42.7%,47.1%)`
CMYK	25, 9, 0, 53
HSL	202°, 14.3, 41.2	`hsl(202,14.3%,41.2%)`
HSV (or HSB)	202°, 25, 47.1
Web Safe	666666	`#666666`

CIE-LAB	44.895, -4.371, -8.455
XYZ	13.075, 14.467, 19.872
xyY	0.276, 0.305, 14.467
CIE-LCH	44.895, 9.518, 242.659
CIE-LUV	44.895, -10.102, -11.025
Hunter-Lab	38.035, -5.202, -4.352
Binary	01011010, 01101101, 01111000

#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#78655a
```
#78655a rgb(120,101,90)
```

Complementary Color

#5a7874
```
#5a7874 rgb(90,120,116)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#5a5e78
```
#5a5e78 rgb(90,94,120)
```

Analogous Color

#78745a
```
#78745a rgb(120,116,90)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#785a5e
```
#785a5e rgb(120,90,94)
```

Split Complementary Color

#6d785a
```
#6d785a rgb(109,120,90)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#785a6d
```
#785a6d rgb(120,90,109)
```

Triadic Color

#5a7865
```
#5a7865 rgb(90,120,101)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#785a6d
```
#785a6d rgb(120,90,109)
```
#78655a
```
#78655a rgb(120,101,90)
```

Tetradic Color

#39454c
```
#39454c rgb(57,69,76)
```
#44535b
```
#44535b rgb(68,83,91)
```
#4f6069
```
#4f6069 rgb(79,96,105)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#657a87
```
#657a87 rgb(101,122,135)
```
#718794
```
#718794 rgb(113,135,148)
```
#7f949f
```
#7f949f rgb(127,148,159)
```

Monochromatic Color

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

#5a7578
```
#5a7578 rgb(90,117,120)
```
#5a7278
```
#5a7278 rgb(90,114,120)
```
#5a7078
```
#5a7078 rgb(90,112,120)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#5a6b78
```
#5a6b78 rgb(90,107,120)
```
#5a6878
```
#5a6878 rgb(90,104,120)
```
#5a6678
```
#5a6678 rgb(90,102,120)
```

Similar Colors

Text with hexadecimal color #5a6d78

This text has a font color of #5a6d78.

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

#5a6d78 background color

This paragraph has a background color of #5a6d78.

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

#5a6d78 border color

This element has a border color of #5a6d78.

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

CSS codes

.text {color:#5a6d78;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1113
```
#0e1113 rgb(14,17,19)
```
#171c1e
```
#171c1e rgb(23,28,30)
```
#1f262a
```
#1f262a rgb(31,38,42)
```
#283035
```
#283035 rgb(40,48,53)
```
#303a40
```
#303a40 rgb(48,58,64)
```
#38444b
```
#38444b rgb(56,68,75)
```
#414e56
```
#414e56 rgb(65,78,86)
```
#495962
```
#495962 rgb(73,89,98)
```
#52636d
```
#52636d rgb(82,99,109)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#627783
```
#627783 rgb(98,119,131)
```
#6b818e
```
#6b818e rgb(107,129,142)
```

Shade Color Variation

#758b98
```
#758b98 rgb(117,139,152)
```
#8094a0
```
#8094a0 rgb(128,148,160)
```
#8c9ea8
```
#8c9ea8 rgb(140,158,168)
```
#97a7b1
```
#97a7b1 rgb(151,167,177)
```
#a2b1b9
```
#a2b1b9 rgb(162,177,185)
```
#adbac2
```
#adbac2 rgb(173,186,194)
```
#b8c4ca
```
#b8c4ca rgb(184,196,202)
```
#c4cdd2
```
#c4cdd2 rgb(196,205,210)
```
#cfd6db
```
#cfd6db rgb(207,214,219)
```
#dae0e3
```
#dae0e3 rgb(218,224,227)
```
#e5e9ec
```
#e5e9ec rgb(229,233,236)
```
#f0f3f4
```
#f0f3f4 rgb(240,243,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626b70 is the less saturated color, while #0185d1 is the most saturated one.

#626b70
```
#626b70 rgb(98,107,112)
```
#5a6d78
```
#5a6d78 rgb(90,109,120)
```
#526f80
```
#526f80 rgb(82,111,128)
```
#4a7188
```
#4a7188 rgb(74,113,136)
```
#427390
```
#427390 rgb(66,115,144)
```
#3a7698
```
#3a7698 rgb(58,118,152)
```
#3278a0
```
#3278a0 rgb(50,120,160)
```
#2a7aa8
```
#2a7aa8 rgb(42,122,168)
```
#217cb1
```
#217cb1 rgb(33,124,177)
```
#197eb9
```
#197eb9 rgb(25,126,185)
```
#1180c1
```
#1180c1 rgb(17,128,193)
```
#0983c9
```
#0983c9 rgb(9,131,201)
```
#0185d1
```
#0185d1 rgb(1,133,209)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#666a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#70717d Protanopia 1% of men
#756f80 Deuteranopia 1% of men
#62747d Tritanopia 0.001% of the population

Trichromacy

#686f7b Protanomaly 1% of men, 0.01% of women
#6b6e7d Deuteranomaly 6% of men, 0.4% of women
#5f727b Tritanomaly 0.01% of the population

#5a6d78 hex color

#5a6d78 Color Information

#5a6d78 Color Conversion

Color Schemes with #5a6d78

Alternatives to #5a6d78

#5a6d78 Preview

Shades and Tints of #5a6d78

Tones of #5a6d78

Color Blindness Simulator