#5a8474 hex color

In a RGB color space, hex #5a8474 is composed of 35.3% red, 51.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 0% magenta, 12.1% yellow and 48.2% black. It has a hue angle of 157.1 degrees, a saturation of 18.9% and a lightness of 43.5%. #5a8474 color hex could be obtained by blending #b4ffe8 with #000900. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 52
- B 45
RGB color chart
- C 32
- M 0
- Y 12
- K 48
CMYK color chart

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

The hexadecimal color #5a8474 has RGB values of R:90, G:132, B:116 and CMYK values of C:0.32, M:0, Y:0.12, K:0.48. Its decimal value is 5932148.

Hex triplet	5a8474	`#5a8474`
RGB Decimal	90, 132, 116	`rgb(90,132,116)`
RGB Percent	35.3, 51.8, 45.5	`rgb(35.3%,51.8%,45.5%)`
CMYK	32, 0, 12, 48
HSL	157.1°, 18.9, 43.5	`hsl(157.1,18.9%,43.5%)`
HSV (or HSB)	157.1°, 31.8, 51.8
Web Safe	669966	`#669966`

CIE-LAB	51.765, -18.222, 4.012
XYZ	15.619, 19.936, 19.547
xyY	0.283, 0.362, 19.936
CIE-LCH	51.765, 18.659, 167.583
CIE-LUV	51.765, -20.511, 8.283
Hunter-Lab	44.65, -15.697, 5.299
Binary	01011010, 10000100, 01110100

#5a8474
```
#5a8474 rgb(90,132,116)
```
#845a6a
```
#845a6a rgb(132,90,106)
```

Complementary Color

#5a845f
```
#5a845f rgb(90,132,95)
```
#5a8474
```
#5a8474 rgb(90,132,116)
```
#5a7f84
```
#5a7f84 rgb(90,127,132)
```

Analogous Color

#845f5a
```
#845f5a rgb(132,95,90)
```
#5a8474
```
#5a8474 rgb(90,132,116)
```
#845a7f
```
#845a7f rgb(132,90,127)
```

Split Complementary Color

#84745a
```
#84745a rgb(132,116,90)
```
#5a8474
```
#5a8474 rgb(90,132,116)
```
#745a84
```
#745a84 rgb(116,90,132)
```

Triadic Color

#6a845a
```
#6a845a rgb(106,132,90)
```
#5a8474
```
#5a8474 rgb(90,132,116)
```
#745a84
```
#745a84 rgb(116,90,132)
```
#845a6a
```
#845a6a rgb(132,90,106)
```

Tetradic Color

#3b574c
```
#3b574c rgb(59,87,76)
```
#456659
```
#456659 rgb(69,102,89)
```
#507567
```
#507567 rgb(80,117,103)
```
#5a8474
```
#5a8474 rgb(90,132,116)
```
#649381
```
#649381 rgb(100,147,129)
```
#729f8e
```
#729f8e rgb(114,159,142)
```
#81a99a
```
#81a99a rgb(129,169,154)
```

Monochromatic Color

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

#5a846a
```
#5a846a rgb(90,132,106)
```
#5a846d
```
#5a846d rgb(90,132,109)
```
#5a8471
```
#5a8471 rgb(90,132,113)
```
#5a8474
```
#5a8474 rgb(90,132,116)
```
#5a8478
```
#5a8478 rgb(90,132,120)
```
#5a847b
```
#5a847b rgb(90,132,123)
```
#5a847f
```
#5a847f rgb(90,132,127)
```

Similar Colors

Text with hexadecimal color #5a8474

This text has a font color of #5a8474.

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

#5a8474 background color

This paragraph has a background color of #5a8474.

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

#5a8474 border color

This element has a border color of #5a8474.

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

CSS codes

.text {color:#5a8474;}

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

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0a0f0e
```
#0a0f0e rgb(10,15,14)
```
#121b18
```
#121b18 rgb(18,27,24)
```
#1a2722
```
#1a2722 rgb(26,39,34)
```
#22322c
```
#22322c rgb(34,50,44)
```
#2a3e37
```
#2a3e37 rgb(42,62,55)
```
#324a41
```
#324a41 rgb(50,74,65)
```
#3a554b
```
#3a554b rgb(58,85,75)
```
#426155
```
#426155 rgb(66,97,85)
```
#4a6d60
```
#4a6d60 rgb(74,109,96)
```
#52786a
```
#52786a rgb(82,120,106)
```
#5a8474
```
#5a8474 rgb(90,132,116)
```
#62907e
```
#62907e rgb(98,144,126)
```

Shade Color Variation

#6b9a88
```
#6b9a88 rgb(107,154,136)
```
#77a292
```
#77a292 rgb(119,162,146)
```
#82aa9b
```
#82aa9b rgb(130,170,155)
```
#8eb2a4
```
#8eb2a4 rgb(142,178,164)
```
#9abaae
```
#9abaae rgb(154,186,174)
```
#a5c2b7
```
#a5c2b7 rgb(165,194,183)
```
#b1cac0
```
#b1cac0 rgb(177,202,192)
```
#bdd2ca
```
#bdd2ca rgb(189,210,202)
```
#c8dad3
```
#c8dad3 rgb(200,218,211)
```
#d4e2dd
```
#d4e2dd rgb(212,226,221)
```
#e0eae6
```
#e0eae6 rgb(224,234,230)
```
#ebf2ef
```
#ebf2ef rgb(235,242,239)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#6b7370
```
#6b7370 rgb(107,115,112)
```
#637b72
```
#637b72 rgb(99,123,114)
```
#5a8474
```
#5a8474 rgb(90,132,116)
```
#518d76
```
#518d76 rgb(81,141,118)
```
#499578
```
#499578 rgb(73,149,120)
```
#409e7a
```
#409e7a rgb(64,158,122)
```
#38a67c
```
#38a67c rgb(56,166,124)
```
#2faf7e
```
#2faf7e rgb(47,175,126)
```
#27b780
```
#27b780 rgb(39,183,128)
```
#1ec082
```
#1ec082 rgb(30,192,130)
```
#16c884
```
#16c884 rgb(22,200,132)
```
#0dd186
```
#0dd186 rgb(13,209,134)
```
#05d988
```
#05d988 rgb(5,217,136)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#707976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878176 Protanopia 1% of men
#8f7e7f Deuteranopia 1% of men
#688790 Tritanopia 0.001% of the population

Trichromacy

#768275 Protanomaly 1% of men, 0.01% of women
#7b807b Deuteranomaly 6% of men, 0.4% of women
#638686 Tritanomaly 0.01% of the population

#5a8474 hex color

#5a8474 Color Information

#5a8474 Color Conversion

Color Schemes with #5a8474

Alternatives to #5a8474

#5a8474 Preview

Shades and Tints of #5a8474

Tones of #5a8474

Color Blindness Simulator