#5a8774 hex color

In a RGB color space, hex #5a8774 is composed of 35.3% red, 52.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 0% magenta, 14.1% yellow and 47.1% black. It has a hue angle of 154.7 degrees, a saturation of 20% and a lightness of 44.1%. #5a8774 color hex could be obtained by blending #b4ffe8 with #000f00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 53
- B 45
RGB color chart
- C 33
- M 0
- Y 14
- K 47
CMYK color chart

● #5a8774 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #5a8774 has RGB values of R:90, G:135, B:116 and CMYK values of C:0.33, M:0, Y:0.14, K:0.47. Its decimal value is 5932916.

Hex triplet	5a8774	`#5a8774`
RGB Decimal	90, 135, 116	`rgb(90,135,116)`
RGB Percent	35.3, 52.9, 45.5	`rgb(35.3%,52.9%,45.5%)`
CMYK	33, 0, 14, 47
HSL	154.7°, 20, 44.1	`hsl(154.7,20%,44.1%)`
HSV (or HSB)	154.7°, 33.3, 52.9
Web Safe	669966	`#669966`

CIE-LAB	52.688, -19.808, 5.339
XYZ	16.032, 20.762, 19.685
xyY	0.284, 0.368, 20.762
CIE-LCH	52.688, 20.515, 164.916
CIE-LUV	52.688, -21.868, 10.346
Hunter-Lab	45.565, -16.935, 6.282
Binary	01011010, 10000111, 01110100

#5a8774
```
#5a8774 rgb(90,135,116)
```
#875a6d
```
#875a6d rgb(135,90,109)
```

Complementary Color

#5a875e
```
#5a875e rgb(90,135,94)
```
#5a8774
```
#5a8774 rgb(90,135,116)
```
#5a8487
```
#5a8487 rgb(90,132,135)
```

Analogous Color

#875e5a
```
#875e5a rgb(135,94,90)
```
#5a8774
```
#5a8774 rgb(90,135,116)
```
#875a84
```
#875a84 rgb(135,90,132)
```

Split Complementary Color

#87745a
```
#87745a rgb(135,116,90)
```
#5a8774
```
#5a8774 rgb(90,135,116)
```
#745a87
```
#745a87 rgb(116,90,135)
```

Triadic Color

#6d875a
```
#6d875a rgb(109,135,90)
```
#5a8774
```
#5a8774 rgb(90,135,116)
```
#745a87
```
#745a87 rgb(116,90,135)
```
#875a6d
```
#875a6d rgb(135,90,109)
```

Tetradic Color

#3b594d
```
#3b594d rgb(59,89,77)
```
#46685a
```
#46685a rgb(70,104,90)
```
#507867
```
#507867 rgb(80,120,103)
```
#5a8774
```
#5a8774 rgb(90,135,116)
```
#649681
```
#649681 rgb(100,150,129)
```
#73a18e
```
#73a18e rgb(115,161,142)
```
#82ac9a
```
#82ac9a rgb(130,172,154)
```

Monochromatic Color

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

#5a8769
```
#5a8769 rgb(90,135,105)
```
#5a876d
```
#5a876d rgb(90,135,109)
```
#5a8770
```
#5a8770 rgb(90,135,112)
```
#5a8774
```
#5a8774 rgb(90,135,116)
```
#5a8778
```
#5a8778 rgb(90,135,120)
```
#5a877c
```
#5a877c rgb(90,135,124)
```
#5a877f
```
#5a877f rgb(90,135,127)
```

Similar Colors

Text with hexadecimal color #5a8774

This text has a font color of #5a8774.

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

#5a8774 background color

This paragraph has a background color of #5a8774.

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

#5a8774 border color

This element has a border color of #5a8774.

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

CSS codes

.text {color:#5a8774;}

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

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

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

#040605
```
#040605 rgb(4,6,5)
```
#0c110f
```
#0c110f rgb(12,17,15)
```
#131d19
```
#131d19 rgb(19,29,25)
```
#1b2923
```
#1b2923 rgb(27,41,35)
```
#23352d
```
#23352d rgb(35,53,45)
```
#2b4037
```
#2b4037 rgb(43,64,55)
```
#334c41
```
#334c41 rgb(51,76,65)
```
#3b584c
```
#3b584c rgb(59,88,76)
```
#426456
```
#426456 rgb(66,100,86)
```
#4a6f60
```
#4a6f60 rgb(74,111,96)
```
#527b6a
```
#527b6a rgb(82,123,106)
```
#5a8774
```
#5a8774 rgb(90,135,116)
```
#62937e
```
#62937e rgb(98,147,126)
```

Shade Color Variation

#6c9d88
```
#6c9d88 rgb(108,157,136)
```
#77a591
```
#77a591 rgb(119,165,145)
```
#83ac9b
```
#83ac9b rgb(131,172,155)
```
#8fb4a4
```
#8fb4a4 rgb(143,180,164)
```
#9bbcae
```
#9bbcae rgb(155,188,174)
```
#a6c4b7
```
#a6c4b7 rgb(166,196,183)
```
#b2ccc1
```
#b2ccc1 rgb(178,204,193)
```
#bed4ca
```
#bed4ca rgb(190,212,202)
```
#cadbd4
```
#cadbd4 rgb(202,219,212)
```
#d5e3dd
```
#d5e3dd rgb(213,227,221)
```
#e1ebe7
```
#e1ebe7 rgb(225,235,231)
```
#edf3f0
```
#edf3f0 rgb(237,243,240)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7671 is the less saturated color, while #03de81 is the most saturated one.

#6b7671
```
#6b7671 rgb(107,118,113)
```
#637e73
```
#637e73 rgb(99,126,115)
```
#5a8774
```
#5a8774 rgb(90,135,116)
```
#519075
```
#519075 rgb(81,144,117)
```
#499877
```
#499877 rgb(73,152,119)
```
#40a178
```
#40a178 rgb(64,161,120)
```
#37aa79
```
#37aa79 rgb(55,170,121)
```
#2fb27b
```
#2fb27b rgb(47,178,123)
```
#26bb7c
```
#26bb7c rgb(38,187,124)
```
#1dc47d
```
#1dc47d rgb(29,196,125)
```
#15cc7f
```
#15cc7f rgb(21,204,127)
```
#0cd580
```
#0cd580 rgb(12,213,128)
```
#03de81
```
#03de81 rgb(3,222,129)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#717a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8476 Protanopia 1% of men
#92807f Deuteranopia 1% of men
#688993 Tritanopia 0.001% of the population

Trichromacy

#788575 Protanomaly 1% of men, 0.01% of women
#7d827b Deuteranomaly 6% of men, 0.4% of women
#638888 Tritanomaly 0.01% of the population

#5a8774 hex color

#5a8774 Color Information

#5a8774 Color Conversion

Color Schemes with #5a8774

Alternatives to #5a8774

#5a8774 Preview

Shades and Tints of #5a8774

Tones of #5a8774

Color Blindness Simulator