#5a8167 hex color

In a RGB color space, hex #5a8167 is composed of 35.3% red, 50.6% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 0% magenta, 20.2% yellow and 49.4% black. It has a hue angle of 140 degrees, a saturation of 17.8% and a lightness of 42.9%. #5a8167 color hex could be obtained by blending #b4ffce with #000300. Closest websafe color is: #669966.

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

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

The hexadecimal color #5a8167 has RGB values of R:90, G:129, B:103 and CMYK values of C:0.3, M:0, Y:0.2, K:0.49. Its decimal value is 5931367.

Hex triplet	5a8167	`#5a8167`
RGB Decimal	90, 129, 103	`rgb(90,129,103)`
RGB Percent	35.3, 50.6, 40.4	`rgb(35.3%,50.6%,40.4%)`
CMYK	30, 0, 20, 49
HSL	140°, 17.8, 42.9	`hsl(140,17.8%,42.9%)`
HSV (or HSB)	140°, 30.2, 50.6
Web Safe	669966	`#669966`

CIE-LAB	50.515, -19.449, 9.792
XYZ	14.514, 18.853, 15.705
xyY	0.296, 0.384, 18.853
CIE-LCH	50.515, 21.775, 153.275
CIE-LUV	50.515, -19.227, 15.958
Hunter-Lab	43.42, -16.317, 8.948
Binary	01011010, 10000001, 01100111

#5a8167
```
#5a8167 rgb(90,129,103)
```
#815a74
```
#815a74 rgb(129,90,116)
```

Complementary Color

#61815a
```
#61815a rgb(97,129,90)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#5a817b
```
#5a817b rgb(90,129,123)
```

Analogous Color

#815a61
```
#815a61 rgb(129,90,97)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#7b5a81
```
#7b5a81 rgb(123,90,129)
```

Split Complementary Color

#81675a
```
#81675a rgb(129,103,90)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#675a81
```
#675a81 rgb(103,90,129)
```

Triadic Color

#74815a
```
#74815a rgb(116,129,90)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#675a81
```
#675a81 rgb(103,90,129)
```
#815a74
```
#815a74 rgb(129,90,116)
```

Tetradic Color

#3b5443
```
#3b5443 rgb(59,84,67)
```
#45634f
```
#45634f rgb(69,99,79)
```
#50725b
```
#50725b rgb(80,114,91)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#649073
```
#649073 rgb(100,144,115)
```
#729c80
```
#729c80 rgb(114,156,128)
```
#81a78d
```
#81a78d rgb(129,167,141)
```

Monochromatic Color

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

#5a815d
```
#5a815d rgb(90,129,93)
```
#5a8161
```
#5a8161 rgb(90,129,97)
```
#5a8164
```
#5a8164 rgb(90,129,100)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#5a816a
```
#5a816a rgb(90,129,106)
```
#5a816e
```
#5a816e rgb(90,129,110)
```
#5a8171
```
#5a8171 rgb(90,129,113)
```

Similar Colors

Text with hexadecimal color #5a8167

This text has a font color of #5a8167.

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

#5a8167 background color

This paragraph has a background color of #5a8167.

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

#5a8167 border color

This element has a border color of #5a8167.

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

CSS codes

.text {color:#5a8167;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090d0b
```
#090d0b rgb(9,13,11)
```
#111914
```
#111914 rgb(17,25,20)
```
#1a251d
```
#1a251d rgb(26,37,29)
```
#223026
```
#223026 rgb(34,48,38)
```
#2a3c30
```
#2a3c30 rgb(42,60,48)
```
#324739
```
#324739 rgb(50,71,57)
```
#3a5342
```
#3a5342 rgb(58,83,66)
```
#425e4b
```
#425e4b rgb(66,94,75)
```
#4a6a55
```
#4a6a55 rgb(74,106,85)
```
#52755e
```
#52755e rgb(82,117,94)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#628d70
```
#628d70 rgb(98,141,112)
```

Shade Color Variation

#6b987a
```
#6b987a rgb(107,152,122)
```
#76a084
```
#76a084 rgb(118,160,132)
```
#82a88e
```
#82a88e rgb(130,168,142)
```
#8db099
```
#8db099 rgb(141,176,153)
```
#99b8a3
```
#99b8a3 rgb(153,184,163)
```
#a4c0ae
```
#a4c0ae rgb(164,192,174)
```
#b0c8b8
```
#b0c8b8 rgb(176,200,184)
```
#bcd0c2
```
#bcd0c2 rgb(188,208,194)
```
#c7d8cd
```
#c7d8cd rgb(199,216,205)
```
#d3e0d7
```
#d3e0d7 rgb(211,224,215)
```
#dee8e2
```
#dee8e2 rgb(222,232,226)
```
#eaf0ec
```
#eaf0ec rgb(234,240,236)
```
#f5f8f6
```
#f5f8f6 rgb(245,248,246)
```

Tint Color Variation

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

#6b706d
```
#6b706d rgb(107,112,109)
```
#62796a
```
#62796a rgb(98,121,106)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#528964
```
#528964 rgb(82,137,100)
```
#499261
```
#499261 rgb(73,146,97)
```
#419a5f
```
#419a5f rgb(65,154,95)
```
#38a35c
```
#38a35c rgb(56,163,92)
```
#30ab59
```
#30ab59 rgb(48,171,89)
```
#27b456
```
#27b456 rgb(39,180,86)
```
#1fbc53
```
#1fbc53 rgb(31,188,83)
```
#17c451
```
#17c451 rgb(23,196,81)
```
#0ecd4e
```
#0ecd4e rgb(14,205,78)
```
#06d54b
```
#06d54b rgb(6,213,75)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6d7570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867e6a Protanopia 1% of men
#8f7a73 Deuteranopia 1% of men
#69838c Tritanopia 0.001% of the population

Trichromacy

#767f69 Protanomaly 1% of men, 0.01% of women
#7c7d6e Deuteranomaly 6% of men, 0.4% of women
#63827f Tritanomaly 0.01% of the population

#5a8167 hex color

#5a8167 Color Information

#5a8167 Color Conversion

Color Schemes with #5a8167

Alternatives to #5a8167

#5a8167 Preview

Shades and Tints of #5a8167

Tones of #5a8167

Color Blindness Simulator