#557c2b hex color

In a RGB color space, hex #557c2b is composed of 33.3% red, 48.6% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 0% magenta, 65.3% yellow and 51.4% black. It has a hue angle of 88.9 degrees, a saturation of 48.5% and a lightness of 32.7%. #557c2b color hex could be obtained by blending #aaf856 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 49
- B 17
RGB color chart
- C 31
- M 0
- Y 65
- K 51
CMYK color chart

● #557c2b color description : Dark moderate green.

The hexadecimal color #557c2b has RGB values of R:85, G:124, B:43 and CMYK values of C:0.31, M:0, Y:0.65, K:0.51. Its decimal value is 5602347.

Hex triplet	557c2b	`#557c2b`
RGB Decimal	85, 124, 43	`rgb(85,124,43)`
RGB Percent	33.3, 48.6, 16.9	`rgb(33.3%,48.6%,16.9%)`
CMYK	31, 0, 65, 51
HSL	88.9°, 48.5, 32.7	`hsl(88.9,48.5%,32.7%)`
HSV (or HSB)	88.9°, 65.3, 48.6
Web Safe	666633	`#666633`

CIE-LAB	47.65, -27.848, 38.728
XYZ	11.39, 16.521, 4.874
xyY	0.347, 0.504, 16.521
CIE-LCH	47.65, 47.701, 125.719
CIE-LUV	47.65, -19.487, 46.252
Hunter-Lab	40.646, -21.11, 21.342
Binary	01010101, 01111100, 00101011

#557c2b
```
#557c2b rgb(85,124,43)
```
#522b7c
```
#522b7c rgb(82,43,124)
```

Complementary Color

#7c7b2b
```
#7c7b2b rgb(124,123,43)
```
#557c2b
```
#557c2b rgb(85,124,43)
```
#2d7c2b
```
#2d7c2b rgb(45,124,43)
```

Analogous Color

#7b2b7c
```
#7b2b7c rgb(123,43,124)
```
#557c2b
```
#557c2b rgb(85,124,43)
```
#2b2d7c
```
#2b2d7c rgb(43,45,124)
```

Split Complementary Color

#7c2b55
```
#7c2b55 rgb(124,43,85)
```
#557c2b
```
#557c2b rgb(85,124,43)
```
#2b557c
```
#2b557c rgb(43,85,124)
```

Triadic Color

#7c522b
```
#7c522b rgb(124,82,43)
```
#557c2b
```
#557c2b rgb(85,124,43)
```
#2b557c
```
#2b557c rgb(43,85,124)
```
#522b7c
```
#522b7c rgb(82,43,124)
```

Tetradic Color

#2e4317
```
#2e4317 rgb(46,67,23)
```
#3b561e
```
#3b561e rgb(59,86,30)
```
#486924
```
#486924 rgb(72,105,36)
```
#557c2b
```
#557c2b rgb(85,124,43)
```
#628f32
```
#628f32 rgb(98,143,50)
```
#6fa238
```
#6fa238 rgb(111,162,56)
```
#7cb53f
```
#7cb53f rgb(124,181,63)
```

Monochromatic Color

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

#697c2b
```
#697c2b rgb(105,124,43)
```
#637c2b
```
#637c2b rgb(99,124,43)
```
#5c7c2b
```
#5c7c2b rgb(92,124,43)
```
#557c2b
```
#557c2b rgb(85,124,43)
```
#4e7c2b
```
#4e7c2b rgb(78,124,43)
```
#487c2b
```
#487c2b rgb(72,124,43)
```
#417c2b
```
#417c2b rgb(65,124,43)
```

Similar Colors

Text with hexadecimal color #557c2b

This text has a font color of #557c2b.

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

#557c2b background color

This paragraph has a background color of #557c2b.

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

#557c2b border color

This element has a border color of #557c2b.

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

CSS codes

.text {color:#557c2b;}

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

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

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

#050703
```
#050703 rgb(5,7,3)
```
#0f1608
```
#0f1608 rgb(15,22,8)
```
#19250d
```
#19250d rgb(25,37,13)
```
#233312
```
#233312 rgb(35,51,18)
```
#2d4217
```
#2d4217 rgb(45,66,23)
```
#37501c
```
#37501c rgb(55,80,28)
```
#415f21
```
#415f21 rgb(65,95,33)
```
#4b6d26
```
#4b6d26 rgb(75,109,38)
```
#557c2b
```
#557c2b rgb(85,124,43)
```
#5f8b30
```
#5f8b30 rgb(95,139,48)
```
#699935
```
#699935 rgb(105,153,53)
```
#73a83a
```
#73a83a rgb(115,168,58)
```
#7db63f
```
#7db63f rgb(125,182,63)
```

Shade Color Variation

#87c049
```
#87c049 rgb(135,192,73)
```
#90c558
```
#90c558 rgb(144,197,88)
```
#9aca66
```
#9aca66 rgb(154,202,102)
```
#a4cf75
```
#a4cf75 rgb(164,207,117)
```
#add483
```
#add483 rgb(173,212,131)
```
#b7d992
```
#b7d992 rgb(183,217,146)
```
#c1dea1
```
#c1dea1 rgb(193,222,161)
```
#cae3af
```
#cae3af rgb(202,227,175)
```
#d4e8be
```
#d4e8be rgb(212,232,190)
```
#ddedcc
```
#ddedcc rgb(221,237,204)
```
#e7f2db
```
#e7f2db rgb(231,242,219)
```
#f1f7e9
```
#f1f7e9 rgb(241,247,233)
```
#fafdf8
```
#fafdf8 rgb(250,253,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545552 is the less saturated color, while #56a304 is the most saturated one.

#545552
```
#545552 rgb(84,85,82)
```
#545c4b
```
#545c4b rgb(84,92,75)
```
#546245
```
#546245 rgb(84,98,69)
```
#54693e
```
#54693e rgb(84,105,62)
```
#556f38
```
#556f38 rgb(85,111,56)
```
#557631
```
#557631 rgb(85,118,49)
```
#557c2b
```
#557c2b rgb(85,124,43)
```
#558225
```
#558225 rgb(85,130,37)
```
#55891e
```
#55891e rgb(85,137,30)
```
#568f18
```
#568f18 rgb(86,143,24)
```
#569611
```
#569611 rgb(86,150,17)
```
#569c0b
```
#569c0b rgb(86,156,11)
```
#56a304
```
#56a304 rgb(86,163,4)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#636b5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#857833 Protanopia 1% of men
#93733c Deuteranopia 1% of men
#6a7a83 Tritanopia 0.001% of the population

Trichromacy

#737930 Protanomaly 1% of men, 0.01% of women
#7c7635 Deuteranomaly 6% of men, 0.4% of women
#627b63 Tritanomaly 0.01% of the population

#557c2b hex color

#557c2b Color Information

#557c2b Color Conversion

Color Schemes with #557c2b

Alternatives to #557c2b

#557c2b Preview

Shades and Tints of #557c2b

Tones of #557c2b

Color Blindness Simulator