#5a7676 hex color

In a RGB color space, hex #5a7676 is composed of 35.3% red, 46.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 0% magenta, 0% yellow and 53.7% black. It has a hue angle of 180 degrees, a saturation of 13.5% and a lightness of 40.8%. #5a7676 color hex could be obtained by blending #b4ecec with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 46
- B 46
RGB color chart
- C 24
- M 0
- Y 0
- K 54
CMYK color chart

● #5a7676 color description : Dark grayish cyan.

The hexadecimal color #5a7676 has RGB values of R:90, G:118, B:118 and CMYK values of C:0.24, M:0, Y:0, K:0.54. Its decimal value is 5928566.

Hex triplet	5a7676	`#5a7676`
RGB Decimal	90, 118, 118	`rgb(90,118,118)`
RGB Percent	35.3, 46.3, 46.3	`rgb(35.3%,46.3%,46.3%)`
CMYK	24, 0, 0, 54
HSL	180°, 13.5, 40.8	`hsl(180,13.5%,40.8%)`
HSV (or HSB)	180°, 23.7, 46.3
Web Safe	666666	`#666666`

CIE-LAB	47.544, -10.064, -3.321
XYZ	13.964, 16.438, 19.576
xyY	0.279, 0.329, 16.438
CIE-LCH	47.544, 10.598, 198.261
CIE-LUV	47.544, -14.145, -3.058
Hunter-Lab	40.544, -9.473, -0.246
Binary	01011010, 01110110, 01110110

#5a7676
```
#5a7676 rgb(90,118,118)
```
#765a5a
```
#765a5a rgb(118,90,90)
```

Complementary Color

#5a7668
```
#5a7668 rgb(90,118,104)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#5a6876
```
#5a6876 rgb(90,104,118)
```

Analogous Color

#76685a
```
#76685a rgb(118,104,90)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#765a68
```
#765a68 rgb(118,90,104)
```

Split Complementary Color

#76765a
```
#76765a rgb(118,118,90)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#765a76
```
#765a76 rgb(118,90,118)
```

Triadic Color

#5a765a
```
#5a765a rgb(90,118,90)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#765a76
```
#765a76 rgb(118,90,118)
```
#765a5a
```
#765a5a rgb(118,90,90)
```

Tetradic Color

#394b4b
```
#394b4b rgb(57,75,75)
```
#445959
```
#445959 rgb(68,89,89)
```
#4f6868
```
#4f6868 rgb(79,104,104)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#658484
```
#658484 rgb(101,132,132)
```
#719292
```
#719292 rgb(113,146,146)
```
#7f9d9d
```
#7f9d9d rgb(127,157,157)
```

Monochromatic Color

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

#5a766f
```
#5a766f rgb(90,118,111)
```
#5a7671
```
#5a7671 rgb(90,118,113)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#5a7476
```
#5a7476 rgb(90,116,118)
```
#5a7176
```
#5a7176 rgb(90,113,118)
```
#5a6f76
```
#5a6f76 rgb(90,111,118)
```

Similar Colors

Text with hexadecimal color #5a7676

This text has a font color of #5a7676.

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

#5a7676 background color

This paragraph has a background color of #5a7676.

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

#5a7676 border color

This element has a border color of #5a7676.

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

CSS codes

.text {color:#5a7676;}

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

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

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

#050707
```
#050707 rgb(5,7,7)
```
#0e1212
```
#0e1212 rgb(14,18,18)
```
#161d1d
```
#161d1d rgb(22,29,29)
```
#1f2828
```
#1f2828 rgb(31,40,40)
```
#273333
```
#273333 rgb(39,51,51)
```
#303e3e
```
#303e3e rgb(48,62,62)
```
#384949
```
#384949 rgb(56,73,73)
```
#415555
```
#415555 rgb(65,85,85)
```
#496060
```
#496060 rgb(73,96,96)
```
#526b6b
```
#526b6b rgb(82,107,107)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#628181
```
#628181 rgb(98,129,129)
```
#6b8c8c
```
#6b8c8c rgb(107,140,140)
```

Shade Color Variation

#759696
```
#759696 rgb(117,150,150)
```
#809e9e
```
#809e9e rgb(128,158,158)
```
#8ba7a7
```
#8ba7a7 rgb(139,167,167)
```
#96afaf
```
#96afaf rgb(150,175,175)
```
#a2b8b8
```
#a2b8b8 rgb(162,184,184)
```
#adc0c0
```
#adc0c0 rgb(173,192,192)
```
#b8c9c9
```
#b8c9c9 rgb(184,201,201)
```
#c3d1d1
```
#c3d1d1 rgb(195,209,209)
```
#cedada
```
#cedada rgb(206,218,218)
```
#d9e2e2
```
#d9e2e2 rgb(217,226,226)
```
#e4ebeb
```
#e4ebeb rgb(228,235,235)
```
#eff3f3
```
#eff3f3 rgb(239,243,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#626e6e
```
#626e6e rgb(98,110,110)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#527e7e
```
#527e7e rgb(82,126,126)
```
#4a8686
```
#4a8686 rgb(74,134,134)
```
#428e8e
```
#428e8e rgb(66,142,142)
```
#3a9696
```
#3a9696 rgb(58,150,150)
```
#329e9e
```
#329e9e rgb(50,158,158)
```
#2aa6a6
```
#2aa6a6 rgb(42,166,166)
```
#22aeae
```
#22aeae rgb(34,174,174)
```
#1ab6b6
```
#1ab6b6 rgb(26,182,182)
```
#12bebe
```
#12bebe rgb(18,190,190)
```
#0ac6c6
```
#0ac6c6 rgb(10,198,198)
```
#02cece
```
#02cece rgb(2,206,206)
```

Tone Color Variation

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

Dichromacy

#79777a Protanopia 1% of men
#7f747f Deuteranopia 1% of men
#647b84 Tritanopia 0.001% of the population

Trichromacy

#6e7678 Protanomaly 1% of men, 0.01% of women
#71757c Deuteranomaly 6% of men, 0.4% of women
#60797f Tritanomaly 0.01% of the population

#5a7676 hex color

#5a7676 Color Information

#5a7676 Color Conversion

Color Schemes with #5a7676

Alternatives to #5a7676

#5a7676 Preview

Shades and Tints of #5a7676

Tones of #5a7676

Color Blindness Simulator