#557b38 hex color

In a RGB color space, hex #557b38 is composed of 33.3% red, 48.2% green and 22% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 54.5% yellow and 51.8% black. It has a hue angle of 94 degrees, a saturation of 37.4% and a lightness of 35.1%. #557b38 color hex could be obtained by blending #aaf670 with #000000. Closest websafe color is: #666633.

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

● #557b38 color description : Dark moderate green.

The hexadecimal color #557b38 has RGB values of R:85, G:123, B:56 and CMYK values of C:0.31, M:0, Y:0.54, K:0.52. Its decimal value is 5602104.

Hex triplet	557b38	`#557b38`
RGB Decimal	85, 123, 56	`rgb(85,123,56)`
RGB Percent	33.3, 48.2, 22	`rgb(33.3%,48.2%,22%)`
CMYK	31, 0, 54, 52
HSL	94°, 37.4, 35.1	`hsl(94,37.4%,35.1%)`
HSV (or HSB)	94°, 54.5, 48.2
Web Safe	666633	`#666633`

CIE-LAB	47.472, -25.982, 32.099
XYZ	11.543, 16.382, 6.295
xyY	0.337, 0.479, 16.382
CIE-LCH	47.472, 41.297, 128.987
CIE-LUV	47.472, -18.917, 40.456
Hunter-Lab	40.475, -19.927, 19.111
Binary	01010101, 01111011, 00111000

#557b38
```
#557b38 rgb(85,123,56)
```
#5e387b
```
#5e387b rgb(94,56,123)
```

Complementary Color

#777b38
```
#777b38 rgb(119,123,56)
```
#557b38
```
#557b38 rgb(85,123,56)
```
#387b3d
```
#387b3d rgb(56,123,61)
```

Analogous Color

#7b3877
```
#7b3877 rgb(123,56,119)
```
#557b38
```
#557b38 rgb(85,123,56)
```
#3d387b
```
#3d387b rgb(61,56,123)
```

Split Complementary Color

#7b3855
```
#7b3855 rgb(123,56,85)
```
#557b38
```
#557b38 rgb(85,123,56)
```
#38557b
```
#38557b rgb(56,85,123)
```

Triadic Color

#7b5e38
```
#7b5e38 rgb(123,94,56)
```
#557b38
```
#557b38 rgb(85,123,56)
```
#38557b
```
#38557b rgb(56,85,123)
```
#5e387b
```
#5e387b rgb(94,56,123)
```

Tetradic Color

#314620
```
#314620 rgb(49,70,32)
```
#3d5828
```
#3d5828 rgb(61,88,40)
```
#496930
```
#496930 rgb(73,105,48)
```
#557b38
```
#557b38 rgb(85,123,56)
```
#618d40
```
#618d40 rgb(97,141,64)
```
#6d9e48
```
#6d9e48 rgb(109,158,72)
```
#79af50
```
#79af50 rgb(121,175,80)
```

Monochromatic Color

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

#667b38
```
#667b38 rgb(102,123,56)
```
#607b38
```
#607b38 rgb(96,123,56)
```
#5b7b38
```
#5b7b38 rgb(91,123,56)
```
#557b38
```
#557b38 rgb(85,123,56)
```
#4f7b38
```
#4f7b38 rgb(79,123,56)
```
#4a7b38
```
#4a7b38 rgb(74,123,56)
```
#447b38
```
#447b38 rgb(68,123,56)
```

Similar Colors

Text with hexadecimal color #557b38

This text has a font color of #557b38.

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

#557b38 background color

This paragraph has a background color of #557b38.

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

#557b38 border color

This element has a border color of #557b38.

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

CSS codes

.text {color:#557b38;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0f07
```
#0a0f07 rgb(10,15,7)
```
#141d0d
```
#141d0d rgb(20,29,13)
```
#1d2a13
```
#1d2a13 rgb(29,42,19)
```
#263819
```
#263819 rgb(38,56,25)
```
#30451f
```
#30451f rgb(48,69,31)
```
#395326
```
#395326 rgb(57,83,38)
```
#42602c
```
#42602c rgb(66,96,44)
```
#4c6e32
```
#4c6e32 rgb(76,110,50)
```
#557b38
```
#557b38 rgb(85,123,56)
```
#5e883e
```
#5e883e rgb(94,136,62)
```
#689644
```
#689644 rgb(104,150,68)
```
#71a34a
```
#71a34a rgb(113,163,74)
```

Shade Color Variation

#7ab051
```
#7ab051 rgb(122,176,81)
```
#85b65f
```
#85b65f rgb(133,182,95)
```
#8fbc6c
```
#8fbc6c rgb(143,188,108)
```
#99c27a
```
#99c27a rgb(153,194,122)
```
#a4c987
```
#a4c987 rgb(164,201,135)
```
#aecf95
```
#aecf95 rgb(174,207,149)
```
#b8d5a2
```
#b8d5a2 rgb(184,213,162)
```
#c2dbb0
```
#c2dbb0 rgb(194,219,176)
```
#cde1bd
```
#cde1bd rgb(205,225,189)
```
#d7e7cb
```
#d7e7cb rgb(215,231,203)
```
#e1edd8
```
#e1edd8 rgb(225,237,216)
```
#ecf3e6
```
#ecf3e6 rgb(236,243,230)
```
#f6faf3
```
#f6faf3 rgb(246,250,243)
```

Tint Color Variation

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

#595f54
```
#595f54 rgb(89,95,84)
```
#58664d
```
#58664d rgb(88,102,77)
```
#576d46
```
#576d46 rgb(87,109,70)
```
#56743f
```
#56743f rgb(86,116,63)
```
#557b38
```
#557b38 rgb(85,123,56)
```
#548231
```
#548231 rgb(84,130,49)
```
#53892a
```
#53892a rgb(83,137,42)
```
#529023
```
#529023 rgb(82,144,35)
```
#51971c
```
#51971c rgb(81,151,28)
```
#509d16
```
#509d16 rgb(80,157,22)
```
#4fa40f
```
#4fa40f rgb(79,164,15)
```
#4fab08
```
#4fab08 rgb(79,171,8)
```
#4eb201
```
#4eb201 rgb(78,178,1)
```

Tone Color Variation

Below, you can see how #557b38 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
#646c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#84783f Protanopia 1% of men
#917247 Deuteranopia 1% of men
#697a83 Tritanopia 0.001% of the population

Trichromacy

#72793c Protanomaly 1% of men, 0.01% of women
#7b7541 Deuteranomaly 6% of men, 0.4% of women
#617a68 Tritanomaly 0.01% of the population

#557b38 hex color

#557b38 Color Information

#557b38 Color Conversion

Color Schemes with #557b38

Alternatives to #557b38

#557b38 Preview

Shades and Tints of #557b38

Tones of #557b38

Color Blindness Simulator