#557a38 hex color

In a RGB color space, hex #557a38 is composed of 33.3% red, 47.8% green and 22% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 54.1% yellow and 52.2% black. It has a hue angle of 93.6 degrees, a saturation of 37.1% and a lightness of 34.9%. #557a38 color hex could be obtained by blending #aaf470 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 48
- B 22
RGB color chart
- C 30
- M 0
- Y 54
- K 52
CMYK color chart

● #557a38 color description : Dark moderate green.

The hexadecimal color #557a38 has RGB values of R:85, G:122, B:56 and CMYK values of C:0.3, M:0, Y:0.54, K:0.52. Its decimal value is 5601848.

Hex triplet	557a38	`#557a38`
RGB Decimal	85, 122, 56	`rgb(85,122,56)`
RGB Percent	33.3, 47.8, 22	`rgb(33.3%,47.8%,22%)`
CMYK	30, 0, 54, 52
HSL	93.6°, 37.1, 34.9	`hsl(93.6,37.1%,34.9%)`
HSV (or HSB)	93.6°, 54.1, 47.8
Web Safe	666633	`#666633`

CIE-LAB	47.152, -25.486, 31.716
XYZ	11.419, 16.136, 6.254
xyY	0.338, 0.477, 16.136
CIE-LCH	47.152, 40.687, 128.785
CIE-LUV	47.152, -18.414, 39.929
Hunter-Lab	40.169, -19.552, 18.887
Binary	01010101, 01111010, 00111000

#557a38
```
#557a38 rgb(85,122,56)
```
#5d387a
```
#5d387a rgb(93,56,122)
```

Complementary Color

#767a38
```
#767a38 rgb(118,122,56)
```
#557a38
```
#557a38 rgb(85,122,56)
```
#387a3c
```
#387a3c rgb(56,122,60)
```

Analogous Color

#7a3876
```
#7a3876 rgb(122,56,118)
```
#557a38
```
#557a38 rgb(85,122,56)
```
#3c387a
```
#3c387a rgb(60,56,122)
```

Split Complementary Color

#7a3855
```
#7a3855 rgb(122,56,85)
```
#557a38
```
#557a38 rgb(85,122,56)
```
#38557a
```
#38557a rgb(56,85,122)
```

Triadic Color

#7a5d38
```
#7a5d38 rgb(122,93,56)
```
#557a38
```
#557a38 rgb(85,122,56)
```
#38557a
```
#38557a rgb(56,85,122)
```
#5d387a
```
#5d387a rgb(93,56,122)
```

Tetradic Color

#304620
```
#304620 rgb(48,70,32)
```
#3d5728
```
#3d5728 rgb(61,87,40)
```
#496930
```
#496930 rgb(73,105,48)
```
#557a38
```
#557a38 rgb(85,122,56)
```
#618b40
```
#618b40 rgb(97,139,64)
```
#6d9d48
```
#6d9d48 rgb(109,157,72)
```
#7aae50
```
#7aae50 rgb(122,174,80)
```

Monochromatic Color

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

#667a38
```
#667a38 rgb(102,122,56)
```
#607a38
```
#607a38 rgb(96,122,56)
```
#5b7a38
```
#5b7a38 rgb(91,122,56)
```
#557a38
```
#557a38 rgb(85,122,56)
```
#507a38
```
#507a38 rgb(80,122,56)
```
#4a7a38
```
#4a7a38 rgb(74,122,56)
```
#457a38
```
#457a38 rgb(69,122,56)
```

Similar Colors

Text with hexadecimal color #557a38

This text has a font color of #557a38.

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

#557a38 background color

This paragraph has a background color of #557a38.

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

#557a38 border color

This element has a border color of #557a38.

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

CSS codes

.text {color:#557a38;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0a0e07
```
#0a0e07 rgb(10,14,7)
```
#131c0d
```
#131c0d rgb(19,28,13)
```
#1d2913
```
#1d2913 rgb(29,41,19)
```
#263719
```
#263719 rgb(38,55,25)
```
#30441f
```
#30441f rgb(48,68,31)
```
#395225
```
#395225 rgb(57,82,37)
```
#425f2c
```
#425f2c rgb(66,95,44)
```
#4c6d32
```
#4c6d32 rgb(76,109,50)
```
#557a38
```
#557a38 rgb(85,122,56)
```
#5e873e
```
#5e873e rgb(94,135,62)
```
#689544
```
#689544 rgb(104,149,68)
```
#71a24b
```
#71a24b rgb(113,162,75)
```

Shade Color Variation

#7baf51
```
#7baf51 rgb(123,175,81)
```
#85b55f
```
#85b55f rgb(133,181,95)
```
#8fbc6c
```
#8fbc6c rgb(143,188,108)
```
#99c27a
```
#99c27a rgb(153,194,122)
```
#a4c887
```
#a4c887 rgb(164,200,135)
```
#aece94
```
#aece94 rgb(174,206,148)
```
#b8d4a2
```
#b8d4a2 rgb(184,212,162)
```
#c2daaf
```
#c2daaf rgb(194,218,175)
```
#cde1bd
```
#cde1bd rgb(205,225,189)
```
#d7e7ca
```
#d7e7ca rgb(215,231,202)
```
#e1edd8
```
#e1edd8 rgb(225,237,216)
```
#ebf3e5
```
#ebf3e5 rgb(235,243,229)
```
#f6f9f3
```
#f6f9f3 rgb(246,249,243)
```

Tint Color Variation

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

#585f53
```
#585f53 rgb(88,95,83)
```
#57654d
```
#57654d rgb(87,101,77)
```
#576c46
```
#576c46 rgb(87,108,70)
```
#56733f
```
#56733f rgb(86,115,63)
```
#557a38
```
#557a38 rgb(85,122,56)
```
#548131
```
#548131 rgb(84,129,49)
```
#53882a
```
#53882a rgb(83,136,42)
```
#538f23
```
#538f23 rgb(83,143,35)
```
#52951d
```
#52951d rgb(82,149,29)
```
#519c16
```
#519c16 rgb(81,156,22)
```
#50a30f
```
#50a30f rgb(80,163,15)
```
#4faa08
```
#4faa08 rgb(79,170,8)
```
#4eb101
```
#4eb101 rgb(78,177,1)
```

Tone Color Variation

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

Dichromacy

#83773f Protanopia 1% of men
#907247 Deuteranopia 1% of men
#697982 Tritanopia 0.001% of the population

Trichromacy

#72783c Protanomaly 1% of men, 0.01% of women
#7a7541 Deuteranomaly 6% of men, 0.4% of women
#617967 Tritanomaly 0.01% of the population

#557a38 hex color

#557a38 Color Information

#557a38 Color Conversion

Color Schemes with #557a38

Alternatives to #557a38

#557a38 Preview

Shades and Tints of #557a38

Tones of #557a38

Color Blindness Simulator