#557320 hex color

In a RGB color space, hex #557320 is composed of 33.3% red, 45.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 0% magenta, 72.2% yellow and 54.9% black. It has a hue angle of 81.7 degrees, a saturation of 56.5% and a lightness of 28.8%. #557320 color hex could be obtained by blending #aae640 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 45
- B 13
RGB color chart
- C 26
- M 0
- Y 72
- K 55
CMYK color chart

● #557320 color description : Dark green.

The hexadecimal color #557320 has RGB values of R:85, G:115, B:32 and CMYK values of C:0.26, M:0, Y:0.72, K:0.55. Its decimal value is 5600032.

Hex triplet	557320	`#557320`
RGB Decimal	85, 115, 32	`rgb(85,115,32)`
RGB Percent	33.3, 45.1, 12.5	`rgb(33.3%,45.1%,12.5%)`
CMYK	26, 0, 72, 55
HSL	81.7°, 56.5, 28.8	`hsl(81.7,56.5%,28.8%)`
HSV (or HSB)	81.7°, 72.2, 45.1
Web Safe	666633	`#666633`

CIE-LAB	44.656, -24.327, 40.435
XYZ	10.138, 14.297, 3.592
xyY	0.362, 0.51, 14.297
CIE-LCH	44.656, 47.189, 121.032
CIE-LUV	44.656, -14.834, 45.485
Hunter-Lab	37.811, -18.312, 20.836
Binary	01010101, 01110011, 00100000

#557320
```
#557320 rgb(85,115,32)
```
#3e2073
```
#3e2073 rgb(62,32,115)
```

Complementary Color

#736820
```
#736820 rgb(115,104,32)
```
#557320
```
#557320 rgb(85,115,32)
```
#2c7320
```
#2c7320 rgb(44,115,32)
```

Analogous Color

#682073
```
#682073 rgb(104,32,115)
```
#557320
```
#557320 rgb(85,115,32)
```
#202b73
```
#202b73 rgb(32,43,115)
```

Split Complementary Color

#732055
```
#732055 rgb(115,32,85)
```
#557320
```
#557320 rgb(85,115,32)
```
#205573
```
#205573 rgb(32,85,115)
```

Triadic Color

#733e20
```
#733e20 rgb(115,62,32)
```
#557320
```
#557320 rgb(85,115,32)
```
#205573
```
#205573 rgb(32,85,115)
```
#3e2073
```
#3e2073 rgb(62,32,115)
```

Tetradic Color

#29370f
```
#29370f rgb(41,55,15)
```
#384b15
```
#384b15 rgb(56,75,21)
```
#465f1a
```
#465f1a rgb(70,95,26)
```
#557320
```
#557320 rgb(85,115,32)
```
#648726
```
#648726 rgb(100,135,38)
```
#729b2b
```
#729b2b rgb(114,155,43)
```
#81af31
```
#81af31 rgb(129,175,49)
```

Monochromatic Color

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

#6a7320
```
#6a7320 rgb(106,115,32)
```
#637320
```
#637320 rgb(99,115,32)
```
#5c7320
```
#5c7320 rgb(92,115,32)
```
#557320
```
#557320 rgb(85,115,32)
```
#4e7320
```
#4e7320 rgb(78,115,32)
```
#477320
```
#477320 rgb(71,115,32)
```
#407320
```
#407320 rgb(64,115,32)
```

Similar Colors

Text with hexadecimal color #557320

This text has a font color of #557320.

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

#557320 background color

This paragraph has a background color of #557320.

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

#557320 border color

This element has a border color of #557320.

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

CSS codes

.text {color:#557320;}

.background {background-color:#557320;}

.border {border:1px solid #557320;}

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

#060802
```
#060802 rgb(6,8,2)
```
#111706
```
#111706 rgb(17,23,6)
```
#1c260b
```
#1c260b rgb(28,38,11)
```
#28360f
```
#28360f rgb(40,54,15)
```
#334513
```
#334513 rgb(51,69,19)
```
#3e5417
```
#3e5417 rgb(62,84,23)
```
#4a641c
```
#4a641c rgb(74,100,28)
```
#557320
```
#557320 rgb(85,115,32)
```
#608224
```
#608224 rgb(96,130,36)
```
#6c9229
```
#6c9229 rgb(108,146,41)
```
#77a12d
```
#77a12d rgb(119,161,45)
```
#82b031
```
#82b031 rgb(130,176,49)
```
#8ec035
```
#8ec035 rgb(142,192,53)
```

Shade Color Variation

#98ca3f
```
#98ca3f rgb(152,202,63)
```
#a0ce4e
```
#a0ce4e rgb(160,206,78)
```
#a8d25e
```
#a8d25e rgb(168,210,94)
```
#b0d66d
```
#b0d66d rgb(176,214,109)
```
#b9db7c
```
#b9db7c rgb(185,219,124)
```
#c1df8c
```
#c1df8c rgb(193,223,140)
```
#c9e39b
```
#c9e39b rgb(201,227,155)
```
#d1e7ab
```
#d1e7ab rgb(209,231,171)
```
#daecba
```
#daecba rgb(218,236,186)
```
#e2f0c9
```
#e2f0c9 rgb(226,240,201)
```
#eaf4d9
```
#eaf4d9 rgb(234,244,217)
```
#f3f9e8
```
#f3f9e8 rgb(243,249,232)
```
#fbfdf7
```
#fbfdf7 rgb(251,253,247)
```

Tint Color Variation

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

#4a4b48
```
#4a4b48 rgb(74,75,72)
```
#4c5142
```
#4c5142 rgb(76,81,66)
```
#4d573c
```
#4d573c rgb(77,87,60)
```
#4f5c37
```
#4f5c37 rgb(79,92,55)
```
#506231
```
#506231 rgb(80,98,49)
```
#52682b
```
#52682b rgb(82,104,43)
```
#536d26
```
#536d26 rgb(83,109,38)
```
#557320
```
#557320 rgb(85,115,32)
```
#57791a
```
#57791a rgb(87,121,26)
```
#587e15
```
#587e15 rgb(88,126,21)
```
#5a840f
```
#5a840f rgb(90,132,15)
```
#5b8a09
```
#5b8a09 rgb(91,138,9)
```
#5d8f04
```
#5d8f04 rgb(93,143,4)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5f6554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7129 Protanopia 1% of men
#8b6c31 Deuteranopia 1% of men
#68727a Tritanopia 0.001% of the population

Trichromacy

#6f7225 Protanomaly 1% of men, 0.01% of women
#776e2b Deuteranomaly 6% of men, 0.4% of women
#617259 Tritanomaly 0.01% of the population

#557320 hex color

#557320 Color Information

#557320 Color Conversion

Color Schemes with #557320

Alternatives to #557320

#557320 Preview

Shades and Tints of #557320

Tones of #557320

Color Blindness Simulator