#5a766c hex color

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

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

● #5a766c color description : Dark grayish cyan - lime green.

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

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

CIE-LAB	47.252, -12.403, 2.192
XYZ	13.401, 16.213, 16.61
xyY	0.29, 0.351, 16.213
CIE-LCH	47.252, 12.595, 169.978
CIE-LUV	47.252, -14.07, 4.824
Hunter-Lab	40.265, -11.056, 3.728
Binary	01011010, 01110110, 01101100

#5a766c
```
#5a766c rgb(90,118,108)
```
#765a64
```
#765a64 rgb(118,90,100)
```

Complementary Color

#5a765e
```
#5a765e rgb(90,118,94)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#5a7276
```
#5a7276 rgb(90,114,118)
```

Analogous Color

#765e5a
```
#765e5a rgb(118,94,90)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#765a72
```
#765a72 rgb(118,90,114)
```

Split Complementary Color

#766c5a
```
#766c5a rgb(118,108,90)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#6c5a76
```
#6c5a76 rgb(108,90,118)
```

Triadic Color

#64765a
```
#64765a rgb(100,118,90)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#6c5a76
```
#6c5a76 rgb(108,90,118)
```
#765a64
```
#765a64 rgb(118,90,100)
```

Tetradic Color

#394b44
```
#394b44 rgb(57,75,68)
```
#445952
```
#445952 rgb(68,89,82)
```
#4f685f
```
#4f685f rgb(79,104,95)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#658479
```
#658479 rgb(101,132,121)
```
#719286
```
#719286 rgb(113,146,134)
```
#7f9d93
```
#7f9d93 rgb(127,157,147)
```

Monochromatic Color

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

#5a7665
```
#5a7665 rgb(90,118,101)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#5a766a
```
#5a766a rgb(90,118,106)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#5a766e
```
#5a766e rgb(90,118,110)
```
#5a7671
```
#5a7671 rgb(90,118,113)
```
#5a7673
```
#5a7673 rgb(90,118,115)
```

Similar Colors

Text with hexadecimal color #5a766c

This text has a font color of #5a766c.

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

#5a766c background color

This paragraph has a background color of #5a766c.

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

#5a766c border color

This element has a border color of #5a766c.

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

CSS codes

.text {color:#5a766c;}

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

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

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

#050706
```
#050706 rgb(5,7,6)
```
#0e1210
```
#0e1210 rgb(14,18,16)
```
#161d1b
```
#161d1b rgb(22,29,27)
```
#1f2825
```
#1f2825 rgb(31,40,37)
```
#27332f
```
#27332f rgb(39,51,47)
```
#303e39
```
#303e39 rgb(48,62,57)
```
#384943
```
#384943 rgb(56,73,67)
```
#41554d
```
#41554d rgb(65,85,77)
```
#496058
```
#496058 rgb(73,96,88)
```
#526b62
```
#526b62 rgb(82,107,98)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#628176
```
#628176 rgb(98,129,118)
```
#6b8c80
```
#6b8c80 rgb(107,140,128)
```

Shade Color Variation

#75968a
```
#75968a rgb(117,150,138)
```
#809e94
```
#809e94 rgb(128,158,148)
```
#8ba79d
```
#8ba79d rgb(139,167,157)
```
#96afa6
```
#96afa6 rgb(150,175,166)
```
#a2b8b0
```
#a2b8b0 rgb(162,184,176)
```
#adc0b9
```
#adc0b9 rgb(173,192,185)
```
#b8c9c3
```
#b8c9c3 rgb(184,201,195)
```
#c3d1cc
```
#c3d1cc rgb(195,209,204)
```
#cedad6
```
#cedad6 rgb(206,218,214)
```
#d9e2df
```
#d9e2df rgb(217,226,223)
```
#e4ebe8
```
#e4ebe8 rgb(228,235,232)
```
#eff3f2
```
#eff3f2 rgb(239,243,242)
```
#fbfcfb
```
#fbfcfb rgb(251,252,251)
```

Tint Color Variation

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

#626e6a
```
#626e6a rgb(98,110,106)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#527e6e
```
#527e6e rgb(82,126,110)
```
#4a8671
```
#4a8671 rgb(74,134,113)
```
#428e73
```
#428e73 rgb(66,142,115)
```
#3a9675
```
#3a9675 rgb(58,150,117)
```
#329e77
```
#329e77 rgb(50,158,119)
```
#2aa67a
```
#2aa67a rgb(42,166,122)
```
#22ae7c
```
#22ae7c rgb(34,174,124)
```
#1ab67e
```
#1ab67e rgb(26,182,126)
```
#12be81
```
#12be81 rgb(18,190,129)
```
#0ac683
```
#0ac683 rgb(10,198,131)
```
#02ce85
```
#02ce85 rgb(2,206,133)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#686e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7770 Protanopia 1% of men
#827376 Deuteranopia 1% of men
#667a83 Tritanopia 0.001% of the population

Trichromacy

#6f766e Protanomaly 1% of men, 0.01% of women
#737472 Deuteranomaly 6% of men, 0.4% of women
#61787a Tritanomaly 0.01% of the population

#5a766c hex color

#5a766c Color Information

#5a766c Color Conversion

Color Schemes with #5a766c

Alternatives to #5a766c

#5a766c Preview

Shades and Tints of #5a766c

Tones of #5a766c

Color Blindness Simulator