#557b1e hex color

In a RGB color space, hex #557b1e is composed of 33.3% red, 48.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 75.6% yellow and 51.8% black. It has a hue angle of 84.5 degrees, a saturation of 60.8% and a lightness of 30%. #557b1e color hex could be obtained by blending #aaf63c with #000000. Closest websafe color is: #666633.

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

● #557b1e color description : Dark green.

The hexadecimal color #557b1e has RGB values of R:85, G:123, B:30 and CMYK values of C:0.31, M:0, Y:0.76, K:0.52. Its decimal value is 5602078.

Hex triplet	557b1e	`#557b1e`
RGB Decimal	85, 123, 30	`rgb(85,123,30)`
RGB Percent	33.3, 48.2, 11.8	`rgb(33.3%,48.2%,11.8%)`
CMYK	31, 0, 76, 52
HSL	84.5°, 60.8, 30	`hsl(84.5,60.8%,30%)`
HSV (or HSB)	84.5°, 75.6, 48.2
Web Safe	666633	`#666633`

CIE-LAB	47.224, -28.386, 43.817
XYZ	11.063, 16.191, 3.77
xyY	0.357, 0.522, 16.191
CIE-LCH	47.224, 52.209, 122.936
CIE-LUV	47.224, -19.027, 49.756
Hunter-Lab	40.238, -21.337, 22.611
Binary	01010101, 01111011, 00011110

#557b1e
```
#557b1e rgb(85,123,30)
```
#441e7b
```
#441e7b rgb(68,30,123)
```

Complementary Color

#7b731e
```
#7b731e rgb(123,115,30)
```
#557b1e
```
#557b1e rgb(85,123,30)
```
#277b1e
```
#277b1e rgb(39,123,30)
```

Analogous Color

#731e7b
```
#731e7b rgb(115,30,123)
```
#557b1e
```
#557b1e rgb(85,123,30)
```
#1e277b
```
#1e277b rgb(30,39,123)
```

Split Complementary Color

#7b1e55
```
#7b1e55 rgb(123,30,85)
```
#557b1e
```
#557b1e rgb(85,123,30)
```
#1e557b
```
#1e557b rgb(30,85,123)
```

Triadic Color

#7b441e
```
#7b441e rgb(123,68,30)
```
#557b1e
```
#557b1e rgb(85,123,30)
```
#1e557b
```
#1e557b rgb(30,85,123)
```
#441e7b
```
#441e7b rgb(68,30,123)
```

Tetradic Color

#2b3e0f
```
#2b3e0f rgb(43,62,15)
```
#395214
```
#395214 rgb(57,82,20)
```
#476719
```
#476719 rgb(71,103,25)
```
#557b1e
```
#557b1e rgb(85,123,30)
```
#639023
```
#639023 rgb(99,144,35)
```
#71a428
```
#71a428 rgb(113,164,40)
```
#80b92d
```
#80b92d rgb(128,185,45)
```

Monochromatic Color

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

#6c7b1e
```
#6c7b1e rgb(108,123,30)
```
#657b1e
```
#657b1e rgb(101,123,30)
```
#5d7b1e
```
#5d7b1e rgb(93,123,30)
```
#557b1e
```
#557b1e rgb(85,123,30)
```
#4d7b1e
```
#4d7b1e rgb(77,123,30)
```
#467b1e
```
#467b1e rgb(70,123,30)
```
#3e7b1e
```
#3e7b1e rgb(62,123,30)
```

Similar Colors

Text with hexadecimal color #557b1e

This text has a font color of #557b1e.

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

#557b1e background color

This paragraph has a background color of #557b1e.

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

#557b1e border color

This element has a border color of #557b1e.

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

CSS codes

.text {color:#557b1e;}

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

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

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

#090d03
```
#090d03 rgb(9,13,3)
```
#141c07
```
#141c07 rgb(20,28,7)
```
#1f2c0b
```
#1f2c0b rgb(31,44,11)
```
#293c0f
```
#293c0f rgb(41,60,15)
```
#344c12
```
#344c12 rgb(52,76,18)
```
#3f5b16
```
#3f5b16 rgb(63,91,22)
```
#4a6b1a
```
#4a6b1a rgb(74,107,26)
```
#557b1e
```
#557b1e rgb(85,123,30)
```
#608b22
```
#608b22 rgb(96,139,34)
```
#6b9b26
```
#6b9b26 rgb(107,155,38)
```
#76aa2a
```
#76aa2a rgb(118,170,42)
```
#81ba2d
```
#81ba2d rgb(129,186,45)
```
#8bca31
```
#8bca31 rgb(139,202,49)
```

Shade Color Variation

#95d03f
```
#95d03f rgb(149,208,63)
```
#9dd44e
```
#9dd44e rgb(157,212,78)
```
#a6d85e
```
#a6d85e rgb(166,216,94)
```
#afdc6e
```
#afdc6e rgb(175,220,110)
```
#b8df7e
```
#b8df7e rgb(184,223,126)
```
#c0e38d
```
#c0e38d rgb(192,227,141)
```
#c9e79d
```
#c9e79d rgb(201,231,157)
```
#d2ebad
```
#d2ebad rgb(210,235,173)
```
#daefbd
```
#daefbd rgb(218,239,189)
```
#e3f3cd
```
#e3f3cd rgb(227,243,205)
```
#ecf7dc
```
#ecf7dc rgb(236,247,220)
```
#f5faec
```
#f5faec rgb(245,250,236)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#4d5247
```
#4d5247 rgb(77,82,71)
```
#4f5841
```
#4f5841 rgb(79,88,65)
```
#505e3b
```
#505e3b rgb(80,94,59)
```
#516336
```
#516336 rgb(81,99,54)
```
#526930
```
#526930 rgb(82,105,48)
```
#536f2a
```
#536f2a rgb(83,111,42)
```
#547524
```
#547524 rgb(84,117,36)
```
#557b1e
```
#557b1e rgb(85,123,30)
```
#568118
```
#568118 rgb(86,129,24)
```
#578712
```
#578712 rgb(87,135,18)
```
#588d0c
```
#588d0c rgb(88,141,12)
```
#599306
```
#599306 rgb(89,147,6)
```
#5a9801
```
#5a9801 rgb(90,152,1)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#626957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857727 Protanopia 1% of men
#937131 Deuteranopia 1% of men
#6a7982 Tritanopia 0.001% of the population

Trichromacy

#737823 Protanomaly 1% of men, 0.01% of women
#7c752a Deuteranomaly 6% of men, 0.4% of women
#627a5d Tritanomaly 0.01% of the population

#557b1e hex color

#557b1e Color Information

#557b1e Color Conversion

Color Schemes with #557b1e

Alternatives to #557b1e

#557b1e Preview

Shades and Tints of #557b1e

Tones of #557b1e

Color Blindness Simulator