#5a7257 hex color

In a RGB color space, hex #5a7257 is composed of 35.3% red, 44.7% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 0% magenta, 23.7% yellow and 55.3% black. It has a hue angle of 113.3 degrees, a saturation of 13.4% and a lightness of 39.4%. #5a7257 color hex could be obtained by blending #b4e4ae with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #5a7257 has RGB values of R:90, G:114, B:87 and CMYK values of C:0.21, M:0, Y:0.24, K:0.55. Its decimal value is 5927511.

Hex triplet	5a7257	`#5a7257`
RGB Decimal	90, 114, 87	`rgb(90,114,87)`
RGB Percent	35.3, 44.7, 34.1	`rgb(35.3%,44.7%,34.1%)`
CMYK	21, 0, 24, 55
HSL	113.3°, 13.4, 39.4	`hsl(113.3,13.4%,39.4%)`
HSV (or HSB)	113.3°, 23.7, 44.7
Web Safe	666666	`#666666`

CIE-LAB	45.492, -14.541, 12.139
XYZ	11.954, 14.896, 11.262
xyY	0.314, 0.391, 14.896
CIE-LCH	45.492, 18.942, 140.145
CIE-LUV	45.492, -11.952, 17.572
Hunter-Lab	38.596, -12.258, 9.717
Binary	01011010, 01110010, 01010111

#5a7257
```
#5a7257 rgb(90,114,87)
```
#6f5772
```
#6f5772 rgb(111,87,114)
```

Complementary Color

#687257
```
#687257 rgb(104,114,87)
```
#5a7257
```
#5a7257 rgb(90,114,87)
```
#577262
```
#577262 rgb(87,114,98)
```

Analogous Color

#725768
```
#725768 rgb(114,87,104)
```
#5a7257
```
#5a7257 rgb(90,114,87)
```
#625772
```
#625772 rgb(98,87,114)
```

Split Complementary Color

#72575a
```
#72575a rgb(114,87,90)
```
#5a7257
```
#5a7257 rgb(90,114,87)
```
#575a72
```
#575a72 rgb(87,90,114)
```

Triadic Color

#726f57
```
#726f57 rgb(114,111,87)
```
#5a7257
```
#5a7257 rgb(90,114,87)
```
#575a72
```
#575a72 rgb(87,90,114)
```
#6f5772
```
#6f5772 rgb(111,87,114)
```

Tetradic Color

#384736
```
#384736 rgb(56,71,54)
```
#435541
```
#435541 rgb(67,85,65)
```
#4f644c
```
#4f644c rgb(79,100,76)
```
#5a7257
```
#5a7257 rgb(90,114,87)
```
#658062
```
#658062 rgb(101,128,98)
```
#718f6d
```
#718f6d rgb(113,143,109)
```
#7f9a7b
```
#7f9a7b rgb(127,154,123)
```

Monochromatic Color

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

#617257
```
#617257 rgb(97,114,87)
```
#5f7257
```
#5f7257 rgb(95,114,87)
```
#5c7257
```
#5c7257 rgb(92,114,87)
```
#5a7257
```
#5a7257 rgb(90,114,87)
```
#587257
```
#587257 rgb(88,114,87)
```
#577259
```
#577259 rgb(87,114,89)
```
#57725b
```
#57725b rgb(87,114,91)
```

Similar Colors

Text with hexadecimal color #5a7257

This text has a font color of #5a7257.

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

#5a7257 background color

This paragraph has a background color of #5a7257.

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

#5a7257 border color

This element has a border color of #5a7257.

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

CSS codes

.text {color:#5a7257;}

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

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

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 #f7f9f7 is the lightest one.

#020302
```
#020302 rgb(2,3,2)
```
#0b0e0b
```
#0b0e0b rgb(11,14,11)
```
#141913
```
#141913 rgb(20,25,19)
```
#1d241c
```
#1d241c rgb(29,36,28)
```
#252f24
```
#252f24 rgb(37,47,36)
```
#2e3a2d
```
#2e3a2d rgb(46,58,45)
```
#374535
```
#374535 rgb(55,69,53)
```
#40513e
```
#40513e rgb(64,81,62)
```
#485c46
```
#485c46 rgb(72,92,70)
```
#51674f
```
#51674f rgb(81,103,79)
```
#5a7257
```
#5a7257 rgb(90,114,87)
```
#637d5f
```
#637d5f rgb(99,125,95)
```
#6c8868
```
#6c8868 rgb(108,136,104)
```

Shade Color Variation

#759371
```
#759371 rgb(117,147,113)
```
#809b7c
```
#809b7c rgb(128,155,124)
```
#8ba487
```
#8ba487 rgb(139,164,135)
```
#95ac92
```
#95ac92 rgb(149,172,146)
```
#a0b59e
```
#a0b59e rgb(160,181,158)
```
#abbda9
```
#abbda9 rgb(171,189,169)
```
#b6c6b4
```
#b6c6b4 rgb(182,198,180)
```
#c1cebf
```
#c1cebf rgb(193,206,191)
```
#ccd7ca
```
#ccd7ca rgb(204,215,202)
```
#d6dfd5
```
#d6dfd5 rgb(214,223,213)
```
#e1e8e0
```
#e1e8e0 rgb(225,232,224)
```
#ecf0eb
```
#ecf0eb rgb(236,240,235)
```
#f7f9f7
```
#f7f9f7 rgb(247,249,247)
```

Tint Color Variation

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

#606a5f
```
#606a5f rgb(96,106,95)
```
#5a7257
```
#5a7257 rgb(90,114,87)
```
#547a4f
```
#547a4f rgb(84,122,79)
```
#4e8148
```
#4e8148 rgb(78,129,72)
```
#488940
```
#488940 rgb(72,137,64)
```
#429138
```
#429138 rgb(66,145,56)
```
#3c9930
```
#3c9930 rgb(60,153,48)
```
#36a029
```
#36a029 rgb(54,160,41)
```
#30a821
```
#30a821 rgb(48,168,33)
```
#2ab019
```
#2ab019 rgb(42,176,25)
```
#24b811
```
#24b811 rgb(36,184,17)
```
#1ebf0a
```
#1ebf0a rgb(30,191,10)
```
#18c702
```
#18c702 rgb(24,199,2)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#656a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a735d Protanopia 1% of men
#836f62 Deuteranopia 1% of men
#68757d Tritanopia 0.001% of the population

Trichromacy

#6e725a Protanomaly 1% of men, 0.01% of women
#74705e Deuteranomaly 6% of men, 0.4% of women
#63746f Tritanomaly 0.01% of the population

#5a7257 hex color

#5a7257 Color Information

#5a7257 Color Conversion

Color Schemes with #5a7257

Alternatives to #5a7257

#5a7257 Preview

Shades and Tints of #5a7257

Tones of #5a7257

Color Blindness Simulator