#5a7457 hex color

In a RGB color space, hex #5a7457 is composed of 35.3% red, 45.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 0% magenta, 25% yellow and 54.5% black. It has a hue angle of 113.8 degrees, a saturation of 14.3% and a lightness of 39.8%. #5a7457 color hex could be obtained by blending #b4e8ae with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 45
- B 34
RGB color chart
- C 22
- M 0
- Y 25
- K 55
CMYK color chart

● #5a7457 color description : Dark grayish lime green.

The hexadecimal color #5a7457 has RGB values of R:90, G:116, B:87 and CMYK values of C:0.22, M:0, Y:0.25, K:0.55. Its decimal value is 5928023.

Hex triplet	5a7457	`#5a7457`
RGB Decimal	90, 116, 87	`rgb(90,116,87)`
RGB Percent	35.3, 45.5, 34.1	`rgb(35.3%,45.5%,34.1%)`
CMYK	22, 0, 25, 55
HSL	113.8°, 14.3, 39.8	`hsl(113.8,14.3%,39.8%)`
HSV (or HSB)	113.8°, 25, 45.5
Web Safe	666666	`#666666`

CIE-LAB	46.113, -15.636, 12.999
XYZ	12.182, 15.352, 11.338
xyY	0.313, 0.395, 15.352
CIE-LCH	46.113, 20.334, 140.261
CIE-LUV	46.113, -12.948, 18.832
Hunter-Lab	39.182, -13.073, 10.271
Binary	01011010, 01110100, 01010111

#5a7457
```
#5a7457 rgb(90,116,87)
```
#715774
```
#715774 rgb(113,87,116)
```

Complementary Color

#697457
```
#697457 rgb(105,116,87)
```
#5a7457
```
#5a7457 rgb(90,116,87)
```
#577463
```
#577463 rgb(87,116,99)
```

Analogous Color

#745769
```
#745769 rgb(116,87,105)
```
#5a7457
```
#5a7457 rgb(90,116,87)
```
#635774
```
#635774 rgb(99,87,116)
```

Split Complementary Color

#74575a
```
#74575a rgb(116,87,90)
```
#5a7457
```
#5a7457 rgb(90,116,87)
```
#575a74
```
#575a74 rgb(87,90,116)
```

Triadic Color

#747157
```
#747157 rgb(116,113,87)
```
#5a7457
```
#5a7457 rgb(90,116,87)
```
#575a74
```
#575a74 rgb(87,90,116)
```
#715774
```
#715774 rgb(113,87,116)
```

Tetradic Color

#384836
```
#384836 rgb(56,72,54)
```
#435741
```
#435741 rgb(67,87,65)
```
#4f654c
```
#4f654c rgb(79,101,76)
```
#5a7457
```
#5a7457 rgb(90,116,87)
```
#658362
```
#658362 rgb(101,131,98)
```
#71916d
```
#71916d rgb(113,145,109)
```
#7f9c7b
```
#7f9c7b rgb(127,156,123)
```

Monochromatic Color

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

#617457
```
#617457 rgb(97,116,87)
```
#5f7457
```
#5f7457 rgb(95,116,87)
```
#5c7457
```
#5c7457 rgb(92,116,87)
```
#5a7457
```
#5a7457 rgb(90,116,87)
```
#587457
```
#587457 rgb(88,116,87)
```
#577459
```
#577459 rgb(87,116,89)
```
#57745b
```
#57745b rgb(87,116,91)
```

Similar Colors

Text with hexadecimal color #5a7457

This text has a font color of #5a7457.

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

#5a7457 background color

This paragraph has a background color of #5a7457.

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

#5a7457 border color

This element has a border color of #5a7457.

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

CSS codes

.text {color:#5a7457;}

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

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0c0f0b
```
#0c0f0b rgb(12,15,11)
```
#141a14
```
#141a14 rgb(20,26,20)
```
#1d261c
```
#1d261c rgb(29,38,28)
```
#263125
```
#263125 rgb(38,49,37)
```
#2f3c2d
```
#2f3c2d rgb(47,60,45)
```
#374735
```
#374735 rgb(55,71,53)
```
#40523e
```
#40523e rgb(64,82,62)
```
#495e46
```
#495e46 rgb(73,94,70)
```
#51694f
```
#51694f rgb(81,105,79)
```
#5a7457
```
#5a7457 rgb(90,116,87)
```
#637f5f
```
#637f5f rgb(99,127,95)
```
#6b8a68
```
#6b8a68 rgb(107,138,104)
```

Shade Color Variation

#759571
```
#759571 rgb(117,149,113)
```
#809d7c
```
#809d7c rgb(128,157,124)
```
#8ba588
```
#8ba588 rgb(139,165,136)
```
#96ae93
```
#96ae93 rgb(150,174,147)
```
#a1b69e
```
#a1b69e rgb(161,182,158)
```
#abbfa9
```
#abbfa9 rgb(171,191,169)
```
#b6c7b4
```
#b6c7b4 rgb(182,199,180)
```
#c1cfc0
```
#c1cfc0 rgb(193,207,192)
```
#ccd8cb
```
#ccd8cb rgb(204,216,203)
```
#d7e0d6
```
#d7e0d6 rgb(215,224,214)
```
#e2e9e1
```
#e2e9e1 rgb(226,233,225)
```
#edf1ec
```
#edf1ec rgb(237,241,236)
```
#f8faf8
```
#f8faf8 rgb(248,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606c5f is the less saturated color, while #16ca01 is the most saturated one.

#606c5f
```
#606c5f rgb(96,108,95)
```
#5a7457
```
#5a7457 rgb(90,116,87)
```
#547c4f
```
#547c4f rgb(84,124,79)
```
#4e8447
```
#4e8447 rgb(78,132,71)
```
#478b40
```
#478b40 rgb(71,139,64)
```
#419338
```
#419338 rgb(65,147,56)
```
#3b9b30
```
#3b9b30 rgb(59,155,48)
```
#35a328
```
#35a328 rgb(53,163,40)
```
#2fab20
```
#2fab20 rgb(47,171,32)
```
#28b219
```
#28b219 rgb(40,178,25)
```
#22ba11
```
#22ba11 rgb(34,186,17)
```
#1cc209
```
#1cc209 rgb(28,194,9)
```
#16ca01
```
#16ca01 rgb(22,202,1)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#666b65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c745c Protanopia 1% of men
#857063 Deuteranopia 1% of men
#68767f Tritanopia 0.001% of the population

Trichromacy

#6f745a Protanomaly 1% of men, 0.01% of women
#75715e Deuteranomaly 6% of men, 0.4% of women
#637570 Tritanomaly 0.01% of the population

#5a7457 hex color

#5a7457 Color Information

#5a7457 Color Conversion

Color Schemes with #5a7457

Alternatives to #5a7457

#5a7457 Preview

Shades and Tints of #5a7457

Tones of #5a7457

Color Blindness Simulator