#557a2b hex color

In a RGB color space, hex #557a2b is composed of 33.3% red, 47.8% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 64.8% yellow and 52.2% black. It has a hue angle of 88.1 degrees, a saturation of 47.9% and a lightness of 32.4%. #557a2b color hex could be obtained by blending #aaf456 with #000000. Closest websafe color is: #666633.

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

● #557a2b color description : Dark moderate green.

The hexadecimal color #557a2b has RGB values of R:85, G:122, B:43 and CMYK values of C:0.3, M:0, Y:0.65, K:0.52. Its decimal value is 5601835.

Hex triplet	557a2b	`#557a2b`
RGB Decimal	85, 122, 43	`rgb(85,122,43)`
RGB Percent	33.3, 47.8, 16.9	`rgb(33.3%,47.8%,16.9%)`
CMYK	30, 0, 65, 52
HSL	88.1°, 47.9, 32.4	`hsl(88.1,47.9%,32.4%)`
HSV (or HSB)	88.1°, 64.8, 47.8
Web Safe	666633	`#666633`

CIE-LAB	47.007, -26.877, 38.022
XYZ	11.142, 16.024, 4.791
xyY	0.349, 0.501, 16.024
CIE-LCH	47.007, 46.562, 125.255
CIE-LUV	47.007, -18.469, 45.272
Hunter-Lab	40.031, -20.372, 20.925
Binary	01010101, 01111010, 00101011

#557a2b
```
#557a2b rgb(85,122,43)
```
#502b7a
```
#502b7a rgb(80,43,122)
```

Complementary Color

#7a782b
```
#7a782b rgb(122,120,43)
```
#557a2b
```
#557a2b rgb(85,122,43)
```
#2e7a2b
```
#2e7a2b rgb(46,122,43)
```

Analogous Color

#782b7a
```
#782b7a rgb(120,43,122)
```
#557a2b
```
#557a2b rgb(85,122,43)
```
#2b2e7a
```
#2b2e7a rgb(43,46,122)
```

Split Complementary Color

#7a2b55
```
#7a2b55 rgb(122,43,85)
```
#557a2b
```
#557a2b rgb(85,122,43)
```
#2b557a
```
#2b557a rgb(43,85,122)
```

Triadic Color

#7a502b
```
#7a502b rgb(122,80,43)
```
#557a2b
```
#557a2b rgb(85,122,43)
```
#2b557a
```
#2b557a rgb(43,85,122)
```
#502b7a
```
#502b7a rgb(80,43,122)
```

Tetradic Color

#2e4117
```
#2e4117 rgb(46,65,23)
```
#3b541e
```
#3b541e rgb(59,84,30)
```
#486724
```
#486724 rgb(72,103,36)
```
#557a2b
```
#557a2b rgb(85,122,43)
```
#628d32
```
#628d32 rgb(98,141,50)
```
#6fa038
```
#6fa038 rgb(111,160,56)
```
#7cb33f
```
#7cb33f rgb(124,179,63)
```

Monochromatic Color

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

#697a2b
```
#697a2b rgb(105,122,43)
```
#627a2b
```
#627a2b rgb(98,122,43)
```
#5c7a2b
```
#5c7a2b rgb(92,122,43)
```
#557a2b
```
#557a2b rgb(85,122,43)
```
#4e7a2b
```
#4e7a2b rgb(78,122,43)
```
#487a2b
```
#487a2b rgb(72,122,43)
```
#417a2b
```
#417a2b rgb(65,122,43)
```

Similar Colors

Text with hexadecimal color #557a2b

This text has a font color of #557a2b.

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

#557a2b background color

This paragraph has a background color of #557a2b.

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

#557a2b border color

This element has a border color of #557a2b.

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

CSS codes

.text {color:#557a2b;}

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

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

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

#040602
```
#040602 rgb(4,6,2)
```
#0e1407
```
#0e1407 rgb(14,20,7)
```
#18230c
```
#18230c rgb(24,35,12)
```
#223111
```
#223111 rgb(34,49,17)
```
#2d4017
```
#2d4017 rgb(45,64,23)
```
#374e1c
```
#374e1c rgb(55,78,28)
```
#415d21
```
#415d21 rgb(65,93,33)
```
#4b6b26
```
#4b6b26 rgb(75,107,38)
```
#557a2b
```
#557a2b rgb(85,122,43)
```
#5f8930
```
#5f8930 rgb(95,137,48)
```
#699735
```
#699735 rgb(105,151,53)
```
#73a63a
```
#73a63a rgb(115,166,58)
```
#7db43f
```
#7db43f rgb(125,180,63)
```

Shade Color Variation

#87bf48
```
#87bf48 rgb(135,191,72)
```
#91c457
```
#91c457 rgb(145,196,87)
```
#9ac965
```
#9ac965 rgb(154,201,101)
```
#a4ce74
```
#a4ce74 rgb(164,206,116)
```
#add382
```
#add382 rgb(173,211,130)
```
#b7d891
```
#b7d891 rgb(183,216,145)
```
#c0dd9f
```
#c0dd9f rgb(192,221,159)
```
#cae2ae
```
#cae2ae rgb(202,226,174)
```
#d3e8bc
```
#d3e8bc rgb(211,232,188)
```
#ddedcb
```
#ddedcb rgb(221,237,203)
```
#e6f2d9
```
#e6f2d9 rgb(230,242,217)
```
#f0f7e8
```
#f0f7e8 rgb(240,247,232)
```
#f9fcf6
```
#f9fcf6 rgb(249,252,246)
```

Tint Color Variation

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

#535451
```
#535451 rgb(83,84,81)
```
#535a4b
```
#535a4b rgb(83,90,75)
```
#536144
```
#536144 rgb(83,97,68)
```
#54673e
```
#54673e rgb(84,103,62)
```
#546d38
```
#546d38 rgb(84,109,56)
```
#557431
```
#557431 rgb(85,116,49)
```
#557a2b
```
#557a2b rgb(85,122,43)
```
#558025
```
#558025 rgb(85,128,37)
```
#56871e
```
#56871e rgb(86,135,30)
```
#568d18
```
#568d18 rgb(86,141,24)
```
#579312
```
#579312 rgb(87,147,18)
```
#579a0b
```
#579a0b rgb(87,154,11)
```
#57a005
```
#57a005 rgb(87,160,5)
```

Tone Color Variation

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

Dichromacy

#837733 Protanopia 1% of men
#91713c Deuteranopia 1% of men
#697981 Tritanopia 0.001% of the population

Trichromacy

#727830 Protanomaly 1% of men, 0.01% of women
#7b7435 Deuteranomaly 6% of men, 0.4% of women
#627962 Tritanomaly 0.01% of the population

#557a2b hex color

#557a2b Color Information

#557a2b Color Conversion

Color Schemes with #557a2b

Alternatives to #557a2b

#557a2b Preview

Shades and Tints of #557a2b

Tones of #557a2b

Color Blindness Simulator