#5a7157 hex color

In a RGB color space, hex #5a7157 is composed of 35.3% red, 44.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 0% magenta, 23% yellow and 55.7% black. It has a hue angle of 113.1 degrees, a saturation of 13% and a lightness of 39.2%. #5a7157 color hex could be obtained by blending #b4e2ae with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 44
- B 34
RGB color chart
- C 20
- M 0
- Y 23
- K 56
CMYK color chart

● #5a7157 color description : Very dark grayish lime green.

The hexadecimal color #5a7157 has RGB values of R:90, G:113, B:87 and CMYK values of C:0.2, M:0, Y:0.23, K:0.56. Its decimal value is 5927255.

Hex triplet	5a7157	`#5a7157`
RGB Decimal	90, 113, 87	`rgb(90,113,87)`
RGB Percent	35.3, 44.3, 34.1	`rgb(35.3%,44.3%,34.1%)`
CMYK	20, 0, 23, 56
HSL	113.1°, 13, 39.2	`hsl(113.1,13%,39.2%)`
HSV (or HSB)	113.1°, 23, 44.3
Web Safe	666666	`#666666`

CIE-LAB	45.181, -13.99, 11.708
XYZ	11.841, 14.672, 11.224
xyY	0.314, 0.389, 14.672
CIE-LCH	45.181, 18.242, 140.074
CIE-LUV	45.181, -11.453, 16.94
Hunter-Lab	38.304, -11.849, 9.439
Binary	01011010, 01110001, 01010111

#5a7157
```
#5a7157 rgb(90,113,87)
```
#6e5771
```
#6e5771 rgb(110,87,113)
```

Complementary Color

#677157
```
#677157 rgb(103,113,87)
```
#5a7157
```
#5a7157 rgb(90,113,87)
```
#577161
```
#577161 rgb(87,113,97)
```

Analogous Color

#715767
```
#715767 rgb(113,87,103)
```
#5a7157
```
#5a7157 rgb(90,113,87)
```
#615771
```
#615771 rgb(97,87,113)
```

Split Complementary Color

#71575a
```
#71575a rgb(113,87,90)
```
#5a7157
```
#5a7157 rgb(90,113,87)
```
#575a71
```
#575a71 rgb(87,90,113)
```

Triadic Color

#716e57
```
#716e57 rgb(113,110,87)
```
#5a7157
```
#5a7157 rgb(90,113,87)
```
#575a71
```
#575a71 rgb(87,90,113)
```
#6e5771
```
#6e5771 rgb(110,87,113)
```

Tetradic Color

#384636
```
#384636 rgb(56,70,54)
```
#435441
```
#435441 rgb(67,84,65)
```
#4f634c
```
#4f634c rgb(79,99,76)
```
#5a7157
```
#5a7157 rgb(90,113,87)
```
#657f62
```
#657f62 rgb(101,127,98)
```
#718e6d
```
#718e6d rgb(113,142,109)
```
#7f997b
```
#7f997b rgb(127,153,123)
```

Monochromatic Color

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

#617157
```
#617157 rgb(97,113,87)
```
#5e7157
```
#5e7157 rgb(94,113,87)
```
#5c7157
```
#5c7157 rgb(92,113,87)
```
#5a7157
```
#5a7157 rgb(90,113,87)
```
#587157
```
#587157 rgb(88,113,87)
```
#577158
```
#577158 rgb(87,113,88)
```
#57715b
```
#57715b rgb(87,113,91)
```

Similar Colors

Text with hexadecimal color #5a7157

This text has a font color of #5a7157.

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

#5a7157 background color

This paragraph has a background color of #5a7157.

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

#5a7157 border color

This element has a border color of #5a7157.

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

CSS codes

.text {color:#5a7157;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0d0a
```
#0b0d0a rgb(11,13,10)
```
#131813
```
#131813 rgb(19,24,19)
```
#1c231b
```
#1c231b rgb(28,35,27)
```
#252f24
```
#252f24 rgb(37,47,36)
```
#2e3a2c
```
#2e3a2c rgb(46,58,44)
```
#374535
```
#374535 rgb(55,69,53)
```
#40503d
```
#40503d rgb(64,80,61)
```
#485b46
```
#485b46 rgb(72,91,70)
```
#51664e
```
#51664e rgb(81,102,78)
```
#5a7157
```
#5a7157 rgb(90,113,87)
```
#637c60
```
#637c60 rgb(99,124,96)
```
#6c8768
```
#6c8768 rgb(108,135,104)
```

Shade Color Variation

#759271
```
#759271 rgb(117,146,113)
```
#809a7c
```
#809a7c rgb(128,154,124)
```
#8aa387
```
#8aa387 rgb(138,163,135)
```
#95ab92
```
#95ab92 rgb(149,171,146)
```
#a0b49d
```
#a0b49d rgb(160,180,157)
```
#abbca9
```
#abbca9 rgb(171,188,169)
```
#b6c5b4
```
#b6c5b4 rgb(182,197,180)
```
#c0cdbf
```
#c0cdbf rgb(192,205,191)
```
#cbd6ca
```
#cbd6ca rgb(203,214,202)
```
#d6dfd5
```
#d6dfd5 rgb(214,223,213)
```
#e1e7e0
```
#e1e7e0 rgb(225,231,224)
```
#ecf0eb
```
#ecf0eb rgb(236,240,235)
```
#f6f8f6
```
#f6f8f6 rgb(246,248,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60695f is the less saturated color, while #19c602 is the most saturated one.

#60695f
```
#60695f rgb(96,105,95)
```
#5a7157
```
#5a7157 rgb(90,113,87)
```
#54794f
```
#54794f rgb(84,121,79)
```
#4e8048
```
#4e8048 rgb(78,128,72)
```
#488840
```
#488840 rgb(72,136,64)
```
#429038
```
#429038 rgb(66,144,56)
```
#3c9731
```
#3c9731 rgb(60,151,49)
```
#369f29
```
#369f29 rgb(54,159,41)
```
#31a721
```
#31a721 rgb(49,167,33)
```
#2baf19
```
#2baf19 rgb(43,175,25)
```
#25b612
```
#25b612 rgb(37,182,18)
```
#1fbe0a
```
#1fbe0a rgb(31,190,10)
```
#19c602
```
#19c602 rgb(25,198,2)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#646964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79725d Protanopia 1% of men
#826e62 Deuteranopia 1% of men
#68747c Tritanopia 0.001% of the population

Trichromacy

#6e715a Protanomaly 1% of men, 0.01% of women
#746f5e Deuteranomaly 6% of men, 0.4% of women
#63736f Tritanomaly 0.01% of the population

#5a7157 hex color

#5a7157 Color Information

#5a7157 Color Conversion

Color Schemes with #5a7157

Alternatives to #5a7157

#5a7157 Preview

Shades and Tints of #5a7157

Tones of #5a7157

Color Blindness Simulator