#5a7b48 hex color

In a RGB color space, hex #5a7b48 is composed of 35.3% red, 48.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 41.5% yellow and 51.8% black. It has a hue angle of 98.8 degrees, a saturation of 26.2% and a lightness of 38.2%. #5a7b48 color hex could be obtained by blending #b4f690 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 48
- B 28
RGB color chart
- C 27
- M 0
- Y 41
- K 52
CMYK color chart

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

The hexadecimal color #5a7b48 has RGB values of R:90, G:123, B:72 and CMYK values of C:0.27, M:0, Y:0.41, K:0.52. Its decimal value is 5929800.

Hex triplet	5a7b48	`#5a7b48`
RGB Decimal	90, 123, 72	`rgb(90,123,72)`
RGB Percent	35.3, 48.2, 28.2	`rgb(35.3%,48.2%,28.2%)`
CMYK	27, 0, 41, 52
HSL	98.8°, 26.2, 38.2	`hsl(98.8,26.2%,38.2%)`
HSV (or HSB)	98.8°, 41.5, 48.2
Web Safe	666633	`#666633`

CIE-LAB	48.016, -21.874, 24.172
XYZ	12.469, 16.807, 8.718
xyY	0.328, 0.442, 16.807
CIE-LCH	48.016, 32.6, 132.144
CIE-LUV	48.016, -16.41, 32.432
Hunter-Lab	40.996, -17.455, 16.09
Binary	01011010, 01111011, 01001000

#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#69487b
```
#69487b rgb(105,72,123)
```

Complementary Color

#747b48
```
#747b48 rgb(116,123,72)
```
#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#487b50
```
#487b50 rgb(72,123,80)
```

Analogous Color

#7b4874
```
#7b4874 rgb(123,72,116)
```
#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#50487b
```
#50487b rgb(80,72,123)
```

Split Complementary Color

#7b485a
```
#7b485a rgb(123,72,90)
```
#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#485a7b
```
#485a7b rgb(72,90,123)
```

Triadic Color

#7b6948
```
#7b6948 rgb(123,105,72)
```
#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#485a7b
```
#485a7b rgb(72,90,123)
```
#69487b
```
#69487b rgb(105,72,123)
```

Tetradic Color

#374b2c
```
#374b2c rgb(55,75,44)
```
#425b35
```
#425b35 rgb(66,91,53)
```
#4e6b3f
```
#4e6b3f rgb(78,107,63)
```
#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#668b51
```
#668b51 rgb(102,139,81)
```
#729b5b
```
#729b5b rgb(114,155,91)
```
#7fa769
```
#7fa769 rgb(127,167,105)
```

Monochromatic Color

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

#677b48
```
#677b48 rgb(103,123,72)
```
#637b48
```
#637b48 rgb(99,123,72)
```
#5e7b48
```
#5e7b48 rgb(94,123,72)
```
#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#567b48
```
#567b48 rgb(86,123,72)
```
#527b48
```
#527b48 rgb(82,123,72)
```
#4d7b48
```
#4d7b48 rgb(77,123,72)
```

Similar Colors

Text with hexadecimal color #5a7b48

This text has a font color of #5a7b48.

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

#5a7b48 background color

This paragraph has a background color of #5a7b48.

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

#5a7b48 border color

This element has a border color of #5a7b48.

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

CSS codes

.text {color:#5a7b48;}

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

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

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, #090c07 is the darkest color, while #fefffe is the lightest one.

#090c07
```
#090c07 rgb(9,12,7)
```
#12180e
```
#12180e rgb(18,24,14)
```
#1b2415
```
#1b2415 rgb(27,36,21)
```
#24311d
```
#24311d rgb(36,49,29)
```
#2d3d24
```
#2d3d24 rgb(45,61,36)
```
#364a2b
```
#364a2b rgb(54,74,43)
```
#3f5632
```
#3f5632 rgb(63,86,50)
```
#48623a
```
#48623a rgb(72,98,58)
```
#516f41
```
#516f41 rgb(81,111,65)
```
#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#63874f
```
#63874f rgb(99,135,79)
```
#6c9456
```
#6c9456 rgb(108,148,86)
```
#75a05e
```
#75a05e rgb(117,160,94)
```

Shade Color Variation

#80a86a
```
#80a86a rgb(128,168,106)
```
#8aaf76
```
#8aaf76 rgb(138,175,118)
```
#95b683
```
#95b683 rgb(149,182,131)
```
#9fbd8f
```
#9fbd8f rgb(159,189,143)
```
#aac59b
```
#aac59b rgb(170,197,155)
```
#b4cca8
```
#b4cca8 rgb(180,204,168)
```
#bfd3b4
```
#bfd3b4 rgb(191,211,180)
```
#cadac0
```
#cadac0 rgb(202,218,192)
```
#d4e2cd
```
#d4e2cd rgb(212,226,205)
```
#dfe9d9
```
#dfe9d9 rgb(223,233,217)
```
#e9f0e6
```
#e9f0e6 rgb(233,240,230)
```
#f4f7f2
```
#f4f7f2 rgb(244,247,242)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#61655f
```
#61655f rgb(97,101,95)
```
#5e6c57
```
#5e6c57 rgb(94,108,87)
```
#5c7450
```
#5c7450 rgb(92,116,80)
```
#5a7b48
```
#5a7b48 rgb(90,123,72)
```
#588341
```
#588341 rgb(88,131,65)
```
#568a39
```
#568a39 rgb(86,138,57)
```
#539232
```
#539232 rgb(83,146,50)
```
#51992a
```
#51992a rgb(81,153,42)
```
#4fa123
```
#4fa123 rgb(79,161,35)
```
#4da81b
```
#4da81b rgb(77,168,27)
```
#4bb014
```
#4bb014 rgb(75,176,20)
```
#48b70c
```
#48b70c rgb(72,183,12)
```
#46bf04
```
#46bf04 rgb(70,191,4)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#686e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83794e Protanopia 1% of men
#8f7455 Deuteranopia 1% of men
#6c7b84 Tritanopia 0.001% of the population

Trichromacy

#74794c Protanomaly 1% of men, 0.01% of women
#7c7650 Deuteranomaly 6% of men, 0.4% of women
#657b6e Tritanomaly 0.01% of the population

#5a7b48 hex color

#5a7b48 Color Information

#5a7b48 Color Conversion

Color Schemes with #5a7b48

Alternatives to #5a7b48

#5a7b48 Preview

Shades and Tints of #5a7b48

Tones of #5a7b48

Color Blindness Simulator