#5a7978 hex color

In a RGB color space, hex #5a7978 is composed of 35.3% red, 47.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 0.8% yellow and 52.5% black. It has a hue angle of 178.1 degrees, a saturation of 14.7% and a lightness of 41.4%. #5a7978 color hex could be obtained by blending #b4f2f0 with #000000. Closest websafe color is: #666666.

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

● #5a7978 color description : Mostly desaturated dark cyan.

The hexadecimal color #5a7978 has RGB values of R:90, G:121, B:120 and CMYK values of C:0.26, M:0, Y:0.01, K:0.53. Its decimal value is 5929336.

Hex triplet	5a7978	`#5a7978`
RGB Decimal	90, 121, 120	`rgb(90,121,120)`
RGB Percent	35.3, 47.5, 47.1	`rgb(35.3%,47.5%,47.1%)`
CMYK	26, 0, 1, 53
HSL	178.1°, 14.7, 41.4	`hsl(178.1,14.7%,41.4%)`
HSV (or HSB)	178.1°, 25.6, 47.5
Web Safe	666666	`#666666`

CIE-LAB	48.516, -11.271, -3.073
XYZ	14.443, 17.204, 20.328
xyY	0.278, 0.331, 17.204
CIE-LCH	48.516, 11.682, 195.251
CIE-LUV	48.516, -15.516, -2.55
Hunter-Lab	41.478, -10.43, -0.023
Binary	01011010, 01111001, 01111000

#5a7978
```
#5a7978 rgb(90,121,120)
```
#795a5b
```
#795a5b rgb(121,90,91)
```

Complementary Color

#5a7969
```
#5a7969 rgb(90,121,105)
```
#5a7978
```
#5a7978 rgb(90,121,120)
```
#5a6b79
```
#5a6b79 rgb(90,107,121)
```

Analogous Color

#79695a
```
#79695a rgb(121,105,90)
```
#5a7978
```
#5a7978 rgb(90,121,120)
```
#795a6b
```
#795a6b rgb(121,90,107)
```

Split Complementary Color

#79785a
```
#79785a rgb(121,120,90)
```
#5a7978
```
#5a7978 rgb(90,121,120)
```
#785a79
```
#785a79 rgb(120,90,121)
```

Triadic Color

#5b795a
```
#5b795a rgb(91,121,90)
```
#5a7978
```
#5a7978 rgb(90,121,120)
```
#785a79
```
#785a79 rgb(120,90,121)
```
#795a5b
```
#795a5b rgb(121,90,91)
```

Tetradic Color

#394d4c
```
#394d4c rgb(57,77,76)
```
#445c5b
```
#445c5b rgb(68,92,91)
```
#4f6a69
```
#4f6a69 rgb(79,106,105)
```
#5a7978
```
#5a7978 rgb(90,121,120)
```
#658887
```
#658887 rgb(101,136,135)
```
#719594
```
#719594 rgb(113,149,148)
```
#7fa09f
```
#7fa09f rgb(127,160,159)
```

Monochromatic Color

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

#5a7970
```
#5a7970 rgb(90,121,112)
```
#5a7973
```
#5a7973 rgb(90,121,115)
```
#5a7975
```
#5a7975 rgb(90,121,117)
```
#5a7978
```
#5a7978 rgb(90,121,120)
```
#5a7779
```
#5a7779 rgb(90,119,121)
```
#5a7579
```
#5a7579 rgb(90,117,121)
```
#5a7279
```
#5a7279 rgb(90,114,121)
```

Similar Colors

Text with hexadecimal color #5a7978

This text has a font color of #5a7978.

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

#5a7978 background color

This paragraph has a background color of #5a7978.

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

#5a7978 border color

This element has a border color of #5a7978.

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

CSS codes

.text {color:#5a7978;}

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

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

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

#060908
```
#060908 rgb(6,9,8)
```
#0f1414
```
#0f1414 rgb(15,20,20)
```
#171f1f
```
#171f1f rgb(23,31,31)
```
#1f2a2a
```
#1f2a2a rgb(31,42,42)
```
#283635
```
#283635 rgb(40,54,53)
```
#304140
```
#304140 rgb(48,65,64)
```
#394c4b
```
#394c4b rgb(57,76,75)
```
#415757
```
#415757 rgb(65,87,87)
```
#496362
```
#496362 rgb(73,99,98)
```
#526e6d
```
#526e6d rgb(82,110,109)
```
#5a7978
```
#5a7978 rgb(90,121,120)
```
#628483
```
#628483 rgb(98,132,131)
```
#6b8f8e
```
#6b8f8e rgb(107,143,142)
```

Shade Color Variation

#759997
```
#759997 rgb(117,153,151)
```
#81a1a0
```
#81a1a0 rgb(129,161,160)
```
#8ca9a8
```
#8ca9a8 rgb(140,169,168)
```
#97b2b1
```
#97b2b1 rgb(151,178,177)
```
#a2bab9
```
#a2bab9 rgb(162,186,185)
```
#aec2c2
```
#aec2c2 rgb(174,194,194)
```
#b9cbca
```
#b9cbca rgb(185,203,202)
```
#c4d3d3
```
#c4d3d3 rgb(196,211,211)
```
#cfdbdb
```
#cfdbdb rgb(207,219,219)
```
#dbe4e4
```
#dbe4e4 rgb(219,228,228)
```
#e6ecec
```
#e6ecec rgb(230,236,236)
```
#f1f5f4
```
#f1f5f4 rgb(241,245,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#627170
```
#627170 rgb(98,113,112)
```
#5a7978
```
#5a7978 rgb(90,121,120)
```
#528180
```
#528180 rgb(82,129,128)
```
#4a8987
```
#4a8987 rgb(74,137,135)
```
#42918f
```
#42918f rgb(66,145,143)
```
#3a9996
```
#3a9996 rgb(58,153,150)
```
#31a29e
```
#31a29e rgb(49,162,158)
```
#29aaa6
```
#29aaa6 rgb(41,170,166)
```
#21b2ad
```
#21b2ad rgb(33,178,173)
```
#19bab5
```
#19bab5 rgb(25,186,181)
```
#11c2bc
```
#11c2bc rgb(17,194,188)
```
#09cac4
```
#09cac4 rgb(9,202,196)
```
#01d2cc
```
#01d2cc rgb(1,210,204)
```

Tone Color Variation

Below, you can see how #5a7978 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
#6c7272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c797b Protanopia 1% of men
#827782 Deuteranopia 1% of men
#647e87 Tritanopia 0.001% of the population

Trichromacy

#6f797a Protanomaly 1% of men, 0.01% of women
#73777e Deuteranomaly 6% of men, 0.4% of women
#607c82 Tritanomaly 0.01% of the population

#5a7978 hex color

#5a7978 Color Information

#5a7978 Color Conversion

Color Schemes with #5a7978

Alternatives to #5a7978

#5a7978 Preview

Shades and Tints of #5a7978

Tones of #5a7978

Color Blindness Simulator