#557b51 hex color

In a RGB color space, hex #557b51 is composed of 33.3% red, 48.2% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 34.1% yellow and 51.8% black. It has a hue angle of 114.3 degrees, a saturation of 20.6% and a lightness of 40%. #557b51 color hex could be obtained by blending #aaf6a2 with #000000. Closest websafe color is: #666666.

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

● #557b51 color description : Mostly desaturated dark lime green.

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

Hex triplet	557b51	`#557b51`
RGB Decimal	85, 123, 81	`rgb(85,123,81)`
RGB Percent	33.3, 48.2, 31.8	`rgb(33.3%,48.2%,31.8%)`
CMYK	31, 0, 34, 52
HSL	114.3°, 20.6, 40	`hsl(114.3,20.6%,40%)`
HSV (or HSB)	114.3°, 34.1, 48.2
Web Safe	666666	`#666666`

CIE-LAB	47.868, -22.292, 18.821
XYZ	12.314, 16.691, 10.357
xyY	0.313, 0.424, 16.691
CIE-LCH	47.868, 29.175, 139.826
CIE-LUV	47.868, -18.767, 26.788
Hunter-Lab	40.854, -17.693, 13.568
Binary	01010101, 01111011, 01010001

#557b51
```
#557b51 rgb(85,123,81)
```
#77517b
```
#77517b rgb(119,81,123)
```

Complementary Color

#6a7b51
```
#6a7b51 rgb(106,123,81)
```
#557b51
```
#557b51 rgb(85,123,81)
```
#517b62
```
#517b62 rgb(81,123,98)
```

Analogous Color

#7b516a
```
#7b516a rgb(123,81,106)
```
#557b51
```
#557b51 rgb(85,123,81)
```
#62517b
```
#62517b rgb(98,81,123)
```

Split Complementary Color

#7b5155
```
#7b5155 rgb(123,81,85)
```
#557b51
```
#557b51 rgb(85,123,81)
```
#51557b
```
#51557b rgb(81,85,123)
```

Triadic Color

#7b7751
```
#7b7751 rgb(123,119,81)
```
#557b51
```
#557b51 rgb(85,123,81)
```
#51557b
```
#51557b rgb(81,85,123)
```
#77517b
```
#77517b rgb(119,81,123)
```

Tetradic Color

#354d33
```
#354d33 rgb(53,77,51)
```
#405c3d
```
#405c3d rgb(64,92,61)
```
#4a6c47
```
#4a6c47 rgb(74,108,71)
```
#557b51
```
#557b51 rgb(85,123,81)
```
#608a5b
```
#608a5b rgb(96,138,91)
```
#6a9a65
```
#6a9a65 rgb(106,154,101)
```
#79a475
```
#79a475 rgb(121,164,117)
```

Monochromatic Color

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

#607b51
```
#607b51 rgb(96,123,81)
```
#5c7b51
```
#5c7b51 rgb(92,123,81)
```
#597b51
```
#597b51 rgb(89,123,81)
```
#557b51
```
#557b51 rgb(85,123,81)
```
#527b51
```
#527b51 rgb(82,123,81)
```
#517b54
```
#517b54 rgb(81,123,84)
```
#517b58
```
#517b58 rgb(81,123,88)
```

Similar Colors

Text with hexadecimal color #557b51

This text has a font color of #557b51.

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

#557b51 background color

This paragraph has a background color of #557b51.

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

#557b51 border color

This element has a border color of #557b51.

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

CSS codes

.text {color:#557b51;}

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

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

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

#030503
```
#030503 rgb(3,5,3)
```
#0b110b
```
#0b110b rgb(11,17,11)
```
#141c13
```
#141c13 rgb(20,28,19)
```
#1c281a
```
#1c281a rgb(28,40,26)
```
#243422
```
#243422 rgb(36,52,34)
```
#2c402a
```
#2c402a rgb(44,64,42)
```
#344c32
```
#344c32 rgb(52,76,50)
```
#3c583a
```
#3c583a rgb(60,88,58)
```
#456341
```
#456341 rgb(69,99,65)
```
#4d6f49
```
#4d6f49 rgb(77,111,73)
```
#557b51
```
#557b51 rgb(85,123,81)
```
#5d8759
```
#5d8759 rgb(93,135,89)
```
#659361
```
#659361 rgb(101,147,97)
```

Shade Color Variation

#6f9d6a
```
#6f9d6a rgb(111,157,106)
```
#7aa576
```
#7aa576 rgb(122,165,118)
```
#86ac82
```
#86ac82 rgb(134,172,130)
```
#91b48d
```
#91b48d rgb(145,180,141)
```
#9dbc99
```
#9dbc99 rgb(157,188,153)
```
#a8c4a5
```
#a8c4a5 rgb(168,196,165)
```
#b3ccb1
```
#b3ccb1 rgb(179,204,177)
```
#bfd3bd
```
#bfd3bd rgb(191,211,189)
```
#cadbc9
```
#cadbc9 rgb(202,219,201)
```
#d6e3d4
```
#d6e3d4 rgb(214,227,212)
```
#e1ebe0
```
#e1ebe0 rgb(225,235,224)
```
#edf3ec
```
#edf3ec rgb(237,243,236)
```
#f8faf8
```
#f8faf8 rgb(248,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626b61 is the less saturated color, while #15c903 is the most saturated one.

#626b61
```
#626b61 rgb(98,107,97)
```
#5b7359
```
#5b7359 rgb(91,115,89)
```
#557b51
```
#557b51 rgb(85,123,81)
```
#4f8349
```
#4f8349 rgb(79,131,73)
```
#488b41
```
#488b41 rgb(72,139,65)
```
#429339
```
#429339 rgb(66,147,57)
```
#3c9a32
```
#3c9a32 rgb(60,154,50)
```
#35a22a
```
#35a22a rgb(53,162,42)
```
#2faa22
```
#2faa22 rgb(47,170,34)
```
#29b21a
```
#29b21a rgb(41,178,26)
```
#22ba12
```
#22ba12 rgb(34,186,18)
```
#1cc20a
```
#1cc20a rgb(28,194,10)
```
#15c903
```
#15c903 rgb(21,201,3)
```

Tone Color Variation

Below, you can see how #557b51 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
#676e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827856 Protanopia 1% of men
#8d745e Deuteranopia 1% of men
#667c85 Tritanopia 0.001% of the population

Trichromacy

#717954 Protanomaly 1% of men, 0.01% of women
#787659 Deuteranomaly 6% of men, 0.4% of women
#607b72 Tritanomaly 0.01% of the population

#557b51 hex color

#557b51 Color Information

#557b51 Color Conversion

Color Schemes with #557b51

Alternatives to #557b51

#557b51 Preview

Shades and Tints of #557b51

Tones of #557b51

Color Blindness Simulator