#557d1f hex color

In a RGB color space, hex #557d1f is composed of 33.3% red, 49% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 0% magenta, 75.2% yellow and 51% black. It has a hue angle of 85.5 degrees, a saturation of 60.3% and a lightness of 30.6%. #557d1f color hex could be obtained by blending #aafa3e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 49
- B 12
RGB color chart
- C 32
- M 0
- Y 75
- K 51
CMYK color chart

● #557d1f color description : Dark green.

The hexadecimal color #557d1f has RGB values of R:85, G:125, B:31 and CMYK values of C:0.32, M:0, Y:0.75, K:0.51. Its decimal value is 5602591.

Hex triplet	557d1f	`#557d1f`
RGB Decimal	85, 125, 31	`rgb(85,125,31)`
RGB Percent	33.3, 49, 12.2	`rgb(33.3%,49%,12.2%)`
CMYK	32, 0, 75, 51
HSL	85.5°, 60.3, 30.6	`hsl(85.5,60.3%,30.6%)`
HSV (or HSB)	85.5°, 75.2, 49
Web Safe	666633	`#666633`

CIE-LAB	47.876, -29.275, 44.078
XYZ	11.327, 16.697, 3.922
xyY	0.355, 0.523, 16.697
CIE-LCH	47.876, 52.914, 123.59
CIE-LUV	47.876, -20.047, 50.42
Hunter-Lab	40.862, -22.028, 22.912
Binary	01010101, 01111101, 00011111

#557d1f
```
#557d1f rgb(85,125,31)
```
#471f7d
```
#471f7d rgb(71,31,125)
```

Complementary Color

#7d761f
```
#7d761f rgb(125,118,31)
```
#557d1f
```
#557d1f rgb(85,125,31)
```
#267d1f
```
#267d1f rgb(38,125,31)
```

Analogous Color

#761f7d
```
#761f7d rgb(118,31,125)
```
#557d1f
```
#557d1f rgb(85,125,31)
```
#1f267d
```
#1f267d rgb(31,38,125)
```

Split Complementary Color

#7d1f55
```
#7d1f55 rgb(125,31,85)
```
#557d1f
```
#557d1f rgb(85,125,31)
```
#1f557d
```
#1f557d rgb(31,85,125)
```

Triadic Color

#7d471f
```
#7d471f rgb(125,71,31)
```
#557d1f
```
#557d1f rgb(85,125,31)
```
#1f557d
```
#1f557d rgb(31,85,125)
```
#471f7d
```
#471f7d rgb(71,31,125)
```

Tetradic Color

#2b4010
```
#2b4010 rgb(43,64,16)
```
#395415
```
#395415 rgb(57,84,21)
```
#47691a
```
#47691a rgb(71,105,26)
```
#557d1f
```
#557d1f rgb(85,125,31)
```
#639124
```
#639124 rgb(99,145,36)
```
#71a629
```
#71a629 rgb(113,166,41)
```
#7fba2e
```
#7fba2e rgb(127,186,46)
```

Monochromatic Color

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

#6d7d1f
```
#6d7d1f rgb(109,125,31)
```
#657d1f
```
#657d1f rgb(101,125,31)
```
#5d7d1f
```
#5d7d1f rgb(93,125,31)
```
#557d1f
```
#557d1f rgb(85,125,31)
```
#4d7d1f
```
#4d7d1f rgb(77,125,31)
```
#457d1f
```
#457d1f rgb(69,125,31)
```
#3e7d1f
```
#3e7d1f rgb(62,125,31)
```

Similar Colors

Text with hexadecimal color #557d1f

This text has a font color of #557d1f.

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

#557d1f background color

This paragraph has a background color of #557d1f.

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

#557d1f border color

This element has a border color of #557d1f.

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

CSS codes

.text {color:#557d1f;}

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

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

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, #0a0f04 is the darkest color, while #fffffe is the lightest one.

#0a0f04
```
#0a0f04 rgb(10,15,4)
```
#151f08
```
#151f08 rgb(21,31,8)
```
#202e0c
```
#202e0c rgb(32,46,12)
```
#2a3e0f
```
#2a3e0f rgb(42,62,15)
```
#354e13
```
#354e13 rgb(53,78,19)
```
#405e17
```
#405e17 rgb(64,94,23)
```
#4a6d1b
```
#4a6d1b rgb(74,109,27)
```
#557d1f
```
#557d1f rgb(85,125,31)
```
#608d23
```
#608d23 rgb(96,141,35)
```
#6a9c27
```
#6a9c27 rgb(106,156,39)
```
#75ac2b
```
#75ac2b rgb(117,172,43)
```
#80bc2f
```
#80bc2f rgb(128,188,47)
```
#8acc32
```
#8acc32 rgb(138,204,50)
```

Shade Color Variation

#93d042
```
#93d042 rgb(147,208,66)
```
#9cd451
```
#9cd451 rgb(156,212,81)
```
#a5d861
```
#a5d861 rgb(165,216,97)
```
#aedc71
```
#aedc71 rgb(174,220,113)
```
#b7e081
```
#b7e081 rgb(183,224,129)
```
#c0e490
```
#c0e490 rgb(192,228,144)
```
#c9e7a0
```
#c9e7a0 rgb(201,231,160)
```
#d2ebb0
```
#d2ebb0 rgb(210,235,176)
```
#dbefbf
```
#dbefbf rgb(219,239,191)
```
#e4f3cf
```
#e4f3cf rgb(228,243,207)
```
#edf7df
```
#edf7df rgb(237,247,223)
```
#f6fbef
```
#f6fbef rgb(246,251,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#4f5349
```
#4f5349 rgb(79,83,73)
```
#505943
```
#505943 rgb(80,89,67)
```
#515f3d
```
#515f3d rgb(81,95,61)
```
#516537
```
#516537 rgb(81,101,55)
```
#526b31
```
#526b31 rgb(82,107,49)
```
#53712b
```
#53712b rgb(83,113,43)
```
#547725
```
#547725 rgb(84,119,37)
```
#557d1f
```
#557d1f rgb(85,125,31)
```
#568319
```
#568319 rgb(86,131,25)
```
#578913
```
#578913 rgb(87,137,19)
```
#588f0d
```
#588f0d rgb(88,143,13)
```
#599507
```
#599507 rgb(89,149,7)
```
#599b01
```
#599b01 rgb(89,155,1)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#636b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867927 Protanopia 1% of men
#957332 Deuteranopia 1% of men
#6b7b84 Tritanopia 0.001% of the population

Trichromacy

#747a24 Protanomaly 1% of men, 0.01% of women
#7d762b Deuteranomaly 6% of men, 0.4% of women
#637c5f Tritanomaly 0.01% of the population

#557d1f hex color

#557d1f Color Information

#557d1f Color Conversion

Color Schemes with #557d1f

Alternatives to #557d1f

#557d1f Preview

Shades and Tints of #557d1f

Tones of #557d1f

Color Blindness Simulator