#5a986c hex color

In a RGB color space, hex #5a986c is composed of 35.3% red, 59.6% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 0% magenta, 28.9% yellow and 40.4% black. It has a hue angle of 137.4 degrees, a saturation of 25.6% and a lightness of 47.5%. #5a986c color hex could be obtained by blending #b4ffd8 with #003100. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 60
- B 42
RGB color chart
- C 41
- M 0
- Y 29
- K 40
CMYK color chart

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

The hexadecimal color #5a986c has RGB values of R:90, G:152, B:108 and CMYK values of C:0.41, M:0, Y:0.29, K:0.4. Its decimal value is 5937260.

Hex triplet	5a986c	`#5a986c`
RGB Decimal	90, 152, 108	`rgb(90,152,108)`
RGB Percent	35.3, 59.6, 42.4	`rgb(35.3%,59.6%,42.4%)`
CMYK	41, 0, 29, 40
HSL	137.4°, 25.6, 47.5	`hsl(137.4,25.6%,47.5%)`
HSV (or HSB)	137.4°, 40.8, 59.6
Web Safe	669966	`#669966`

CIE-LAB	57.763, -30.012, 17.02
XYZ	18.151, 25.712, 18.193
xyY	0.292, 0.414, 25.712
CIE-LCH	57.763, 34.502, 150.442
CIE-LUV	57.763, -29.632, 27.385
Hunter-Lab	50.707, -24.843, 14.222
Binary	01011010, 10011000, 01101100

#5a986c
```
#5a986c rgb(90,152,108)
```
#985a86
```
#985a86 rgb(152,90,134)
```

Complementary Color

#67985a
```
#67985a rgb(103,152,90)
```
#5a986c
```
#5a986c rgb(90,152,108)
```
#5a988b
```
#5a988b rgb(90,152,139)
```

Analogous Color

#985a67
```
#985a67 rgb(152,90,103)
```
#5a986c
```
#5a986c rgb(90,152,108)
```
#8b5a98
```
#8b5a98 rgb(139,90,152)
```

Split Complementary Color

#986c5a
```
#986c5a rgb(152,108,90)
```
#5a986c
```
#5a986c rgb(90,152,108)
```
#6c5a98
```
#6c5a98 rgb(108,90,152)
```

Triadic Color

#86985a
```
#86985a rgb(134,152,90)
```
#5a986c
```
#5a986c rgb(90,152,108)
```
#6c5a98
```
#6c5a98 rgb(108,90,152)
```
#985a86
```
#985a86 rgb(152,90,134)
```

Tetradic Color

#3e684a
```
#3e684a rgb(62,104,74)
```
#477855
```
#477855 rgb(71,120,85)
```
#518861
```
#518861 rgb(81,136,97)
```
#5a986c
```
#5a986c rgb(90,152,108)
```
#67a579
```
#67a579 rgb(103,165,121)
```
#77ae87
```
#77ae87 rgb(119,174,135)
```
#87b895
```
#87b895 rgb(135,184,149)
```

Monochromatic Color

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

#5a985d
```
#5a985d rgb(90,152,93)
```
#5a9862
```
#5a9862 rgb(90,152,98)
```
#5a9867
```
#5a9867 rgb(90,152,103)
```
#5a986c
```
#5a986c rgb(90,152,108)
```
#5a9871
```
#5a9871 rgb(90,152,113)
```
#5a9876
```
#5a9876 rgb(90,152,118)
```
#5a987c
```
#5a987c rgb(90,152,124)
```

Similar Colors

Text with hexadecimal color #5a986c

This text has a font color of #5a986c.

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

#5a986c background color

This paragraph has a background color of #5a986c.

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

#5a986c border color

This element has a border color of #5a986c.

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

CSS codes

.text {color:#5a986c;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#0a100c
```
#0a100c rgb(10,16,12)
```
#111d14
```
#111d14 rgb(17,29,20)
```
#18291d
```
#18291d rgb(24,41,29)
```
#203526
```
#203526 rgb(32,53,38)
```
#27422f
```
#27422f rgb(39,66,47)
```
#2e4e37
```
#2e4e37 rgb(46,78,55)
```
#365a40
```
#365a40 rgb(54,90,64)
```
#3d6749
```
#3d6749 rgb(61,103,73)
```
#447352
```
#447352 rgb(68,115,82)
```
#4b7f5a
```
#4b7f5a rgb(75,127,90)
```
#538c63
```
#538c63 rgb(83,140,99)
```
#5a986c
```
#5a986c rgb(90,152,108)
```

Shade Color Variation

#63a375
```
#63a375 rgb(99,163,117)
```
#6faa80
```
#6faa80 rgb(111,170,128)
```
#7cb18b
```
#7cb18b rgb(124,177,139)
```
#88b996
```
#88b996 rgb(136,185,150)
```
#94c0a1
```
#94c0a1 rgb(148,192,161)
```
#a1c7ac
```
#a1c7ac rgb(161,199,172)
```
#adceb7
```
#adceb7 rgb(173,206,183)
```
#b9d6c1
```
#b9d6c1 rgb(185,214,193)
```
#c6ddcc
```
#c6ddcc rgb(198,221,204)
```
#d2e4d7
```
#d2e4d7 rgb(210,228,215)
```
#deece2
```
#deece2 rgb(222,236,226)
```
#ebf3ed
```
#ebf3ed rgb(235,243,237)
```
#f7faf8
```
#f7faf8 rgb(247,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767c78 is the less saturated color, while #06ec49 is the most saturated one.

#767c78
```
#767c78 rgb(118,124,120)
```
#6d8574
```
#6d8574 rgb(109,133,116)
```
#638f70
```
#638f70 rgb(99,143,112)
```
#5a986c
```
#5a986c rgb(90,152,108)
```
#51a168
```
#51a168 rgb(81,161,104)
```
#47ab64
```
#47ab64 rgb(71,171,100)
```
#3eb460
```
#3eb460 rgb(62,180,96)
```
#35bd5c
```
#35bd5c rgb(53,189,92)
```
#2bc758
```
#2bc758 rgb(43,199,88)
```
#22d055
```
#22d055 rgb(34,208,85)
```
#19d951
```
#19d951 rgb(25,217,81)
```
#10e24d
```
#10e24d rgb(16,226,77)
```
#06ec49
```
#06ec49 rgb(6,236,73)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#78857c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a906e Protanopia 1% of men
#a68b79 Deuteranopia 1% of men
#6e97a2 Tritanopia 0.001% of the population

Trichromacy

#83936d Protanomaly 1% of men, 0.01% of women
#8a9074 Deuteranomaly 6% of men, 0.4% of women
#67978e Tritanomaly 0.01% of the population

#5a986c hex color

#5a986c Color Information

#5a986c Color Conversion

Color Schemes with #5a986c

Alternatives to #5a986c

#5a986c Preview

Shades and Tints of #5a986c

Tones of #5a986c

Color Blindness Simulator