#557f2d hex color

In a RGB color space, hex #557f2d is composed of 33.3% red, 49.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 64.6% yellow and 50.2% black. It has a hue angle of 90.7 degrees, a saturation of 47.7% and a lightness of 33.7%. #557f2d color hex could be obtained by blending #aafe5a with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 50
- B 18
RGB color chart
- C 33
- M 0
- Y 65
- K 50
CMYK color chart

● #557f2d color description : Dark moderate green.

The hexadecimal color #557f2d has RGB values of R:85, G:127, B:45 and CMYK values of C:0.33, M:0, Y:0.65, K:0.5. Its decimal value is 5603117.

Hex triplet	557f2d	`#557f2d`
RGB Decimal	85, 127, 45	`rgb(85,127,45)`
RGB Percent	33.3, 49.8, 17.6	`rgb(33.3%,49.8%,17.6%)`
CMYK	33, 0, 65, 50
HSL	90.7°, 47.7, 33.7	`hsl(90.7,47.7%,33.7%)`
HSV (or HSB)	90.7°, 64.6, 49.8
Web Safe	666633	`#666633`

CIE-LAB	48.635, -29.103, 38.88
XYZ	11.809, 17.299, 5.199
xyY	0.344, 0.504, 17.299
CIE-LCH	48.635, 48.566, 126.816
CIE-LUV	48.635, -20.986, 47.005
Hunter-Lab	41.592, -22.106, 21.703
Binary	01010101, 01111111, 00101101

#557f2d
```
#557f2d rgb(85,127,45)
```
#572d7f
```
#572d7f rgb(87,45,127)
```

Complementary Color

#7e7f2d
```
#7e7f2d rgb(126,127,45)
```
#557f2d
```
#557f2d rgb(85,127,45)
```
#2d7f2e
```
#2d7f2e rgb(45,127,46)
```

Analogous Color

#7f2d7e
```
#7f2d7e rgb(127,45,126)
```
#557f2d
```
#557f2d rgb(85,127,45)
```
#2e2d7f
```
#2e2d7f rgb(46,45,127)
```

Split Complementary Color

#7f2d55
```
#7f2d55 rgb(127,45,85)
```
#557f2d
```
#557f2d rgb(85,127,45)
```
#2d557f
```
#2d557f rgb(45,85,127)
```

Triadic Color

#7f572d
```
#7f572d rgb(127,87,45)
```
#557f2d
```
#557f2d rgb(85,127,45)
```
#2d557f
```
#2d557f rgb(45,85,127)
```
#572d7f
```
#572d7f rgb(87,45,127)
```

Tetradic Color

#2f4719
```
#2f4719 rgb(47,71,25)
```
#3c5920
```
#3c5920 rgb(60,89,32)
```
#486c26
```
#486c26 rgb(72,108,38)
```
#557f2d
```
#557f2d rgb(85,127,45)
```
#629234
```
#629234 rgb(98,146,52)
```
#6ea53a
```
#6ea53a rgb(110,165,58)
```
#7bb741
```
#7bb741 rgb(123,183,65)
```

Monochromatic Color

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

#6a7f2d
```
#6a7f2d rgb(106,127,45)
```
#637f2d
```
#637f2d rgb(99,127,45)
```
#5c7f2d
```
#5c7f2d rgb(92,127,45)
```
#557f2d
```
#557f2d rgb(85,127,45)
```
#4e7f2d
```
#4e7f2d rgb(78,127,45)
```
#477f2d
```
#477f2d rgb(71,127,45)
```
#417f2d
```
#417f2d rgb(65,127,45)
```

Similar Colors

Text with hexadecimal color #557f2d

This text has a font color of #557f2d.

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

#557f2d background color

This paragraph has a background color of #557f2d.

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

#557f2d border color

This element has a border color of #557f2d.

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

CSS codes

.text {color:#557f2d;}

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

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

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, #070b04 is the darkest color, while #fdfefc is the lightest one.

#070b04
```
#070b04 rgb(7,11,4)
```
#111a09
```
#111a09 rgb(17,26,9)
```
#1b280e
```
#1b280e rgb(27,40,14)
```
#253713
```
#253713 rgb(37,55,19)
```
#2e4518
```
#2e4518 rgb(46,69,24)
```
#38541e
```
#38541e rgb(56,84,30)
```
#426223
```
#426223 rgb(66,98,35)
```
#4b7128
```
#4b7128 rgb(75,113,40)
```
#557f2d
```
#557f2d rgb(85,127,45)
```
#5f8d32
```
#5f8d32 rgb(95,141,50)
```
#689c37
```
#689c37 rgb(104,156,55)
```
#72aa3c
```
#72aa3c rgb(114,170,60)
```
#7cb942
```
#7cb942 rgb(124,185,66)
```

Shade Color Variation

#86c04e
```
#86c04e rgb(134,192,78)
```
#90c55c
```
#90c55c rgb(144,197,92)
```
#99ca6b
```
#99ca6b rgb(153,202,107)
```
#a3d079
```
#a3d079 rgb(163,208,121)
```
#add588
```
#add588 rgb(173,213,136)
```
#b7da96
```
#b7da96 rgb(183,218,150)
```
#c1dfa5
```
#c1dfa5 rgb(193,223,165)
```
#cbe4b3
```
#cbe4b3 rgb(203,228,179)
```
#d5e9c2
```
#d5e9c2 rgb(213,233,194)
```
#dfeed0
```
#dfeed0 rgb(223,238,208)
```
#e9f4df
```
#e9f4df rgb(233,244,223)
```
#f3f9ed
```
#f3f9ed rgb(243,249,237)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#565755
```
#565755 rgb(86,87,85)
```
#565e4e
```
#565e4e rgb(86,94,78)
```
#566547
```
#566547 rgb(86,101,71)
```
#556b41
```
#556b41 rgb(85,107,65)
```
#55723a
```
#55723a rgb(85,114,58)
```
#557834
```
#557834 rgb(85,120,52)
```
#557f2d
```
#557f2d rgb(85,127,45)
```
#558626
```
#558626 rgb(85,134,38)
```
#558c20
```
#558c20 rgb(85,140,32)
```
#559319
```
#559319 rgb(85,147,25)
```
#549913
```
#549913 rgb(84,153,19)
```
#54a00c
```
#54a00c rgb(84,160,12)
```
#54a705
```
#54a705 rgb(84,167,5)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a34 Protanopia 1% of men
#96753e Deuteranopia 1% of men
#6a7d86 Tritanopia 0.001% of the population

Trichromacy

#757c31 Protanomaly 1% of men, 0.01% of women
#7e7838 Deuteranomaly 6% of men, 0.4% of women
#627e66 Tritanomaly 0.01% of the population

#557f2d hex color

#557f2d Color Information

#557f2d Color Conversion

Color Schemes with #557f2d

Alternatives to #557f2d

#557f2d Preview

Shades and Tints of #557f2d

Tones of #557f2d

Color Blindness Simulator