#5a8970 hex color

In a RGB color space, hex #5a8970 is composed of 35.3% red, 53.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 0% magenta, 18.2% yellow and 46.3% black. It has a hue angle of 148.1 degrees, a saturation of 20.7% and a lightness of 44.5%. #5a8970 color hex could be obtained by blending #b4ffe0 with #001300. Closest websafe color is: #669966.

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

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

The hexadecimal color #5a8970 has RGB values of R:90, G:137, B:112 and CMYK values of C:0.34, M:0, Y:0.18, K:0.46. Its decimal value is 5933424.

Hex triplet	5a8970	`#5a8970`
RGB Decimal	90, 137, 112	`rgb(90,137,112)`
RGB Percent	35.3, 53.7, 43.9	`rgb(35.3%,53.7%,43.9%)`
CMYK	34, 0, 18, 46
HSL	148.1°, 20.7, 44.5	`hsl(148.1,20.7%,44.5%)`
HSV (or HSB)	148.1°, 34.3, 53.7
Web Safe	669966	`#669966`

CIE-LAB	53.205, -21.726, 8.387
XYZ	16.086, 21.234, 18.579
xyY	0.288, 0.38, 21.234
CIE-LCH	53.205, 23.289, 158.891
CIE-LUV	53.205, -22.824, 14.705
Hunter-Lab	46.08, -18.33, 8.351
Binary	01011010, 10001001, 01110000

#5a8970
```
#5a8970 rgb(90,137,112)
```
#895a73
```
#895a73 rgb(137,90,115)
```

Complementary Color

#5c895a
```
#5c895a rgb(92,137,90)
```
#5a8970
```
#5a8970 rgb(90,137,112)
```
#5a8988
```
#5a8988 rgb(90,137,136)
```

Analogous Color

#895a5b
```
#895a5b rgb(137,90,91)
```
#5a8970
```
#5a8970 rgb(90,137,112)
```
#885a89
```
#885a89 rgb(136,90,137)
```

Split Complementary Color

#89705a
```
#89705a rgb(137,112,90)
```
#5a8970
```
#5a8970 rgb(90,137,112)
```
#705a89
```
#705a89 rgb(112,90,137)
```

Triadic Color

#73895a
```
#73895a rgb(115,137,90)
```
#5a8970
```
#5a8970 rgb(90,137,112)
```
#705a89
```
#705a89 rgb(112,90,137)
```
#895a73
```
#895a73 rgb(137,90,115)
```

Tetradic Color

#3c5b4a
```
#3c5b4a rgb(60,91,74)
```
#466a57
```
#466a57 rgb(70,106,87)
```
#507a63
```
#507a63 rgb(80,122,99)
```
#5a8970
```
#5a8970 rgb(90,137,112)
```
#64987d
```
#64987d rgb(100,152,125)
```
#73a389
```
#73a389 rgb(115,163,137)
```
#82ad96
```
#82ad96 rgb(130,173,150)
```

Monochromatic Color

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

#5a8964
```
#5a8964 rgb(90,137,100)
```
#5a8968
```
#5a8968 rgb(90,137,104)
```
#5a896c
```
#5a896c rgb(90,137,108)
```
#5a8970
```
#5a8970 rgb(90,137,112)
```
#5a8974
```
#5a8974 rgb(90,137,116)
```
#5a8978
```
#5a8978 rgb(90,137,120)
```
#5a897c
```
#5a897c rgb(90,137,124)
```

Similar Colors

Text with hexadecimal color #5a8970

This text has a font color of #5a8970.

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

#5a8970 background color

This paragraph has a background color of #5a8970.

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

#5a8970 border color

This element has a border color of #5a8970.

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

CSS codes

.text {color:#5a8970;}

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

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

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

#040706
```
#040706 rgb(4,7,6)
```
#0c130f
```
#0c130f rgb(12,19,15)
```
#141e19
```
#141e19 rgb(20,30,25)
```
#1c2a23
```
#1c2a23 rgb(28,42,35)
```
#24362c
```
#24362c rgb(36,54,44)
```
#2b4236
```
#2b4236 rgb(43,66,54)
```
#334e40
```
#334e40 rgb(51,78,64)
```
#3b5a49
```
#3b5a49 rgb(59,90,73)
```
#436553
```
#436553 rgb(67,101,83)
```
#4a715d
```
#4a715d rgb(74,113,93)
```
#527d66
```
#527d66 rgb(82,125,102)
```
#5a8970
```
#5a8970 rgb(90,137,112)
```
#62957a
```
#62957a rgb(98,149,122)
```

Shade Color Variation

#6c9e84
```
#6c9e84 rgb(108,158,132)
```
#78a68d
```
#78a68d rgb(120,166,141)
```
#84ae97
```
#84ae97 rgb(132,174,151)
```
#8fb6a1
```
#8fb6a1 rgb(143,182,161)
```
#9bbdab
```
#9bbdab rgb(155,189,171)
```
#a7c5b5
```
#a7c5b5 rgb(167,197,181)
```
#b3cdbf
```
#b3cdbf rgb(179,205,191)
```
#bfd5c9
```
#bfd5c9 rgb(191,213,201)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#d6e4dd
```
#d6e4dd rgb(214,228,221)
```
#e2ece7
```
#e2ece7 rgb(226,236,231)
```
#eef4f1
```
#eef4f1 rgb(238,244,241)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#6b7871
```
#6b7871 rgb(107,120,113)
```
#638071
```
#638071 rgb(99,128,113)
```
#5a8970
```
#5a8970 rgb(90,137,112)
```
#51926f
```
#51926f rgb(81,146,111)
```
#499a6f
```
#499a6f rgb(73,154,111)
```
#40a36e
```
#40a36e rgb(64,163,110)
```
#37ac6e
```
#37ac6e rgb(55,172,110)
```
#2eb56d
```
#2eb56d rgb(46,181,109)
```
#26bd6d
```
#26bd6d rgb(38,189,109)
```
#1dc66c
```
#1dc66c rgb(29,198,108)
```
#14cf6c
```
#14cf6c rgb(20,207,108)
```
#0bd86b
```
#0bd86b rgb(11,216,107)
```
#03e06a
```
#03e06a rgb(3,224,106)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#727b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8572 Protanopia 1% of men
#95817c Deuteranopia 1% of men
#6a8a94 Tritanopia 0.001% of the population

Trichromacy

#7a8671 Protanomaly 1% of men, 0.01% of women
#808477 Deuteranomaly 6% of men, 0.4% of women
#648a87 Tritanomaly 0.01% of the population

#5a8970 hex color

#5a8970 Color Information

#5a8970 Color Conversion

Color Schemes with #5a8970

Alternatives to #5a8970

#5a8970 Preview

Shades and Tints of #5a8970

Tones of #5a8970

Color Blindness Simulator