#5a7e7a hex color

In a RGB color space, hex #5a7e7a is composed of 35.3% red, 49.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 3.2% yellow and 50.6% black. It has a hue angle of 173.3 degrees, a saturation of 16.7% and a lightness of 42.4%. #5a7e7a color hex could be obtained by blending #b4fcf4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 49
- B 48
RGB color chart
- C 29
- M 0
- Y 3
- K 51
CMYK color chart

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

The hexadecimal color #5a7e7a has RGB values of R:90, G:126, B:122 and CMYK values of C:0.29, M:0, Y:0.03, K:0.51. Its decimal value is 5930618.

Hex triplet	5a7e7a	`#5a7e7a`
RGB Decimal	90, 126, 122	`rgb(90,126,122)`
RGB Percent	35.3, 49.4, 47.8	`rgb(35.3%,49.4%,47.8%)`
CMYK	29, 0, 3, 51
HSL	173.3°, 16.7, 42.4	`hsl(173.3,16.7%,42.4%)`
HSV (or HSB)	173.3°, 28.6, 49.4
Web Safe	666666	`#666666`

CIE-LAB	50.097, -13.567, -1.926
XYZ	15.189, 18.5, 21.182
xyY	0.277, 0.337, 18.5
CIE-LCH	50.097, 13.703, 188.079
CIE-LUV	50.097, -17.77, -0.618
Hunter-Lab	43.012, -12.234, 0.91
Binary	01011010, 01111110, 01111010

#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#7e5a5e
```
#7e5a5e rgb(126,90,94)
```

Complementary Color

#5a7e68
```
#5a7e68 rgb(90,126,104)
```
#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#5a707e
```
#5a707e rgb(90,112,126)
```

Analogous Color

#7e685a
```
#7e685a rgb(126,104,90)
```
#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#7e5a70
```
#7e5a70 rgb(126,90,112)
```

Split Complementary Color

#7e7a5a
```
#7e7a5a rgb(126,122,90)
```
#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#7a5a7e
```
#7a5a7e rgb(122,90,126)
```

Triadic Color

#5e7e5a
```
#5e7e5a rgb(94,126,90)
```
#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#7a5a7e
```
#7a5a7e rgb(122,90,126)
```
#7e5a5e
```
#7e5a5e rgb(126,90,94)
```

Tetradic Color

#3a514f
```
#3a514f rgb(58,81,79)
```
#45605d
```
#45605d rgb(69,96,93)
```
#4f6f6c
```
#4f6f6c rgb(79,111,108)
```
#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#658d88
```
#658d88 rgb(101,141,136)
```
#719a95
```
#719a95 rgb(113,154,149)
```
#80a4a0
```
#80a4a0 rgb(128,164,160)
```

Monochromatic Color

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

#5a7e71
```
#5a7e71 rgb(90,126,113)
```
#5a7e74
```
#5a7e74 rgb(90,126,116)
```
#5a7e77
```
#5a7e77 rgb(90,126,119)
```
#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#5a7e7d
```
#5a7e7d rgb(90,126,125)
```
#5a7c7e
```
#5a7c7e rgb(90,124,126)
```
#5a797e
```
#5a797e rgb(90,121,126)
```

Similar Colors

Text with hexadecimal color #5a7e7a

This text has a font color of #5a7e7a.

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

#5a7e7a background color

This paragraph has a background color of #5a7e7a.

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

#5a7e7a border color

This element has a border color of #5a7e7a.

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

CSS codes

.text {color:#5a7e7a;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080c0b
```
#080c0b rgb(8,12,11)
```
#101716
```
#101716 rgb(16,23,22)
```
#192221
```
#192221 rgb(25,34,33)
```
#212e2c
```
#212e2c rgb(33,46,44)
```
#293938
```
#293938 rgb(41,57,56)
```
#314543
```
#314543 rgb(49,69,67)
```
#39504e
```
#39504e rgb(57,80,78)
```
#415c59
```
#415c59 rgb(65,92,89)
```
#4a6764
```
#4a6764 rgb(74,103,100)
```
#52736f
```
#52736f rgb(82,115,111)
```
#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#628985
```
#628985 rgb(98,137,133)
```

Shade Color Variation

#6a9590
```
#6a9590 rgb(106,149,144)
```
#769d99
```
#769d99 rgb(118,157,153)
```
#81a5a1
```
#81a5a1 rgb(129,165,161)
```
#8dadaa
```
#8dadaa rgb(141,173,170)
```
#98b6b2
```
#98b6b2 rgb(152,182,178)
```
#a4bebb
```
#a4bebb rgb(164,190,187)
```
#afc6c3
```
#afc6c3 rgb(175,198,195)
```
#bacecc
```
#bacecc rgb(186,206,204)
```
#c6d6d4
```
#c6d6d4 rgb(198,214,212)
```
#d1dedd
```
#d1dedd rgb(209,222,221)
```
#dde7e5
```
#dde7e5 rgb(221,231,229)
```
#e8efee
```
#e8efee rgb(232,239,238)
```
#f4f7f7
```
#f4f7f7 rgb(244,247,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d6d is the less saturated color, while #07d1bb is the most saturated one.

#6b6d6d
```
#6b6d6d rgb(107,109,109)
```
#627674
```
#627674 rgb(98,118,116)
```
#5a7e7a
```
#5a7e7a rgb(90,126,122)
```
#528680
```
#528680 rgb(82,134,128)
```
#498f87
```
#498f87 rgb(73,143,135)
```
#41978d
```
#41978d rgb(65,151,141)
```
#399f94
```
#399f94 rgb(57,159,148)
```
#30a89a
```
#30a89a rgb(48,168,154)
```
#28b0a1
```
#28b0a1 rgb(40,176,161)
```
#20b8a7
```
#20b8a7 rgb(32,184,167)
```
#18c0ae
```
#18c0ae rgb(24,192,174)
```
#0fc9b4
```
#0fc9b4 rgb(15,201,180)
```
#07d1bb
```
#07d1bb rgb(7,209,187)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6e7574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807d7d Protanopia 1% of men
#877a84 Deuteranopia 1% of men
#65828c Tritanopia 0.001% of the population

Trichromacy

#727d7c Protanomaly 1% of men, 0.01% of women
#767b80 Deuteranomaly 6% of men, 0.4% of women
#618185 Tritanomaly 0.01% of the population

#5a7e7a hex color

#5a7e7a Color Information

#5a7e7a Color Conversion

Color Schemes with #5a7e7a

Alternatives to #5a7e7a

#5a7e7a Preview

Shades and Tints of #5a7e7a

Tones of #5a7e7a

Color Blindness Simulator