#557f28 hex color

In a RGB color space, hex #557f28 is composed of 33.3% red, 49.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 68.5% yellow and 50.2% black. It has a hue angle of 89 degrees, a saturation of 52.1% and a lightness of 32.7%. #557f28 color hex could be obtained by blending #aafe50 with #000000. Closest websafe color is: #666633.

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

● #557f28 color description : Dark moderate green.

The hexadecimal color #557f28 has RGB values of R:85, G:127, B:40 and CMYK values of C:0.33, M:0, Y:0.69, K:0.5. Its decimal value is 5603112.

Hex triplet	557f28	`#557f28`
RGB Decimal	85, 127, 40	`rgb(85,127,40)`
RGB Percent	33.3, 49.8, 15.7	`rgb(33.3%,49.8%,15.7%)`
CMYK	33, 0, 69, 50
HSL	89°, 52.1, 32.7	`hsl(89,52.1%,32.7%)`
HSV (or HSB)	89°, 68.5, 49.8
Web Safe	666633	`#666633`

CIE-LAB	48.59, -29.548, 41.094
XYZ	11.718, 17.263, 4.722
xyY	0.348, 0.512, 17.263
CIE-LCH	48.59, 50.614, 125.717
CIE-LUV	48.59, -21.016, 48.725
Hunter-Lab	41.549, -22.366, 22.346
Binary	01010101, 01111111, 00101000

#557f28
```
#557f28 rgb(85,127,40)
```
#52287f
```
#52287f rgb(82,40,127)
```

Complementary Color

#7f7e28
```
#7f7e28 rgb(127,126,40)
```
#557f28
```
#557f28 rgb(85,127,40)
```
#2a7f28
```
#2a7f28 rgb(42,127,40)
```

Analogous Color

#7e287f
```
#7e287f rgb(126,40,127)
```
#557f28
```
#557f28 rgb(85,127,40)
```
#282a7f
```
#282a7f rgb(40,42,127)
```

Split Complementary Color

#7f2855
```
#7f2855 rgb(127,40,85)
```
#557f28
```
#557f28 rgb(85,127,40)
```
#28557f
```
#28557f rgb(40,85,127)
```

Triadic Color

#7f5228
```
#7f5228 rgb(127,82,40)
```
#557f28
```
#557f28 rgb(85,127,40)
```
#28557f
```
#28557f rgb(40,85,127)
```
#52287f
```
#52287f rgb(82,40,127)
```

Tetradic Color

#2e4516
```
#2e4516 rgb(46,69,22)
```
#3b581c
```
#3b581c rgb(59,88,28)
```
#486c22
```
#486c22 rgb(72,108,34)
```
#557f28
```
#557f28 rgb(85,127,40)
```
#62922e
```
#62922e rgb(98,146,46)
```
#6fa634
```
#6fa634 rgb(111,166,52)
```
#7cb93a
```
#7cb93a rgb(124,185,58)
```

Monochromatic Color

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

#6b7f28
```
#6b7f28 rgb(107,127,40)
```
#647f28
```
#647f28 rgb(100,127,40)
```
#5c7f28
```
#5c7f28 rgb(92,127,40)
```
#557f28
```
#557f28 rgb(85,127,40)
```
#4e7f28
```
#4e7f28 rgb(78,127,40)
```
#477f28
```
#477f28 rgb(71,127,40)
```
#3f7f28
```
#3f7f28 rgb(63,127,40)
```

Similar Colors

Text with hexadecimal color #557f28

This text has a font color of #557f28.

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

#557f28 background color

This paragraph has a background color of #557f28.

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

#557f28 border color

This element has a border color of #557f28.

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

CSS codes

.text {color:#557f28;}

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

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

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

#050802
```
#050802 rgb(5,8,2)
```
#0f1707
```
#0f1707 rgb(15,23,7)
```
#19250c
```
#19250c rgb(25,37,12)
```
#233411
```
#233411 rgb(35,52,17)
```
#2d4315
```
#2d4315 rgb(45,67,21)
```
#37521a
```
#37521a rgb(55,82,26)
```
#41611f
```
#41611f rgb(65,97,31)
```
#4b7023
```
#4b7023 rgb(75,112,35)
```
#557f28
```
#557f28 rgb(85,127,40)
```
#5f8e2d
```
#5f8e2d rgb(95,142,45)
```
#699d31
```
#699d31 rgb(105,157,49)
```
#73ac36
```
#73ac36 rgb(115,172,54)
```
#7dbb3b
```
#7dbb3b rgb(125,187,59)
```

Shade Color Variation

#87c445
```
#87c445 rgb(135,196,69)
```
#90c954
```
#90c954 rgb(144,201,84)
```
#9ace63
```
#9ace63 rgb(154,206,99)
```
#a4d271
```
#a4d271 rgb(164,210,113)
```
#add780
```
#add780 rgb(173,215,128)
```
#b7dc8f
```
#b7dc8f rgb(183,220,143)
```
#c1e19e
```
#c1e19e rgb(193,225,158)
```
#cae5ad
```
#cae5ad rgb(202,229,173)
```
#d4eabc
```
#d4eabc rgb(212,234,188)
```
#ddefcb
```
#ddefcb rgb(221,239,203)
```
#e7f3da
```
#e7f3da rgb(231,243,218)
```
#f1f8e9
```
#f1f8e9 rgb(241,248,233)
```
#fafdf8
```
#fafdf8 rgb(250,253,248)
```

Tint Color Variation

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

#54584f
```
#54584f rgb(84,88,79)
```
#545f48
```
#545f48 rgb(84,95,72)
```
#546542
```
#546542 rgb(84,101,66)
```
#546c3b
```
#546c3b rgb(84,108,59)
```
#557235
```
#557235 rgb(85,114,53)
```
#55792e
```
#55792e rgb(85,121,46)
```
#557f28
```
#557f28 rgb(85,127,40)
```
#558522
```
#558522 rgb(85,133,34)
```
#558c1b
```
#558c1b rgb(85,140,27)
```
#569215
```
#569215 rgb(86,146,21)
```
#56990e
```
#56990e rgb(86,153,14)
```
#569f08
```
#569f08 rgb(86,159,8)
```
#56a601
```
#56a601 rgb(86,166,1)
```

Tone Color Variation

Below, you can see how #557f28 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
#656d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a30 Protanopia 1% of men
#96753a Deuteranopia 1% of men
#6b7d86 Tritanopia 0.001% of the population

Trichromacy

#757c2d Protanomaly 1% of men, 0.01% of women
#7e7833 Deuteranomaly 6% of men, 0.4% of women
#637e64 Tritanomaly 0.01% of the population

#557f28 hex color

#557f28 Color Information

#557f28 Color Conversion

Color Schemes with #557f28

Alternatives to #557f28

#557f28 Preview

Shades and Tints of #557f28

Tones of #557f28

Color Blindness Simulator