#557b3b hex color

In a RGB color space, hex #557b3b is composed of 33.3% red, 48.2% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 52% yellow and 51.8% black. It has a hue angle of 95.6 degrees, a saturation of 35.2% and a lightness of 35.7%. #557b3b color hex could be obtained by blending #aaf676 with #000000. Closest websafe color is: #666633.

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

● #557b3b color description : Dark moderate green.

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

Hex triplet	557b3b	`#557b3b`
RGB Decimal	85, 123, 59	`rgb(85,123,59)`
RGB Percent	33.3, 48.2, 23.1	`rgb(33.3%,48.2%,23.1%)`
CMYK	31, 0, 52, 52
HSL	95.6°, 35.2, 35.7	`hsl(95.6,35.2%,35.7%)`
HSV (or HSB)	95.6°, 52, 48.2
Web Safe	666633	`#666633`

CIE-LAB	47.511, -25.61, 30.57
XYZ	11.618, 16.413, 6.693
xyY	0.335, 0.473, 16.413
CIE-LCH	47.511, 39.88, 129.955
CIE-LUV	47.511, -18.901, 39.049
Hunter-Lab	40.512, -19.706, 18.563
Binary	01010101, 01111011, 00111011

#557b3b
```
#557b3b rgb(85,123,59)
```
#613b7b
```
#613b7b rgb(97,59,123)
```

Complementary Color

#757b3b
```
#757b3b rgb(117,123,59)
```
#557b3b
```
#557b3b rgb(85,123,59)
```
#3b7b41
```
#3b7b41 rgb(59,123,65)
```

Analogous Color

#7b3b75
```
#7b3b75 rgb(123,59,117)
```
#557b3b
```
#557b3b rgb(85,123,59)
```
#413b7b
```
#413b7b rgb(65,59,123)
```

Split Complementary Color

#7b3b55
```
#7b3b55 rgb(123,59,85)
```
#557b3b
```
#557b3b rgb(85,123,59)
```
#3b557b
```
#3b557b rgb(59,85,123)
```

Triadic Color

#7b613b
```
#7b613b rgb(123,97,59)
```
#557b3b
```
#557b3b rgb(85,123,59)
```
#3b557b
```
#3b557b rgb(59,85,123)
```
#613b7b
```
#613b7b rgb(97,59,123)
```

Tetradic Color

#314722
```
#314722 rgb(49,71,34)
```
#3d592a
```
#3d592a rgb(61,89,42)
```
#496a33
```
#496a33 rgb(73,106,51)
```
#557b3b
```
#557b3b rgb(85,123,59)
```
#618c43
```
#618c43 rgb(97,140,67)
```
#6d9d4c
```
#6d9d4c rgb(109,157,76)
```
#79ad55
```
#79ad55 rgb(121,173,85)
```

Monochromatic Color

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

#657b3b
```
#657b3b rgb(101,123,59)
```
#607b3b
```
#607b3b rgb(96,123,59)
```
#5a7b3b
```
#5a7b3b rgb(90,123,59)
```
#557b3b
```
#557b3b rgb(85,123,59)
```
#507b3b
```
#507b3b rgb(80,123,59)
```
#4a7b3b
```
#4a7b3b rgb(74,123,59)
```
#457b3b
```
#457b3b rgb(69,123,59)
```

Similar Colors

Text with hexadecimal color #557b3b

This text has a font color of #557b3b.

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

#557b3b background color

This paragraph has a background color of #557b3b.

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

#557b3b border color

This element has a border color of #557b3b.

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

CSS codes

.text {color:#557b3b;}

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

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0c1108
```
#0c1108 rgb(12,17,8)
```
#151e0e
```
#151e0e rgb(21,30,14)
```
#1e2b15
```
#1e2b15 rgb(30,43,21)
```
#27391b
```
#27391b rgb(39,57,27)
```
#304622
```
#304622 rgb(48,70,34)
```
#3a5328
```
#3a5328 rgb(58,83,40)
```
#43602e
```
#43602e rgb(67,96,46)
```
#4c6e35
```
#4c6e35 rgb(76,110,53)
```
#557b3b
```
#557b3b rgb(85,123,59)
```
#5e8841
```
#5e8841 rgb(94,136,65)
```
#679648
```
#679648 rgb(103,150,72)
```
#70a34e
```
#70a34e rgb(112,163,78)
```

Shade Color Variation

#7aae56
```
#7aae56 rgb(122,174,86)
```
#84b464
```
#84b464 rgb(132,180,100)
```
#8fbb71
```
#8fbb71 rgb(143,187,113)
```
#99c17e
```
#99c17e rgb(153,193,126)
```
#a4c88b
```
#a4c88b rgb(164,200,139)
```
#aece99
```
#aece99 rgb(174,206,153)
```
#b9d4a6
```
#b9d4a6 rgb(185,212,166)
```
#c3dbb3
```
#c3dbb3 rgb(195,219,179)
```
#cee1c0
```
#cee1c0 rgb(206,225,192)
```
#d8e7ce
```
#d8e7ce rgb(216,231,206)
```
#e3eedb
```
#e3eedb rgb(227,238,219)
```
#edf4e8
```
#edf4e8 rgb(237,244,232)
```
#f7faf5
```
#f7faf5 rgb(247,250,245)
```

Tint Color Variation

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

#5a5f57
```
#5a5f57 rgb(90,95,87)
```
#596650
```
#596650 rgb(89,102,80)
```
#586d49
```
#586d49 rgb(88,109,73)
```
#567442
```
#567442 rgb(86,116,66)
```
#557b3b
```
#557b3b rgb(85,123,59)
```
#548234
```
#548234 rgb(84,130,52)
```
#52892d
```
#52892d rgb(82,137,45)
```
#519026
```
#519026 rgb(81,144,38)
```
#50971f
```
#50971f rgb(80,151,31)
```
#4e9e18
```
#4e9e18 rgb(78,158,24)
```
#4da511
```
#4da511 rgb(77,165,17)
```
#4cac0a
```
#4cac0a rgb(76,172,10)
```
#4ab303
```
#4ab303 rgb(74,179,3)
```

Tone Color Variation

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

Dichromacy

#837841 Protanopia 1% of men
#90734a Deuteranopia 1% of men
#697a83 Tritanopia 0.001% of the population

Trichromacy

#72793f Protanomaly 1% of men, 0.01% of women
#7a7544 Deuteranomaly 6% of men, 0.4% of women
#617a69 Tritanomaly 0.01% of the population

#557b3b hex color

#557b3b Color Information

#557b3b Color Conversion

Color Schemes with #557b3b

Alternatives to #557b3b

#557b3b Preview

Shades and Tints of #557b3b

Tones of #557b3b

Color Blindness Simulator