#557c28 hex color

In a RGB color space, hex #557c28 is composed of 33.3% red, 48.6% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 0% magenta, 67.7% yellow and 51.4% black. It has a hue angle of 87.9 degrees, a saturation of 51.2% and a lightness of 32.2%. #557c28 color hex could be obtained by blending #aaf850 with #000000. Closest websafe color is: #666633.

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

● #557c28 color description : Dark moderate green.

The hexadecimal color #557c28 has RGB values of R:85, G:124, B:40 and CMYK values of C:0.31, M:0, Y:0.68, K:0.51. Its decimal value is 5602344.

Hex triplet	557c28	`#557c28`
RGB Decimal	85, 124, 40	`rgb(85,124,40)`
RGB Percent	33.3, 48.6, 15.7	`rgb(33.3%,48.6%,15.7%)`
CMYK	31, 0, 68, 51
HSL	87.9°, 51.2, 32.2	`hsl(87.9,51.2%,32.2%)`
HSV (or HSB)	87.9°, 67.7, 48.6
Web Safe	666633	`#666633`

CIE-LAB	47.623, -28.114, 40.065
XYZ	11.337, 16.499, 4.595
xyY	0.35, 0.509, 16.499
CIE-LCH	47.623, 48.945, 125.058
CIE-LUV	47.623, -19.501, 47.283
Hunter-Lab	40.619, -21.266, 21.727
Binary	01010101, 01111100, 00101000

#557c28
```
#557c28 rgb(85,124,40)
```
#4f287c
```
#4f287c rgb(79,40,124)
```

Complementary Color

#7c7928
```
#7c7928 rgb(124,121,40)
```
#557c28
```
#557c28 rgb(85,124,40)
```
#2b7c28
```
#2b7c28 rgb(43,124,40)
```

Analogous Color

#79287c
```
#79287c rgb(121,40,124)
```
#557c28
```
#557c28 rgb(85,124,40)
```
#282b7c
```
#282b7c rgb(40,43,124)
```

Split Complementary Color

#7c2855
```
#7c2855 rgb(124,40,85)
```
#557c28
```
#557c28 rgb(85,124,40)
```
#28557c
```
#28557c rgb(40,85,124)
```

Triadic Color

#7c4f28
```
#7c4f28 rgb(124,79,40)
```
#557c28
```
#557c28 rgb(85,124,40)
```
#28557c
```
#28557c rgb(40,85,124)
```
#4f287c
```
#4f287c rgb(79,40,124)
```

Tetradic Color

#2d4215
```
#2d4215 rgb(45,66,21)
```
#3b551c
```
#3b551c rgb(59,85,28)
```
#486922
```
#486922 rgb(72,105,34)
```
#557c28
```
#557c28 rgb(85,124,40)
```
#628f2e
```
#628f2e rgb(98,143,46)
```
#6fa334
```
#6fa334 rgb(111,163,52)
```
#7db63b
```
#7db63b rgb(125,182,59)
```

Monochromatic Color

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

#6a7c28
```
#6a7c28 rgb(106,124,40)
```
#637c28
```
#637c28 rgb(99,124,40)
```
#5c7c28
```
#5c7c28 rgb(92,124,40)
```
#557c28
```
#557c28 rgb(85,124,40)
```
#4e7c28
```
#4e7c28 rgb(78,124,40)
```
#477c28
```
#477c28 rgb(71,124,40)
```
#407c28
```
#407c28 rgb(64,124,40)
```

Similar Colors

Text with hexadecimal color #557c28

This text has a font color of #557c28.

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

#557c28 background color

This paragraph has a background color of #557c28.

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

#557c28 border color

This element has a border color of #557c28.

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

CSS codes

.text {color:#557c28;}

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

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

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

#040502
```
#040502 rgb(4,5,2)
```
#0e1407
```
#0e1407 rgb(14,20,7)
```
#18230b
```
#18230b rgb(24,35,11)
```
#223210
```
#223210 rgb(34,50,16)
```
#2c4115
```
#2c4115 rgb(44,65,21)
```
#37501a
```
#37501a rgb(55,80,26)
```
#415e1e
```
#415e1e rgb(65,94,30)
```
#4b6d23
```
#4b6d23 rgb(75,109,35)
```
#557c28
```
#557c28 rgb(85,124,40)
```
#5f8b2d
```
#5f8b2d rgb(95,139,45)
```
#699a32
```
#699a32 rgb(105,154,50)
```
#73a836
```
#73a836 rgb(115,168,54)
```
#7eb73b
```
#7eb73b rgb(126,183,59)
```

Shade Color Variation

#88c344
```
#88c344 rgb(136,195,68)
```
#91c752
```
#91c752 rgb(145,199,82)
```
#9acc61
```
#9acc61 rgb(154,204,97)
```
#a4d170
```
#a4d170 rgb(164,209,112)
```
#add67f
```
#add67f rgb(173,214,127)
```
#b7da8e
```
#b7da8e rgb(183,218,142)
```
#c0df9d
```
#c0df9d rgb(192,223,157)
```
#cae4ab
```
#cae4ab rgb(202,228,171)
```
#d3e9ba
```
#d3e9ba rgb(211,233,186)
```
#ddeec9
```
#ddeec9 rgb(221,238,201)
```
#e6f2d8
```
#e6f2d8 rgb(230,242,216)
```
#f0f7e7
```
#f0f7e7 rgb(240,247,231)
```
#f9fcf6
```
#f9fcf6 rgb(249,252,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52564e is the less saturated color, while #58a202 is the most saturated one.

#52564e
```
#52564e rgb(82,86,78)
```
#535c48
```
#535c48 rgb(83,92,72)
```
#536341
```
#536341 rgb(83,99,65)
```
#54693b
```
#54693b rgb(84,105,59)
```
#546f35
```
#546f35 rgb(84,111,53)
```
#55762e
```
#55762e rgb(85,118,46)
```
#557c28
```
#557c28 rgb(85,124,40)
```
#558222
```
#558222 rgb(85,130,34)
```
#56891b
```
#56891b rgb(86,137,27)
```
#568f15
```
#568f15 rgb(86,143,21)
```
#57950f
```
#57950f rgb(87,149,15)
```
#579c08
```
#579c08 rgb(87,156,8)
```
#58a202
```
#58a202 rgb(88,162,2)
```

Tone Color Variation

Below, you can see how #557c28 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
#636b5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#857830 Protanopia 1% of men
#937239 Deuteranopia 1% of men
#6a7a83 Tritanopia 0.001% of the population

Trichromacy

#74792d Protanomaly 1% of men, 0.01% of women
#7c7633 Deuteranomaly 6% of men, 0.4% of women
#627b62 Tritanomaly 0.01% of the population

#557c28 hex color

#557c28 Color Information

#557c28 Color Conversion

Color Schemes with #557c28

Alternatives to #557c28

#557c28 Preview

Shades and Tints of #557c28

Tones of #557c28

Color Blindness Simulator