#5a7771 hex color

In a RGB color space, hex #5a7771 is composed of 35.3% red, 46.7% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 0% magenta, 5% yellow and 53.3% black. It has a hue angle of 167.6 degrees, a saturation of 13.9% and a lightness of 41%. #5a7771 color hex could be obtained by blending #b4eee2 with #000000. Closest websafe color is: #666666.

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

● #5a7771 color description : Dark grayish cyan.

The hexadecimal color #5a7771 has RGB values of R:90, G:119, B:113 and CMYK values of C:0.24, M:0, Y:0.05, K:0.53. Its decimal value is 5928817.

Hex triplet	5a7771	`#5a7771`
RGB Decimal	90, 119, 113	`rgb(90,119,113)`
RGB Percent	35.3, 46.7, 44.3	`rgb(35.3%,46.7%,44.3%)`
CMYK	24, 0, 5, 53
HSL	167.6°, 13.9, 41	`hsl(167.6,13.9%,41%)`
HSV (or HSB)	167.6°, 24.4, 46.7
Web Safe	666666	`#666666`

CIE-LAB	47.7, -11.816, -0.124
XYZ	13.793, 16.559, 18.091
xyY	0.285, 0.342, 16.559
CIE-LCH	47.7, 11.817, 180.603
CIE-LUV	47.7, -14.568, 1.617
Hunter-Lab	40.693, -10.709, 2.126
Binary	01011010, 01110111, 01110001

#5a7771
```
#5a7771 rgb(90,119,113)
```
#775a60
```
#775a60 rgb(119,90,96)
```

Complementary Color

#5a7763
```
#5a7763 rgb(90,119,99)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#5a6f77
```
#5a6f77 rgb(90,111,119)
```

Analogous Color

#77635a
```
#77635a rgb(119,99,90)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#775a6f
```
#775a6f rgb(119,90,111)
```

Split Complementary Color

#77715a
```
#77715a rgb(119,113,90)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#715a77
```
#715a77 rgb(113,90,119)
```

Triadic Color

#60775a
```
#60775a rgb(96,119,90)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#715a77
```
#715a77 rgb(113,90,119)
```
#775a60
```
#775a60 rgb(119,90,96)
```

Tetradic Color

#394b48
```
#394b48 rgb(57,75,72)
```
#445a55
```
#445a55 rgb(68,90,85)
```
#4f6863
```
#4f6863 rgb(79,104,99)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#65867f
```
#65867f rgb(101,134,127)
```
#71938c
```
#71938c rgb(113,147,140)
```
#7f9e98
```
#7f9e98 rgb(127,158,152)
```

Monochromatic Color

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

#5a776a
```
#5a776a rgb(90,119,106)
```
#5a776c
```
#5a776c rgb(90,119,108)
```
#5a776f
```
#5a776f rgb(90,119,111)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#5a7773
```
#5a7773 rgb(90,119,115)
```
#5a7776
```
#5a7776 rgb(90,119,118)
```
#5a7677
```
#5a7677 rgb(90,118,119)
```

Similar Colors

Text with hexadecimal color #5a7771

This text has a font color of #5a7771.

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

#5a7771 background color

This paragraph has a background color of #5a7771.

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

#5a7771 border color

This element has a border color of #5a7771.

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

CSS codes

.text {color:#5a7771;}

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

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

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

#060707
```
#060707 rgb(6,7,7)
```
#0e1212
```
#0e1212 rgb(14,18,18)
```
#161e1c
```
#161e1c rgb(22,30,28)
```
#1f2927
```
#1f2927 rgb(31,41,39)
```
#273431
```
#273431 rgb(39,52,49)
```
#303f3c
```
#303f3c rgb(48,63,60)
```
#384a47
```
#384a47 rgb(56,74,71)
```
#415551
```
#415551 rgb(65,85,81)
```
#49615c
```
#49615c rgb(73,97,92)
```
#526c66
```
#526c66 rgb(82,108,102)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#62827c
```
#62827c rgb(98,130,124)
```
#6b8d86
```
#6b8d86 rgb(107,141,134)
```

Shade Color Variation

#759790
```
#759790 rgb(117,151,144)
```
#809f99
```
#809f99 rgb(128,159,153)
```
#8ba8a2
```
#8ba8a2 rgb(139,168,162)
```
#97b0ab
```
#97b0ab rgb(151,176,171)
```
#a2b9b4
```
#a2b9b4 rgb(162,185,180)
```
#adc1bd
```
#adc1bd rgb(173,193,189)
```
#b8c9c6
```
#b8c9c6 rgb(184,201,198)
```
#c3d2cf
```
#c3d2cf rgb(195,210,207)
```
#cedad8
```
#cedad8 rgb(206,218,216)
```
#dae3e1
```
#dae3e1 rgb(218,227,225)
```
#e5ebea
```
#e5ebea rgb(229,235,234)
```
#f0f4f3
```
#f0f4f3 rgb(240,244,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#626f6c
```
#626f6c rgb(98,111,108)
```
#5a7771
```
#5a7771 rgb(90,119,113)
```
#527f76
```
#527f76 rgb(82,127,118)
```
#4a877a
```
#4a877a rgb(74,135,122)
```
#428f7f
```
#428f7f rgb(66,143,127)
```
#3a9784
```
#3a9784 rgb(58,151,132)
```
#329f89
```
#329f89 rgb(50,159,137)
```
#2aa78d
```
#2aa78d rgb(42,167,141)
```
#22af92
```
#22af92 rgb(34,175,146)
```
#1ab797
```
#1ab797 rgb(26,183,151)
```
#12bf9b
```
#12bf9b rgb(18,191,155)
```
#0ac7a0
```
#0ac7a0 rgb(10,199,160)
```
#02cfa5
```
#02cfa5 rgb(2,207,165)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6a706f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7875 Protanopia 1% of men
#82757b Deuteranopia 1% of men
#657c85 Tritanopia 0.001% of the population

Trichromacy

#6f7773 Protanomaly 1% of men, 0.01% of women
#737577 Deuteranomaly 6% of men, 0.4% of women
#617a7d Tritanomaly 0.01% of the population

#5a7771 hex color

#5a7771 Color Information

#5a7771 Color Conversion

Color Schemes with #5a7771

Alternatives to #5a7771

#5a7771 Preview

Shades and Tints of #5a7771

Tones of #5a7771

Color Blindness Simulator