#5a7c45 hex color

In a RGB color space, hex #5a7c45 is composed of 35.3% red, 48.6% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 0% magenta, 44.4% yellow and 51.4% black. It has a hue angle of 97.1 degrees, a saturation of 28.5% and a lightness of 37.8%. #5a7c45 color hex could be obtained by blending #b4f88a with #000000. Closest websafe color is: #666633.

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

● #5a7c45 color description : Mostly desaturated dark green.

The hexadecimal color #5a7c45 has RGB values of R:90, G:124, B:69 and CMYK values of C:0.27, M:0, Y:0.44, K:0.51. Its decimal value is 5930053.

Hex triplet	5a7c45	`#5a7c45`
RGB Decimal	90, 124, 69	`rgb(90,124,69)`
RGB Percent	35.3, 48.6, 27.1	`rgb(35.3%,48.6%,27.1%)`
CMYK	27, 0, 44, 51
HSL	97.1°, 28.5, 37.8	`hsl(97.1,28.5%,37.8%)`
HSV (or HSB)	97.1°, 44.4, 48.6
Web Safe	666633	`#666633`

CIE-LAB	48.283, -22.827, 26.181
XYZ	12.498, 17.018, 8.256
xyY	0.331, 0.451, 17.018
CIE-LCH	48.283, 34.735, 131.085
CIE-LUV	48.283, -16.917, 34.667
Hunter-Lab	41.253, -18.116, 17.011
Binary	01011010, 01111100, 01000101

#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#67457c
```
#67457c rgb(103,69,124)
```

Complementary Color

#767c45
```
#767c45 rgb(118,124,69)
```
#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#457c4b
```
#457c4b rgb(69,124,75)
```

Analogous Color

#7c4576
```
#7c4576 rgb(124,69,118)
```
#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#4b457c
```
#4b457c rgb(75,69,124)
```

Split Complementary Color

#7c455a
```
#7c455a rgb(124,69,90)
```
#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#455a7c
```
#455a7c rgb(69,90,124)
```

Triadic Color

#7c6745
```
#7c6745 rgb(124,103,69)
```
#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#455a7c
```
#455a7c rgb(69,90,124)
```
#67457c
```
#67457c rgb(103,69,124)
```

Tetradic Color

#364b2a
```
#364b2a rgb(54,75,42)
```
#425b33
```
#425b33 rgb(66,91,51)
```
#4e6c3c
```
#4e6c3c rgb(78,108,60)
```
#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#668c4e
```
#668c4e rgb(102,140,78)
```
#729d57
```
#729d57 rgb(114,157,87)
```
#7fa964
```
#7fa964 rgb(127,169,100)
```

Monochromatic Color

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

#687c45
```
#687c45 rgb(104,124,69)
```
#637c45
```
#637c45 rgb(99,124,69)
```
#5f7c45
```
#5f7c45 rgb(95,124,69)
```
#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#557c45
```
#557c45 rgb(85,124,69)
```
#517c45
```
#517c45 rgb(81,124,69)
```
#4c7c45
```
#4c7c45 rgb(76,124,69)
```

Similar Colors

Text with hexadecimal color #5a7c45

This text has a font color of #5a7c45.

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

#5a7c45 background color

This paragraph has a background color of #5a7c45.

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

#5a7c45 border color

This element has a border color of #5a7c45.

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

CSS codes

.text {color:#5a7c45;}

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

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

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, #080b06 is the darkest color, while #fdfefd is the lightest one.

#080b06
```
#080b06 rgb(8,11,6)
```
#11170d
```
#11170d rgb(17,23,13)
```
#1a2414
```
#1a2414 rgb(26,36,20)
```
#23301b
```
#23301b rgb(35,48,27)
```
#2c3d22
```
#2c3d22 rgb(44,61,34)
```
#354a29
```
#354a29 rgb(53,74,41)
```
#3f5630
```
#3f5630 rgb(63,86,48)
```
#486337
```
#486337 rgb(72,99,55)
```
#516f3e
```
#516f3e rgb(81,111,62)
```
#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#63894c
```
#63894c rgb(99,137,76)
```
#6c9553
```
#6c9553 rgb(108,149,83)
```
#75a25a
```
#75a25a rgb(117,162,90)
```

Shade Color Variation

#80aa66
```
#80aa66 rgb(128,170,102)
```
#8ab172
```
#8ab172 rgb(138,177,114)
```
#95b87f
```
#95b87f rgb(149,184,127)
```
#9fbf8c
```
#9fbf8c rgb(159,191,140)
```
#aac698
```
#aac698 rgb(170,198,152)
```
#b4cda5
```
#b4cda5 rgb(180,205,165)
```
#bfd4b1
```
#bfd4b1 rgb(191,212,177)
```
#c9dbbe
```
#c9dbbe rgb(201,219,190)
```
#d3e2cb
```
#d3e2cb rgb(211,226,203)
```
#dee9d7
```
#dee9d7 rgb(222,233,215)
```
#e8f0e4
```
#e8f0e4 rgb(232,240,228)
```
#f3f7f0
```
#f3f7f0 rgb(243,247,240)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f665b is the less saturated color, while #4abf02 is the most saturated one.

#5f665b
```
#5f665b rgb(95,102,91)
```
#5e6d54
```
#5e6d54 rgb(94,109,84)
```
#5c754c
```
#5c754c rgb(92,117,76)
```
#5a7c45
```
#5a7c45 rgb(90,124,69)
```
#58833e
```
#58833e rgb(88,131,62)
```
#568b36
```
#568b36 rgb(86,139,54)
```
#55922f
```
#55922f rgb(85,146,47)
```
#539a27
```
#539a27 rgb(83,154,39)
```
#51a120
```
#51a120 rgb(81,161,32)
```
#4fa918
```
#4fa918 rgb(79,169,24)
```
#4eb011
```
#4eb011 rgb(78,176,17)
```
#4cb70a
```
#4cb70a rgb(76,183,10)
```
#4abf02
```
#4abf02 rgb(74,191,2)
```

Tone Color Variation

Below, you can see how #5a7c45 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
#686f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84794b Protanopia 1% of men
#917453 Deuteranopia 1% of men
#6c7c85 Tritanopia 0.001% of the population

Trichromacy

#757a49 Protanomaly 1% of men, 0.01% of women
#7d774e Deuteranomaly 6% of men, 0.4% of women
#657c6d Tritanomaly 0.01% of the population

#5a7c45 hex color

#5a7c45 Color Information

#5a7c45 Color Conversion

Color Schemes with #5a7c45

Alternatives to #5a7c45

#5a7c45 Preview

Shades and Tints of #5a7c45

Tones of #5a7c45

Color Blindness Simulator