#5a7667 hex color

In a RGB color space, hex #5a7667 is composed of 35.3% red, 46.3% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 0% magenta, 12.7% yellow and 53.7% black. It has a hue angle of 147.9 degrees, a saturation of 13.5% and a lightness of 40.8%. #5a7667 color hex could be obtained by blending #b4ecce with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 46
- B 40
RGB color chart
- C 24
- M 0
- Y 13
- K 54
CMYK color chart

● #5a7667 color description : Dark grayish cyan - lime green.

The hexadecimal color #5a7667 has RGB values of R:90, G:118, B:103 and CMYK values of C:0.24, M:0, Y:0.13, K:0.54. Its decimal value is 5928551.

Hex triplet	5a7667	`#5a7667`
RGB Decimal	90, 118, 103	`rgb(90,118,103)`
RGB Percent	35.3, 46.3, 40.4	`rgb(35.3%,46.3%,40.4%)`
CMYK	24, 0, 13, 54
HSL	147.9°, 13.5, 40.8	`hsl(147.9,13.5%,40.8%)`
HSV (or HSB)	147.9°, 23.7, 46.3
Web Safe	666666	`#666666`

CIE-LAB	47.118, -13.506, 4.963
XYZ	13.142, 16.109, 15.248
xyY	0.295, 0.362, 16.109
CIE-LCH	47.118, 14.389, 159.822
CIE-LUV	47.118, -14.036, 8.635
Hunter-Lab	40.137, -11.79, 5.571
Binary	01011010, 01110110, 01100111

#5a7667
```
#5a7667 rgb(90,118,103)
```
#765a69
```
#765a69 rgb(118,90,105)
```

Complementary Color

#5b765a
```
#5b765a rgb(91,118,90)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#5a7675
```
#5a7675 rgb(90,118,117)
```

Analogous Color

#765a5b
```
#765a5b rgb(118,90,91)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#755a76
```
#755a76 rgb(117,90,118)
```

Split Complementary Color

#76675a
```
#76675a rgb(118,103,90)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#675a76
```
#675a76 rgb(103,90,118)
```

Triadic Color

#69765a
```
#69765a rgb(105,118,90)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#675a76
```
#675a76 rgb(103,90,118)
```
#765a69
```
#765a69 rgb(118,90,105)
```

Tetradic Color

#394b41
```
#394b41 rgb(57,75,65)
```
#44594e
```
#44594e rgb(68,89,78)
```
#4f685a
```
#4f685a rgb(79,104,90)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#658474
```
#658474 rgb(101,132,116)
```
#719280
```
#719280 rgb(113,146,128)
```
#7f9d8d
```
#7f9d8d rgb(127,157,141)
```

Monochromatic Color

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

#5a7660
```
#5a7660 rgb(90,118,96)
```
#5a7662
```
#5a7662 rgb(90,118,98)
```
#5a7665
```
#5a7665 rgb(90,118,101)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#5a7669
```
#5a7669 rgb(90,118,105)
```
#5a766c
```
#5a766c rgb(90,118,108)
```
#5a766e
```
#5a766e rgb(90,118,110)
```

Similar Colors

Text with hexadecimal color #5a7667

This text has a font color of #5a7667.

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

#5a7667 background color

This paragraph has a background color of #5a7667.

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

#5a7667 border color

This element has a border color of #5a7667.

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

CSS codes

.text {color:#5a7667;}

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

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

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

#050706
```
#050706 rgb(5,7,6)
```
#0e1210
```
#0e1210 rgb(14,18,16)
```
#161d19
```
#161d19 rgb(22,29,25)
```
#1f2823
```
#1f2823 rgb(31,40,35)
```
#27332d
```
#27332d rgb(39,51,45)
```
#303e36
```
#303e36 rgb(48,62,54)
```
#384940
```
#384940 rgb(56,73,64)
```
#41554a
```
#41554a rgb(65,85,74)
```
#496054
```
#496054 rgb(73,96,84)
```
#526b5d
```
#526b5d rgb(82,107,93)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#628171
```
#628171 rgb(98,129,113)
```
#6b8c7a
```
#6b8c7a rgb(107,140,122)
```

Shade Color Variation

#759684
```
#759684 rgb(117,150,132)
```
#809e8e
```
#809e8e rgb(128,158,142)
```
#8ba798
```
#8ba798 rgb(139,167,152)
```
#96afa2
```
#96afa2 rgb(150,175,162)
```
#a2b8ac
```
#a2b8ac rgb(162,184,172)
```
#adc0b6
```
#adc0b6 rgb(173,192,182)
```
#b8c9c0
```
#b8c9c0 rgb(184,201,192)
```
#c3d1ca
```
#c3d1ca rgb(195,209,202)
```
#cedad3
```
#cedad3 rgb(206,218,211)
```
#d9e2dd
```
#d9e2dd rgb(217,226,221)
```
#e4ebe7
```
#e4ebe7 rgb(228,235,231)
```
#eff3f1
```
#eff3f1 rgb(239,243,241)
```
#fbfcfb
```
#fbfcfb rgb(251,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626e68 is the less saturated color, while #02ce61 is the most saturated one.

#626e68
```
#626e68 rgb(98,110,104)
```
#5a7667
```
#5a7667 rgb(90,118,103)
```
#527e66
```
#527e66 rgb(82,126,102)
```
#4a8666
```
#4a8666 rgb(74,134,102)
```
#428e65
```
#428e65 rgb(66,142,101)
```
#3a9665
```
#3a9665 rgb(58,150,101)
```
#329e64
```
#329e64 rgb(50,158,100)
```
#2aa664
```
#2aa664 rgb(42,166,100)
```
#22ae63
```
#22ae63 rgb(34,174,99)
```
#1ab662
```
#1ab662 rgb(26,182,98)
```
#12be62
```
#12be62 rgb(18,190,98)
```
#0ac661
```
#0ac661 rgb(10,198,97)
```
#02ce61
```
#02ce61 rgb(2,206,97)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#686e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b766b Protanopia 1% of men
#847372 Deuteranopia 1% of men
#677a82 Tritanopia 0.001% of the population

Trichromacy

#6f766a Protanomaly 1% of men, 0.01% of women
#74746e Deuteranomaly 6% of men, 0.4% of women
#627878 Tritanomaly 0.01% of the population

#5a7667 hex color

#5a7667 Color Information

#5a7667 Color Conversion

Color Schemes with #5a7667

Alternatives to #5a7667

#5a7667 Preview

Shades and Tints of #5a7667

Tones of #5a7667

Color Blindness Simulator