#557434 hex color

In a RGB color space, hex #557434 is composed of 33.3% red, 45.5% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 0% magenta, 55.2% yellow and 54.5% black. It has a hue angle of 89.1 degrees, a saturation of 38.1% and a lightness of 32.9%. #557434 color hex could be obtained by blending #aae868 with #000000. Closest websafe color is: #666633.

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

● #557434 color description : Dark moderate green.

The hexadecimal color #557434 has RGB values of R:85, G:116, B:52 and CMYK values of C:0.27, M:0, Y:0.55, K:0.55. Its decimal value is 5600308.

Hex triplet	557434	`#557434`
RGB Decimal	85, 116, 52	`rgb(85,116,52)`
RGB Percent	33.3, 45.5, 20.4	`rgb(33.3%,45.5%,20.4%)`
CMYK	27, 0, 55, 55
HSL	89.1°, 38.1, 32.9	`hsl(89.1,38.1%,32.9%)`
HSV (or HSB)	89.1°, 55.2, 45.5
Web Safe	666633	`#666633`

CIE-LAB	45.178, -22.943, 31.454
XYZ	10.611, 14.67, 5.521
xyY	0.344, 0.476, 14.67
CIE-LCH	45.178, 38.932, 126.108
CIE-LUV	45.178, -15.359, 38.594
Hunter-Lab	38.301, -17.574, 18.264
Binary	01010101, 01110100, 00110100

#557434
```
#557434 rgb(85,116,52)
```
#533474
```
#533474 rgb(83,52,116)
```

Complementary Color

#747334
```
#747334 rgb(116,115,52)
```
#557434
```
#557434 rgb(85,116,52)
```
#357434
```
#357434 rgb(53,116,52)
```

Analogous Color

#733474
```
#733474 rgb(115,52,116)
```
#557434
```
#557434 rgb(85,116,52)
```
#343574
```
#343574 rgb(52,53,116)
```

Split Complementary Color

#743455
```
#743455 rgb(116,52,85)
```
#557434
```
#557434 rgb(85,116,52)
```
#345574
```
#345574 rgb(52,85,116)
```

Triadic Color

#745334
```
#745334 rgb(116,83,52)
```
#557434
```
#557434 rgb(85,116,52)
```
#345574
```
#345574 rgb(52,85,116)
```
#533474
```
#533474 rgb(83,52,116)
```

Tetradic Color

#2e3f1c
```
#2e3f1c rgb(46,63,28)
```
#3b5124
```
#3b5124 rgb(59,81,36)
```
#48622c
```
#48622c rgb(72,98,44)
```
#557434
```
#557434 rgb(85,116,52)
```
#62863c
```
#62863c rgb(98,134,60)
```
#6f9744
```
#6f9744 rgb(111,151,68)
```
#7ca94c
```
#7ca94c rgb(124,169,76)
```

Monochromatic Color

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

#657434
```
#657434 rgb(101,116,52)
```
#607434
```
#607434 rgb(96,116,52)
```
#5a7434
```
#5a7434 rgb(90,116,52)
```
#557434
```
#557434 rgb(85,116,52)
```
#507434
```
#507434 rgb(80,116,52)
```
#4a7434
```
#4a7434 rgb(74,116,52)
```
#457434
```
#457434 rgb(69,116,52)
```

Similar Colors

Text with hexadecimal color #557434

This text has a font color of #557434.

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

#557434 background color

This paragraph has a background color of #557434.

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

#557434 border color

This element has a border color of #557434.

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

CSS codes

.text {color:#557434;}

.background {background-color:#557434;}

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

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

#060803
```
#060803 rgb(6,8,3)
```
#101509
```
#101509 rgb(16,21,9)
```
#192310
```
#192310 rgb(25,35,16)
```
#233016
```
#233016 rgb(35,48,22)
```
#2d3e1c
```
#2d3e1c rgb(45,62,28)
```
#374b22
```
#374b22 rgb(55,75,34)
```
#415928
```
#415928 rgb(65,89,40)
```
#4b662e
```
#4b662e rgb(75,102,46)
```
#557434
```
#557434 rgb(85,116,52)
```
#5f823a
```
#5f823a rgb(95,130,58)
```
#698f40
```
#698f40 rgb(105,143,64)
```
#739d46
```
#739d46 rgb(115,157,70)
```
#7daa4c
```
#7daa4c rgb(125,170,76)
```

Shade Color Variation

#86b457
```
#86b457 rgb(134,180,87)
```
#90ba64
```
#90ba64 rgb(144,186,100)
```
#9ac072
```
#9ac072 rgb(154,192,114)
```
#a4c67f
```
#a4c67f rgb(164,198,127)
```
#adcc8d
```
#adcc8d rgb(173,204,141)
```
#b7d29a
```
#b7d29a rgb(183,210,154)
```
#c1d8a8
```
#c1d8a8 rgb(193,216,168)
```
#cadeb5
```
#cadeb5 rgb(202,222,181)
```
#d4e4c3
```
#d4e4c3 rgb(212,228,195)
```
#deead0
```
#deead0 rgb(222,234,208)
```
#e7f0de
```
#e7f0de rgb(231,240,222)
```
#f1f6ec
```
#f1f6ec rgb(241,246,236)
```
#fbfcf9
```
#fbfcf9 rgb(251,252,249)
```

Tint Color Variation

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

#545a4e
```
#545a4e rgb(84,90,78)
```
#546147
```
#546147 rgb(84,97,71)
```
#556741
```
#556741 rgb(85,103,65)
```
#556e3a
```
#556e3a rgb(85,110,58)
```
#557434
```
#557434 rgb(85,116,52)
```
#557a2e
```
#557a2e rgb(85,122,46)
```
#558127
```
#558127 rgb(85,129,39)
```
#568721
```
#568721 rgb(86,135,33)
```
#568e1a
```
#568e1a rgb(86,142,26)
```
#569414
```
#569414 rgb(86,148,20)
```
#569b0d
```
#569b0d rgb(86,155,13)
```
#56a107
```
#56a107 rgb(86,161,7)
```
#57a800
```
#57a800 rgb(87,168,0)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#60665a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e723b Protanopia 1% of men
#8a6d43 Deuteranopia 1% of men
#68747c Tritanopia 0.001% of the population

Trichromacy

#6f7338 Protanomaly 1% of men, 0.01% of women
#776f3d Deuteranomaly 6% of men, 0.4% of women
#617462 Tritanomaly 0.01% of the population

#557434 hex color

#557434 Color Information

#557434 Color Conversion

Color Schemes with #557434

Alternatives to #557434

#557434 Preview

Shades and Tints of #557434

Tones of #557434

Color Blindness Simulator