#557b48 hex color

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

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

● #557b48 color description : Mostly desaturated dark green.

The hexadecimal color #557b48 has RGB values of R:85, G:123, B:72 and CMYK values of C:0.31, M:0, Y:0.41, K:0.52. Its decimal value is 5602120.

Hex triplet	557b48	`#557b48`
RGB Decimal	85, 123, 72	`rgb(85,123,72)`
RGB Percent	33.3, 48.2, 28.2	`rgb(33.3%,48.2%,28.2%)`
CMYK	31, 0, 41, 52
HSL	104.7°, 26.2, 38.2	`hsl(104.7,26.2%,38.2%)`
HSV (or HSB)	104.7°, 41.5, 48.2
Web Safe	666633	`#666633`

CIE-LAB	47.707, -23.776, 23.711
XYZ	11.999, 16.565, 8.696
xyY	0.322, 0.445, 16.565
CIE-LCH	47.707, 33.578, 135.078
CIE-LUV	47.707, -18.825, 32.2
Hunter-Lab	40.7, -18.602, 15.822
Binary	01010101, 01111011, 01001000

#557b48
```
#557b48 rgb(85,123,72)
```
#6e487b
```
#6e487b rgb(110,72,123)
```

Complementary Color

#6f7b48
```
#6f7b48 rgb(111,123,72)
```
#557b48
```
#557b48 rgb(85,123,72)
```
#487b55
```
#487b55 rgb(72,123,85)
```

Analogous Color

#7b486f
```
#7b486f rgb(123,72,111)
```
#557b48
```
#557b48 rgb(85,123,72)
```
#55487b
```
#55487b rgb(85,72,123)
```

Split Complementary Color

#7b4855
```
#7b4855 rgb(123,72,85)
```
#557b48
```
#557b48 rgb(85,123,72)
```
#48557b
```
#48557b rgb(72,85,123)
```

Triadic Color

#7b6e48
```
#7b6e48 rgb(123,110,72)
```
#557b48
```
#557b48 rgb(85,123,72)
```
#48557b
```
#48557b rgb(72,85,123)
```
#6e487b
```
#6e487b rgb(110,72,123)
```

Tetradic Color

#344b2c
```
#344b2c rgb(52,75,44)
```
#3f5b35
```
#3f5b35 rgb(63,91,53)
```
#4a6b3f
```
#4a6b3f rgb(74,107,63)
```
#557b48
```
#557b48 rgb(85,123,72)
```
#608b51
```
#608b51 rgb(96,139,81)
```
#6b9b5b
```
#6b9b5b rgb(107,155,91)
```
#78a769
```
#78a769 rgb(120,167,105)
```

Monochromatic Color

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

#627b48
```
#627b48 rgb(98,123,72)
```
#5e7b48
```
#5e7b48 rgb(94,123,72)
```
#597b48
```
#597b48 rgb(89,123,72)
```
#557b48
```
#557b48 rgb(85,123,72)
```
#517b48
```
#517b48 rgb(81,123,72)
```
#4d7b48
```
#4d7b48 rgb(77,123,72)
```
#487b48
```
#487b48 rgb(72,123,72)
```

Similar Colors

Text with hexadecimal color #557b48

This text has a font color of #557b48.

<span style="color:#557b48;">Text here</span>

#557b48 background color

This paragraph has a background color of #557b48.

<p style="background-color:#557b48;">Content here</p>

#557b48 border color

This element has a border color of #557b48.

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

CSS codes

.text {color:#557b48;}

.background {background-color:#557b48;}

.border {border:1px solid #557b48;}

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

#080c07
```
#080c07 rgb(8,12,7)
```
#11180e
```
#11180e rgb(17,24,14)
```
#192415
```
#192415 rgb(25,36,21)
```
#22311d
```
#22311d rgb(34,49,29)
```
#2a3d24
```
#2a3d24 rgb(42,61,36)
```
#334a2b
```
#334a2b rgb(51,74,43)
```
#3b5632
```
#3b5632 rgb(59,86,50)
```
#44623a
```
#44623a rgb(68,98,58)
```
#4c6f41
```
#4c6f41 rgb(76,111,65)
```
#557b48
```
#557b48 rgb(85,123,72)
```
#5e874f
```
#5e874f rgb(94,135,79)
```
#669456
```
#669456 rgb(102,148,86)
```
#6fa05e
```
#6fa05e rgb(111,160,94)
```

Shade Color Variation

#7aa86a
```
#7aa86a rgb(122,168,106)
```
#85af76
```
#85af76 rgb(133,175,118)
```
#90b683
```
#90b683 rgb(144,182,131)
```
#9bbd8f
```
#9bbd8f rgb(155,189,143)
```
#a6c59b
```
#a6c59b rgb(166,197,155)
```
#b1cca8
```
#b1cca8 rgb(177,204,168)
```
#bcd3b4
```
#bcd3b4 rgb(188,211,180)
```
#c7dac0
```
#c7dac0 rgb(199,218,192)
```
#d2e2cd
```
#d2e2cd rgb(210,226,205)
```
#dde9d9
```
#dde9d9 rgb(221,233,217)
```
#e8f0e6
```
#e8f0e6 rgb(232,240,230)
```
#f3f7f2
```
#f3f7f2 rgb(243,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, #60655f is the less saturated color, while #34bf04 is the most saturated one.

#60655f
```
#60655f rgb(96,101,95)
```
#5c6c57
```
#5c6c57 rgb(92,108,87)
```
#597450
```
#597450 rgb(89,116,80)
```
#557b48
```
#557b48 rgb(85,123,72)
```
#518341
```
#518341 rgb(81,131,65)
```
#4e8a39
```
#4e8a39 rgb(78,138,57)
```
#4a9232
```
#4a9232 rgb(74,146,50)
```
#46992a
```
#46992a rgb(70,153,42)
```
#43a123
```
#43a123 rgb(67,161,35)
```
#3fa81b
```
#3fa81b rgb(63,168,27)
```
#3bb014
```
#3bb014 rgb(59,176,20)
```
#38b70c
```
#38b70c rgb(56,183,12)
```
#34bf04
```
#34bf04 rgb(52,191,4)
```

Tone Color Variation

Below, you can see how #557b48 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

#6a6a6a Achromatopsia 0.005% of the population
#666d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83784e Protanopia 1% of men
#8e7356 Deuteranopia 1% of men
#677b84 Tritanopia 0.001% of the population

Trichromacy

#72794b Protanomaly 1% of men, 0.01% of women
#797651 Deuteranomaly 6% of men, 0.4% of women
#617b6e Tritanomaly 0.01% of the population

#557b48 hex color

#557b48 Color Information

#557b48 Color Conversion

Color Schemes with #557b48

Alternatives to #557b48

#557b48 Preview

Shades and Tints of #557b48

Tones of #557b48

Color Blindness Simulator