#557c2a hex color

In a RGB color space, hex #557c2a is composed of 33.3% red, 48.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 0% magenta, 66.1% yellow and 51.4% black. It has a hue angle of 88.5 degrees, a saturation of 49.4% and a lightness of 32.5%. #557c2a color hex could be obtained by blending #aaf854 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 49
- B 16
RGB color chart
- C 31
- M 0
- Y 66
- K 51
CMYK color chart

● #557c2a color description : Dark moderate green.

The hexadecimal color #557c2a has RGB values of R:85, G:124, B:42 and CMYK values of C:0.31, M:0, Y:0.66, K:0.51. Its decimal value is 5602346.

Hex triplet	557c2a	`#557c2a`
RGB Decimal	85, 124, 42	`rgb(85,124,42)`
RGB Percent	33.3, 48.6, 16.5	`rgb(33.3%,48.6%,16.5%)`
CMYK	31, 0, 66, 51
HSL	88.5°, 49.4, 32.5	`hsl(88.5,49.4%,32.5%)`
HSV (or HSB)	88.5°, 66.1, 48.6
Web Safe	666633	`#666633`

CIE-LAB	47.641, -27.939, 39.179
XYZ	11.372, 16.513, 4.779
xyY	0.348, 0.506, 16.513
CIE-LCH	47.641, 48.12, 125.493
CIE-LUV	47.641, -19.492, 46.604
Hunter-Lab	40.637, -21.164, 21.474
Binary	01010101, 01111100, 00101010

#557c2a
```
#557c2a rgb(85,124,42)
```
#512a7c
```
#512a7c rgb(81,42,124)
```

Complementary Color

#7c7a2a
```
#7c7a2a rgb(124,122,42)
```
#557c2a
```
#557c2a rgb(85,124,42)
```
#2c7c2a
```
#2c7c2a rgb(44,124,42)
```

Analogous Color

#7a2a7c
```
#7a2a7c rgb(122,42,124)
```
#557c2a
```
#557c2a rgb(85,124,42)
```
#2a2c7c
```
#2a2c7c rgb(42,44,124)
```

Split Complementary Color

#7c2a55
```
#7c2a55 rgb(124,42,85)
```
#557c2a
```
#557c2a rgb(85,124,42)
```
#2a557c
```
#2a557c rgb(42,85,124)
```

Triadic Color

#7c512a
```
#7c512a rgb(124,81,42)
```
#557c2a
```
#557c2a rgb(85,124,42)
```
#2a557c
```
#2a557c rgb(42,85,124)
```
#512a7c
```
#512a7c rgb(81,42,124)
```

Tetradic Color

#2e4317
```
#2e4317 rgb(46,67,23)
```
#3b561d
```
#3b561d rgb(59,86,29)
```
#486924
```
#486924 rgb(72,105,36)
```
#557c2a
```
#557c2a rgb(85,124,42)
```
#628f30
```
#628f30 rgb(98,143,48)
```
#6fa237
```
#6fa237 rgb(111,162,55)
```
#7cb53d
```
#7cb53d rgb(124,181,61)
```

Monochromatic Color

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

#6a7c2a
```
#6a7c2a rgb(106,124,42)
```
#637c2a
```
#637c2a rgb(99,124,42)
```
#5c7c2a
```
#5c7c2a rgb(92,124,42)
```
#557c2a
```
#557c2a rgb(85,124,42)
```
#4e7c2a
```
#4e7c2a rgb(78,124,42)
```
#477c2a
```
#477c2a rgb(71,124,42)
```
#417c2a
```
#417c2a rgb(65,124,42)
```

Similar Colors

Text with hexadecimal color #557c2a

This text has a font color of #557c2a.

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

#557c2a background color

This paragraph has a background color of #557c2a.

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

#557c2a border color

This element has a border color of #557c2a.

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

CSS codes

.text {color:#557c2a;}

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

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

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

#050702
```
#050702 rgb(5,7,2)
```
#0f1507
```
#0f1507 rgb(15,21,7)
```
#19240c
```
#19240c rgb(25,36,12)
```
#233311
```
#233311 rgb(35,51,17)
```
#2d4116
```
#2d4116 rgb(45,65,22)
```
#37501b
```
#37501b rgb(55,80,27)
```
#415f20
```
#415f20 rgb(65,95,32)
```
#4b6d25
```
#4b6d25 rgb(75,109,37)
```
#557c2a
```
#557c2a rgb(85,124,42)
```
#5f8b2f
```
#5f8b2f rgb(95,139,47)
```
#699934
```
#699934 rgb(105,153,52)
```
#73a839
```
#73a839 rgb(115,168,57)
```
#7db73e
```
#7db73e rgb(125,183,62)
```

Shade Color Variation

#87c147
```
#87c147 rgb(135,193,71)
```
#91c656
```
#91c656 rgb(145,198,86)
```
#9acb65
```
#9acb65 rgb(154,203,101)
```
#a4d073
```
#a4d073 rgb(164,208,115)
```
#add582
```
#add582 rgb(173,213,130)
```
#b7da91
```
#b7da91 rgb(183,218,145)
```
#c0df9f
```
#c0df9f rgb(192,223,159)
```
#cae4ae
```
#cae4ae rgb(202,228,174)
```
#d4e8bd
```
#d4e8bd rgb(212,232,189)
```
#ddedcb
```
#ddedcb rgb(221,237,203)
```
#e7f2da
```
#e7f2da rgb(231,242,218)
```
#f0f7e8
```
#f0f7e8 rgb(240,247,232)
```
#fafcf7
```
#fafcf7 rgb(250,252,247)
```

Tint Color Variation

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

#535650
```
#535650 rgb(83,86,80)
```
#535c4a
```
#535c4a rgb(83,92,74)
```
#546244
```
#546244 rgb(84,98,68)
```
#54693d
```
#54693d rgb(84,105,61)
```
#546f37
```
#546f37 rgb(84,111,55)
```
#557630
```
#557630 rgb(85,118,48)
```
#557c2a
```
#557c2a rgb(85,124,42)
```
#558224
```
#558224 rgb(85,130,36)
```
#56891d
```
#56891d rgb(86,137,29)
```
#568f17
```
#568f17 rgb(86,143,23)
```
#569610
```
#569610 rgb(86,150,16)
```
#579c0a
```
#579c0a rgb(87,156,10)
```
#57a204
```
#57a204 rgb(87,162,4)
```

Tone Color Variation

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

Dichromacy

#857832 Protanopia 1% of men
#93733b Deuteranopia 1% of men
#6a7a83 Tritanopia 0.001% of the population

Trichromacy

#73792f Protanomaly 1% of men, 0.01% of women
#7c7635 Deuteranomaly 6% of men, 0.4% of women
#627b63 Tritanomaly 0.01% of the population

#557c2a hex color

#557c2a Color Information

#557c2a Color Conversion

Color Schemes with #557c2a

Alternatives to #557c2a

#557c2a Preview

Shades and Tints of #557c2a

Tones of #557c2a

Color Blindness Simulator