#5a7576 hex color

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

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

● #5a7576 color description : Dark grayish cyan.

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

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

CIE-LAB	47.241, -9.497, -3.769
XYZ	13.847, 16.204, 19.537
xyY	0.279, 0.327, 16.204
CIE-LCH	47.241, 10.217, 201.645
CIE-LUV	47.241, -13.69, -3.761
Hunter-Lab	40.254, -9.042, -0.598
Binary	01011010, 01110101, 01110110

#5a7576
```
#5a7576 rgb(90,117,118)
```
#765b5a
```
#765b5a rgb(118,91,90)
```

Complementary Color

#5a7669
```
#5a7669 rgb(90,118,105)
```
#5a7576
```
#5a7576 rgb(90,117,118)
```
#5a6776
```
#5a6776 rgb(90,103,118)
```

Analogous Color

#76695a
```
#76695a rgb(118,105,90)
```
#5a7576
```
#5a7576 rgb(90,117,118)
```
#765a67
```
#765a67 rgb(118,90,103)
```

Split Complementary Color

#75765a
```
#75765a rgb(117,118,90)
```
#5a7576
```
#5a7576 rgb(90,117,118)
```
#765a75
```
#765a75 rgb(118,90,117)
```

Triadic Color

#5a765b
```
#5a765b rgb(90,118,91)
```
#5a7576
```
#5a7576 rgb(90,117,118)
```
#765a75
```
#765a75 rgb(118,90,117)
```
#765b5a
```
#765b5a rgb(118,91,90)
```

Tetradic Color

#394a4b
```
#394a4b rgb(57,74,75)
```
#445859
```
#445859 rgb(68,88,89)
```
#4f6768
```
#4f6768 rgb(79,103,104)
```
#5a7576
```
#5a7576 rgb(90,117,118)
```
#658384
```
#658384 rgb(101,131,132)
```
#719192
```
#719192 rgb(113,145,146)
```
#7f9c9d
```
#7f9c9d rgb(127,156,157)
```

Monochromatic Color

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

#5a7670
```
#5a7670 rgb(90,118,112)
```
#5a7672
```
#5a7672 rgb(90,118,114)
```
#5a7675
```
#5a7675 rgb(90,118,117)
```
#5a7576
```
#5a7576 rgb(90,117,118)
```
#5a7376
```
#5a7376 rgb(90,115,118)
```
#5a7076
```
#5a7076 rgb(90,112,118)
```
#5a6e76
```
#5a6e76 rgb(90,110,118)
```

Similar Colors

Text with hexadecimal color #5a7576

This text has a font color of #5a7576.

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

#5a7576 background color

This paragraph has a background color of #5a7576.

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

#5a7576 border color

This element has a border color of #5a7576.

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

CSS codes

.text {color:#5a7576;}

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

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

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)
```
#415455
```
#415455 rgb(65,84,85)
```
#495f60
```
#495f60 rgb(73,95,96)
```
#526a6b
```
#526a6b rgb(82,106,107)
```
#5a7576
```
#5a7576 rgb(90,117,118)
```
#628081
```
#628081 rgb(98,128,129)
```
#6b8b8c
```
#6b8b8c rgb(107,139,140)
```

Shade Color Variation

#759596
```
#759596 rgb(117,149,150)
```
#809d9e
```
#809d9e rgb(128,157,158)
```
#8ba6a7
```
#8ba6a7 rgb(139,166,167)
```
#96aeaf
```
#96aeaf rgb(150,174,175)
```
#a2b7b8
```
#a2b7b8 rgb(162,183,184)
```
#adc0c0
```
#adc0c0 rgb(173,192,192)
```
#b8c8c9
```
#b8c8c9 rgb(184,200,201)
```
#c3d1d1
```
#c3d1d1 rgb(195,209,209)
```
#ced9da
```
#ced9da rgb(206,217,218)
```
#d9e2e2
```
#d9e2e2 rgb(217,226,226)
```
#e4eaeb
```
#e4eaeb rgb(228,234,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 #02c7ce is the most saturated one.

#626e6e
```
#626e6e rgb(98,110,110)
```
#5a7576
```
#5a7576 rgb(90,117,118)
```
#527c7e
```
#527c7e rgb(82,124,126)
```
#4a8486
```
#4a8486 rgb(74,132,134)
```
#428b8e
```
#428b8e rgb(66,139,142)
```
#3a9396
```
#3a9396 rgb(58,147,150)
```
#329a9e
```
#329a9e rgb(50,154,158)
```
#2aa2a6
```
#2aa2a6 rgb(42,162,166)
```
#22a9ae
```
#22a9ae rgb(34,169,174)
```
#1ab0b6
```
#1ab0b6 rgb(26,176,182)
```
#12b8be
```
#12b8be rgb(18,184,190)
```
#0abfc6
```
#0abfc6 rgb(10,191,198)
```
#02c7ce
```
#02c7ce rgb(2,199,206)
```

Tone Color Variation

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

#78767a Protanopia 1% of men
#7e747f Deuteranopia 1% of men
#647b83 Tritanopia 0.001% of the population

Trichromacy

#6d7678 Protanomaly 1% of men, 0.01% of women
#71747c Deuteranomaly 6% of men, 0.4% of women
#60787e Tritanomaly 0.01% of the population

#5a7576 hex color

#5a7576 Color Information

#5a7576 Color Conversion

Color Schemes with #5a7576

Alternatives to #5a7576

#5a7576 Preview

Shades and Tints of #5a7576

Tones of #5a7576

Color Blindness Simulator