#5a8366 hex color

In a RGB color space, hex #5a8366 is composed of 35.3% red, 51.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 0% magenta, 22.1% yellow and 48.6% black. It has a hue angle of 137.6 degrees, a saturation of 18.6% and a lightness of 43.3%. #5a8366 color hex could be obtained by blending #b4ffcc with #000700. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 51
- B 40
RGB color chart
- C 31
- M 0
- Y 22
- K 49
CMYK color chart

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

The hexadecimal color #5a8366 has RGB values of R:90, G:131, B:102 and CMYK values of C:0.31, M:0, Y:0.22, K:0.49. Its decimal value is 5931878.

Hex triplet	5a8366	`#5a8366`
RGB Decimal	90, 131, 102	`rgb(90,131,102)`
RGB Percent	35.3, 51.4, 40	`rgb(35.3%,51.4%,40%)`
CMYK	31, 0, 22, 49
HSL	137.6°, 18.6, 43.3	`hsl(137.6,18.6%,43.3%)`
HSV (or HSB)	137.6°, 31.3, 51.4
Web Safe	669966	`#669966`

CIE-LAB	51.112, -20.702, 11.21
XYZ	14.73, 19.365, 15.531
xyY	0.297, 0.39, 19.365
CIE-LCH	51.112, 23.542, 151.563
CIE-LUV	51.112, -20.169, 17.989
Hunter-Lab	44.006, -17.259, 9.878
Binary	01011010, 10000011, 01100110

#5a8366
```
#5a8366 rgb(90,131,102)
```
#835a77
```
#835a77 rgb(131,90,119)
```

Complementary Color

#63835a
```
#63835a rgb(99,131,90)
```
#5a8366
```
#5a8366 rgb(90,131,102)
```
#5a837b
```
#5a837b rgb(90,131,123)
```

Analogous Color

#835a63
```
#835a63 rgb(131,90,99)
```
#5a8366
```
#5a8366 rgb(90,131,102)
```
#7b5a83
```
#7b5a83 rgb(123,90,131)
```

Split Complementary Color

#83665a
```
#83665a rgb(131,102,90)
```
#5a8366
```
#5a8366 rgb(90,131,102)
```
#665a83
```
#665a83 rgb(102,90,131)
```

Triadic Color

#77835a
```
#77835a rgb(119,131,90)
```
#5a8366
```
#5a8366 rgb(90,131,102)
```
#665a83
```
#665a83 rgb(102,90,131)
```
#835a77
```
#835a77 rgb(131,90,119)
```

Tetradic Color

#3b5643
```
#3b5643 rgb(59,86,67)
```
#45654e
```
#45654e rgb(69,101,78)
```
#50745a
```
#50745a rgb(80,116,90)
```
#5a8366
```
#5a8366 rgb(90,131,102)
```
#649272
```
#649272 rgb(100,146,114)
```
#729e7f
```
#729e7f rgb(114,158,127)
```
#81a88d
```
#81a88d rgb(129,168,141)
```

Monochromatic Color

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

#5a835c
```
#5a835c rgb(90,131,92)
```
#5a835f
```
#5a835f rgb(90,131,95)
```
#5a8363
```
#5a8363 rgb(90,131,99)
```
#5a8366
```
#5a8366 rgb(90,131,102)
```
#5a8369
```
#5a8369 rgb(90,131,105)
```
#5a836d
```
#5a836d rgb(90,131,109)
```
#5a8370
```
#5a8370 rgb(90,131,112)
```

Similar Colors

Text with hexadecimal color #5a8366

This text has a font color of #5a8366.

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

#5a8366 background color

This paragraph has a background color of #5a8366.

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

#5a8366 border color

This element has a border color of #5a8366.

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

CSS codes

.text {color:#5a8366;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0f0b
```
#0a0f0b rgb(10,15,11)
```
#121a15
```
#121a15 rgb(18,26,21)
```
#1a261e
```
#1a261e rgb(26,38,30)
```
#223227
```
#223227 rgb(34,50,39)
```
#2a3d30
```
#2a3d30 rgb(42,61,48)
```
#324939
```
#324939 rgb(50,73,57)
```
#3a5442
```
#3a5442 rgb(58,84,66)
```
#42604b
```
#42604b rgb(66,96,75)
```
#4a6c54
```
#4a6c54 rgb(74,108,84)
```
#52775d
```
#52775d rgb(82,119,93)
```
#5a8366
```
#5a8366 rgb(90,131,102)
```
#628f6f
```
#628f6f rgb(98,143,111)
```

Shade Color Variation

#6b9979
```
#6b9979 rgb(107,153,121)
```
#77a183
```
#77a183 rgb(119,161,131)
```
#82a98e
```
#82a98e rgb(130,169,142)
```
#8eb198
```
#8eb198 rgb(142,177,152)
```
#99b9a3
```
#99b9a3 rgb(153,185,163)
```
#a5c1ad
```
#a5c1ad rgb(165,193,173)
```
#b1c9b8
```
#b1c9b8 rgb(177,201,184)
```
#bcd1c2
```
#bcd1c2 rgb(188,209,194)
```
#c8d9cd
```
#c8d9cd rgb(200,217,205)
```
#d4e1d8
```
#d4e1d8 rgb(212,225,216)
```
#dfe9e2
```
#dfe9e2 rgb(223,233,226)
```
#ebf1ed
```
#ebf1ed rgb(235,241,237)
```
#f6f9f7
```
#f6f9f7 rgb(246,249,247)
```

Tint Color Variation

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

#6b726d
```
#6b726d rgb(107,114,109)
```
#637b6a
```
#637b6a rgb(99,123,106)
```
#5a8366
```
#5a8366 rgb(90,131,102)
```
#528c62
```
#528c62 rgb(82,140,98)
```
#49945f
```
#49945f rgb(73,148,95)
```
#419d5b
```
#419d5b rgb(65,157,91)
```
#38a558
```
#38a558 rgb(56,165,88)
```
#30ae54
```
#30ae54 rgb(48,174,84)
```
#27b651
```
#27b651 rgb(39,182,81)
```
#1fbf4d
```
#1fbf4d rgb(31,191,77)
```
#16c74a
```
#16c74a rgb(22,199,74)
```
#0ed046
```
#0ed046 rgb(14,208,70)
```
#05d843
```
#05d843 rgb(5,216,67)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6e7670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888069 Protanopia 1% of men
#917c72 Deuteranopia 1% of men
#6a848e Tritanopia 0.001% of the population

Trichromacy

#778168 Protanomaly 1% of men, 0.01% of women
#7d7e6d Deuteranomaly 6% of men, 0.4% of women
#64847f Tritanomaly 0.01% of the population

#5a8366 hex color

#5a8366 Color Information

#5a8366 Color Conversion

Color Schemes with #5a8366

Alternatives to #5a8366

#5a8366 Preview

Shades and Tints of #5a8366

Tones of #5a8366

Color Blindness Simulator