#5a7578 hex color

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

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

● #5a7578 color description : Dark grayish cyan.

The hexadecimal color #5a7578 has RGB values of R:90, G:117, B:120 and CMYK values of C:0.25, M:0.03, Y:0, K:0.53. Its decimal value is 5928312.

Hex triplet	5a7578	`#5a7578`
RGB Decimal	90, 117, 120	`rgb(90,117,120)`
RGB Percent	35.3, 45.9, 47.1	`rgb(35.3%,45.9%,47.1%)`
CMYK	25, 3, 0, 53
HSL	186°, 14.3, 41.2	`hsl(186,14.3%,41.2%)`
HSV (or HSB)	186°, 25, 47.1
Web Safe	666666	`#666666`

CIE-LAB	47.303, -9.007, -4.866
XYZ	13.967, 16.252, 20.169
xyY	0.277, 0.323, 16.252
CIE-LCH	47.303, 10.238, 208.378
CIE-LUV	47.303, -13.709, -5.377
Hunter-Lab	40.314, -8.705, -1.444
Binary	01011010, 01110101, 01111000

#5a7578
```
#5a7578 rgb(90,117,120)
```
#785d5a
```
#785d5a rgb(120,93,90)
```

Complementary Color

#5a786c
```
#5a786c rgb(90,120,108)
```
#5a7578
```
#5a7578 rgb(90,117,120)
```
#5a6678
```
#5a6678 rgb(90,102,120)
```

Analogous Color

#786c5a
```
#786c5a rgb(120,108,90)
```
#5a7578
```
#5a7578 rgb(90,117,120)
```
#785a66
```
#785a66 rgb(120,90,102)
```

Split Complementary Color

#75785a
```
#75785a rgb(117,120,90)
```
#5a7578
```
#5a7578 rgb(90,117,120)
```
#785a75
```
#785a75 rgb(120,90,117)
```

Triadic Color

#5a785d
```
#5a785d rgb(90,120,93)
```
#5a7578
```
#5a7578 rgb(90,117,120)
```
#785a75
```
#785a75 rgb(120,90,117)
```
#785d5a
```
#785d5a rgb(120,93,90)
```

Tetradic Color

#394a4c
```
#394a4c rgb(57,74,76)
```
#44595b
```
#44595b rgb(68,89,91)
```
#4f6769
```
#4f6769 rgb(79,103,105)
```
#5a7578
```
#5a7578 rgb(90,117,120)
```
#658387
```
#658387 rgb(101,131,135)
```
#719194
```
#719194 rgb(113,145,148)
```
#7f9c9f
```
#7f9c9f rgb(127,156,159)
```

Monochromatic Color

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

#5a7874
```
#5a7874 rgb(90,120,116)
```
#5a7876
```
#5a7876 rgb(90,120,118)
```
#5a7878
```
#5a7878 rgb(90,120,120)
```
#5a7578
```
#5a7578 rgb(90,117,120)
```
#5a7378
```
#5a7378 rgb(90,115,120)
```
#5a7078
```
#5a7078 rgb(90,112,120)
```
#5a6e78
```
#5a6e78 rgb(90,110,120)
```

Similar Colors

Text with hexadecimal color #5a7578

This text has a font color of #5a7578.

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

#5a7578 background color

This paragraph has a background color of #5a7578.

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

#5a7578 border color

This element has a border color of #5a7578.

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

CSS codes

.text {color:#5a7578;}

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

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

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

#060808
```
#060808 rgb(6,8,8)
```
#0e1313
```
#0e1313 rgb(14,19,19)
```
#171e1e
```
#171e1e rgb(23,30,30)
```
#1f292a
```
#1f292a rgb(31,41,42)
```
#283335
```
#283335 rgb(40,51,53)
```
#303e40
```
#303e40 rgb(48,62,64)
```
#38494b
```
#38494b rgb(56,73,75)
```
#415456
```
#415456 rgb(65,84,86)
```
#495f62
```
#495f62 rgb(73,95,98)
```
#526a6d
```
#526a6d rgb(82,106,109)
```
#5a7578
```
#5a7578 rgb(90,117,120)
```
#628083
```
#628083 rgb(98,128,131)
```
#6b8b8e
```
#6b8b8e rgb(107,139,142)
```

Shade Color Variation

#759498
```
#759498 rgb(117,148,152)
```
#809da0
```
#809da0 rgb(128,157,160)
```
#8ca6a8
```
#8ca6a8 rgb(140,166,168)
```
#97aeb1
```
#97aeb1 rgb(151,174,177)
```
#a2b7b9
```
#a2b7b9 rgb(162,183,185)
```
#adc0c2
```
#adc0c2 rgb(173,192,194)
```
#b8c8ca
```
#b8c8ca rgb(184,200,202)
```
#c4d1d2
```
#c4d1d2 rgb(196,209,210)
```
#cfdadb
```
#cfdadb rgb(207,218,219)
```
#dae2e3
```
#dae2e3 rgb(218,226,227)
```
#e5ebec
```
#e5ebec rgb(229,235,236)
```
#f0f4f4
```
#f0f4f4 rgb(240,244,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#626f70
```
#626f70 rgb(98,111,112)
```
#5a7578
```
#5a7578 rgb(90,117,120)
```
#527b80
```
#527b80 rgb(82,123,128)
```
#4a8288
```
#4a8288 rgb(74,130,136)
```
#428890
```
#428890 rgb(66,136,144)
```
#3a8f98
```
#3a8f98 rgb(58,143,152)
```
#3295a0
```
#3295a0 rgb(50,149,160)
```
#2a9ca8
```
#2a9ca8 rgb(42,156,168)
```
#21a2b1
```
#21a2b1 rgb(33,162,177)
```
#19a9b9
```
#19a9b9 rgb(25,169,185)
```
#11afc1
```
#11afc1 rgb(17,175,193)
```
#09b6c9
```
#09b6c9 rgb(9,182,201)
```
#01bcd1
```
#01bcd1 rgb(1,188,209)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#696f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#78767c Protanopia 1% of men
#7d7481 Deuteranopia 1% of men
#637b84 Tritanopia 0.001% of the population

Trichromacy

#6d767a Protanomaly 1% of men, 0.01% of women
#70747e Deuteranomaly 6% of men, 0.4% of women
#60797f Tritanomaly 0.01% of the population

#5a7578 hex color

#5a7578 Color Information

#5a7578 Color Conversion

Color Schemes with #5a7578

Alternatives to #5a7578

#5a7578 Preview

Shades and Tints of #5a7578

Tones of #5a7578

Color Blindness Simulator