#5d7a6a hex color

In a RGB color space, hex #5d7a6a is composed of 36.5% red, 47.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 0% magenta, 13.1% yellow and 52.2% black. It has a hue angle of 146.9 degrees, a saturation of 13.5% and a lightness of 42.2%. #5d7a6a color hex could be obtained by blending #baf4d4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 48
- B 42
RGB color chart
- C 24
- M 0
- Y 13
- K 52
CMYK color chart

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

The hexadecimal color #5d7a6a has RGB values of R:93, G:122, B:106 and CMYK values of C:0.24, M:0, Y:0.13, K:0.52. Its decimal value is 6126186.

Hex triplet	5d7a6a	`#5d7a6a`
RGB Decimal	93, 122, 106	`rgb(93,122,106)`
RGB Percent	36.5, 47.8, 41.6	`rgb(36.5%,47.8%,41.6%)`
CMYK	24, 0, 13, 52
HSL	146.9°, 13.5, 42.2	`hsl(146.9,13.5%,42.2%)`
HSV (or HSB)	146.9°, 23.8, 47.8
Web Safe	666666	`#666666`

CIE-LAB	48.619, -14.003, 5.369
XYZ	14.075, 17.286, 16.23
xyY	0.296, 0.363, 17.286
CIE-LCH	48.619, 14.997, 159.023
CIE-LUV	48.619, -14.558, 9.312
Hunter-Lab	41.577, -12.334, 5.959
Binary	01011101, 01111010, 01101010

#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#7a5d6d
```
#7a5d6d rgb(122,93,109)
```

Complementary Color

#5f7a5d
```
#5f7a5d rgb(95,122,93)
```
#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#5d7a79
```
#5d7a79 rgb(93,122,121)
```

Analogous Color

#7a5d5f
```
#7a5d5f rgb(122,93,95)
```
#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#795d7a
```
#795d7a rgb(121,93,122)
```

Split Complementary Color

#7a6a5d
```
#7a6a5d rgb(122,106,93)
```
#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#6a5d7a
```
#6a5d7a rgb(106,93,122)
```

Triadic Color

#6d7a5d
```
#6d7a5d rgb(109,122,93)
```
#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#6a5d7a
```
#6a5d7a rgb(106,93,122)
```
#7a5d6d
```
#7a5d6d rgb(122,93,109)
```

Tetradic Color

#3c4f44
```
#3c4f44 rgb(60,79,68)
```
#475d51
```
#475d51 rgb(71,93,81)
```
#526c5d
```
#526c5d rgb(82,108,93)
```
#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#688877
```
#688877 rgb(104,136,119)
```
#759583
```
#759583 rgb(117,149,131)
```
#83a090
```
#83a090 rgb(131,160,144)
```

Monochromatic Color

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

#5d7a63
```
#5d7a63 rgb(93,122,99)
```
#5d7a65
```
#5d7a65 rgb(93,122,101)
```
#5d7a68
```
#5d7a68 rgb(93,122,104)
```
#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#5d7a6c
```
#5d7a6c rgb(93,122,108)
```
#5d7a6f
```
#5d7a6f rgb(93,122,111)
```
#5d7a71
```
#5d7a71 rgb(93,122,113)
```

Similar Colors

Text with hexadecimal color #5d7a6a

This text has a font color of #5d7a6a.

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

#5d7a6a background color

This paragraph has a background color of #5d7a6a.

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

#5d7a6a border color

This element has a border color of #5d7a6a.

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

CSS codes

.text {color:#5d7a6a;}

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

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

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, #080b09 is the darkest color, while #ffffff is the lightest one.

#080b09
```
#080b09 rgb(8,11,9)
```
#111613
```
#111613 rgb(17,22,19)
```
#19211d
```
#19211d rgb(25,33,29)
```
#222c26
```
#222c26 rgb(34,44,38)
```
#2a3730
```
#2a3730 rgb(42,55,48)
```
#33423a
```
#33423a rgb(51,66,58)
```
#3b4d43
```
#3b4d43 rgb(59,77,67)
```
#44594d
```
#44594d rgb(68,89,77)
```
#4c6457
```
#4c6457 rgb(76,100,87)
```
#556f60
```
#556f60 rgb(85,111,96)
```
#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#658574
```
#658574 rgb(101,133,116)
```
#6e907d
```
#6e907d rgb(110,144,125)
```

Shade Color Variation

#799987
```
#799987 rgb(121,153,135)
```
#84a191
```
#84a191 rgb(132,161,145)
```
#8faa9b
```
#8faa9b rgb(143,170,155)
```
#9ab2a5
```
#9ab2a5 rgb(154,178,165)
```
#a6bbaf
```
#a6bbaf rgb(166,187,175)
```
#b1c3b9
```
#b1c3b9 rgb(177,195,185)
```
#bcccc3
```
#bcccc3 rgb(188,204,195)
```
#c7d4cd
```
#c7d4cd rgb(199,212,205)
```
#d2ddd7
```
#d2ddd7 rgb(210,221,215)
```
#dde5e1
```
#dde5e1 rgb(221,229,225)
```
#e8eeeb
```
#e8eeeb rgb(232,238,235)
```
#f3f6f5
```
#f3f6f5 rgb(243,246,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#65726b
```
#65726b rgb(101,114,107)
```
#5d7a6a
```
#5d7a6a rgb(93,122,106)
```
#558269
```
#558269 rgb(85,130,105)
```
#4c8b68
```
#4c8b68 rgb(76,139,104)
```
#449367
```
#449367 rgb(68,147,103)
```
#3c9b67
```
#3c9b67 rgb(60,155,103)
```
#34a366
```
#34a366 rgb(52,163,102)
```
#2bac65
```
#2bac65 rgb(43,172,101)
```
#23b464
```
#23b464 rgb(35,180,100)
```
#1bbc63
```
#1bbc63 rgb(27,188,99)
```
#13c462
```
#13c462 rgb(19,196,98)
```
#0acd61
```
#0acd61 rgb(10,205,97)
```
#02d561
```
#02d561 rgb(2,213,97)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6c726f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7a6e Protanopia 1% of men
#887675 Deuteranopia 1% of men
#6a7d86 Tritanopia 0.001% of the population

Trichromacy

#737a6c Protanomaly 1% of men, 0.01% of women
#787771 Deuteranomaly 6% of men, 0.4% of women
#657c7c Tritanomaly 0.01% of the population

#5d7a6a hex color

#5d7a6a Color Information

#5d7a6a Color Conversion

Color Schemes with #5d7a6a

Alternatives to #5d7a6a

#5d7a6a Preview

Shades and Tints of #5d7a6a

Tones of #5d7a6a

Color Blindness Simulator