#557f2c hex color

In a RGB color space, hex #557f2c is composed of 33.3% red, 49.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 65.4% yellow and 50.2% black. It has a hue angle of 90.4 degrees, a saturation of 48.5% and a lightness of 33.5%. #557f2c color hex could be obtained by blending #aafe58 with #000000. Closest websafe color is: #666633.

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

● #557f2c color description : Dark moderate green.

The hexadecimal color #557f2c has RGB values of R:85, G:127, B:44 and CMYK values of C:0.33, M:0, Y:0.65, K:0.5. Its decimal value is 5603116.

Hex triplet	557f2c	`#557f2c`
RGB Decimal	85, 127, 44	`rgb(85,127,44)`
RGB Percent	33.3, 49.8, 17.3	`rgb(33.3%,49.8%,17.3%)`
CMYK	33, 0, 65, 50
HSL	90.4°, 48.5, 33.5	`hsl(90.4,48.5%,33.5%)`
HSV (or HSB)	90.4°, 65.4, 49.8
Web Safe	666633	`#666633`

CIE-LAB	48.625, -29.196, 39.333
XYZ	11.79, 17.291, 5.099
xyY	0.345, 0.506, 17.291
CIE-LCH	48.625, 48.984, 126.586
CIE-LUV	48.625, -20.993, 47.364
Hunter-Lab	41.583, -22.16, 21.838
Binary	01010101, 01111111, 00101100

#557f2c
```
#557f2c rgb(85,127,44)
```
#562c7f
```
#562c7f rgb(86,44,127)
```

Complementary Color

#7f7f2c
```
#7f7f2c rgb(127,127,44)
```
#557f2c
```
#557f2c rgb(85,127,44)
```
#2c7f2d
```
#2c7f2d rgb(44,127,45)
```

Analogous Color

#7f2c7f
```
#7f2c7f rgb(127,44,127)
```
#557f2c
```
#557f2c rgb(85,127,44)
```
#2d2c7f
```
#2d2c7f rgb(45,44,127)
```

Split Complementary Color

#7f2c55
```
#7f2c55 rgb(127,44,85)
```
#557f2c
```
#557f2c rgb(85,127,44)
```
#2c557f
```
#2c557f rgb(44,85,127)
```

Triadic Color

#7f562c
```
#7f562c rgb(127,86,44)
```
#557f2c
```
#557f2c rgb(85,127,44)
```
#2c557f
```
#2c557f rgb(44,85,127)
```
#562c7f
```
#562c7f rgb(86,44,127)
```

Tetradic Color

#2f4618
```
#2f4618 rgb(47,70,24)
```
#3c591f
```
#3c591f rgb(60,89,31)
```
#486c25
```
#486c25 rgb(72,108,37)
```
#557f2c
```
#557f2c rgb(85,127,44)
```
#629233
```
#629233 rgb(98,146,51)
```
#6ea539
```
#6ea539 rgb(110,165,57)
```
#7bb840
```
#7bb840 rgb(123,184,64)
```

Monochromatic Color

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

#6a7f2c
```
#6a7f2c rgb(106,127,44)
```
#637f2c
```
#637f2c rgb(99,127,44)
```
#5c7f2c
```
#5c7f2c rgb(92,127,44)
```
#557f2c
```
#557f2c rgb(85,127,44)
```
#4e7f2c
```
#4e7f2c rgb(78,127,44)
```
#477f2c
```
#477f2c rgb(71,127,44)
```
#407f2c
```
#407f2c rgb(64,127,44)
```

Similar Colors

Text with hexadecimal color #557f2c

This text has a font color of #557f2c.

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

#557f2c background color

This paragraph has a background color of #557f2c.

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

#557f2c border color

This element has a border color of #557f2c.

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

CSS codes

.text {color:#557f2c;}

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

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

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, #070a04 is the darkest color, while #fcfefb is the lightest one.

#070a04
```
#070a04 rgb(7,10,4)
```
#111909
```
#111909 rgb(17,25,9)
```
#1a280e
```
#1a280e rgb(26,40,14)
```
#243613
```
#243613 rgb(36,54,19)
```
#2e4518
```
#2e4518 rgb(46,69,24)
```
#38531d
```
#38531d rgb(56,83,29)
```
#416222
```
#416222 rgb(65,98,34)
```
#4b7027
```
#4b7027 rgb(75,112,39)
```
#557f2c
```
#557f2c rgb(85,127,44)
```
#5f8e31
```
#5f8e31 rgb(95,142,49)
```
#699c36
```
#699c36 rgb(105,156,54)
```
#72ab3b
```
#72ab3b rgb(114,171,59)
```
#7cb940
```
#7cb940 rgb(124,185,64)
```

Shade Color Variation

#86c14c
```
#86c14c rgb(134,193,76)
```
#90c65b
```
#90c65b rgb(144,198,91)
```
#9acb69
```
#9acb69 rgb(154,203,105)
```
#a3d078
```
#a3d078 rgb(163,208,120)
```
#add586
```
#add586 rgb(173,213,134)
```
#b7da95
```
#b7da95 rgb(183,218,149)
```
#c1dfa3
```
#c1dfa3 rgb(193,223,163)
```
#cbe4b2
```
#cbe4b2 rgb(203,228,178)
```
#d5e9c1
```
#d5e9c1 rgb(213,233,193)
```
#dfeecf
```
#dfeecf rgb(223,238,207)
```
#e8f3de
```
#e8f3de rgb(232,243,222)
```
#f2f9ec
```
#f2f9ec rgb(242,249,236)
```
#fcfefb
```
#fcfefb rgb(252,254,251)
```

Tint Color Variation

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

#555853
```
#555853 rgb(85,88,83)
```
#555e4d
```
#555e4d rgb(85,94,77)
```
#556546
```
#556546 rgb(85,101,70)
```
#556b40
```
#556b40 rgb(85,107,64)
```
#557239
```
#557239 rgb(85,114,57)
```
#557833
```
#557833 rgb(85,120,51)
```
#557f2c
```
#557f2c rgb(85,127,44)
```
#558625
```
#558625 rgb(85,134,37)
```
#558c1f
```
#558c1f rgb(85,140,31)
```
#559318
```
#559318 rgb(85,147,24)
```
#559912
```
#559912 rgb(85,153,18)
```
#55a00b
```
#55a00b rgb(85,160,11)
```
#55a605
```
#55a605 rgb(85,166,5)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#656d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a33 Protanopia 1% of men
#96753d Deuteranopia 1% of men
#6b7d86 Tritanopia 0.001% of the population

Trichromacy

#757c31 Protanomaly 1% of men, 0.01% of women
#7e7837 Deuteranomaly 6% of men, 0.4% of women
#637e65 Tritanomaly 0.01% of the population

#557f2c hex color

#557f2c Color Information

#557f2c Color Conversion

Color Schemes with #557f2c

Alternatives to #557f2c

#557f2c Preview

Shades and Tints of #557f2c

Tones of #557f2c

Color Blindness Simulator