#557f32 hex color

In a RGB color space, hex #557f32 is composed of 33.3% red, 49.8% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 0% magenta, 60.6% yellow and 50.2% black. It has a hue angle of 92.7 degrees, a saturation of 43.5% and a lightness of 34.7%. #557f32 color hex could be obtained by blending #aafe64 with #000000. Closest websafe color is: #666633.

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

● #557f32 color description : Dark moderate green.

The hexadecimal color #557f32 has RGB values of R:85, G:127, B:50 and CMYK values of C:0.33, M:0, Y:0.61, K:0.5. Its decimal value is 5603122.

Hex triplet	557f32	`#557f32`
RGB Decimal	85, 127, 50	`rgb(85,127,50)`
RGB Percent	33.3, 49.8, 19.6	`rgb(33.3%,49.8%,19.6%)`
CMYK	33, 0, 61, 50
HSL	92.7°, 43.5, 34.7	`hsl(92.7,43.5%,34.7%)`
HSV (or HSB)	92.7°, 60.6, 49.8
Web Safe	666633	`#666633`

CIE-LAB	48.685, -28.605, 36.549
XYZ	11.911, 17.34, 5.737
xyY	0.34, 0.496, 17.34
CIE-LCH	48.685, 46.412, 128.049
CIE-LUV	48.685, -20.953, 45.095
Hunter-Lab	41.641, -21.814, 20.981
Binary	01010101, 01111111, 00110010

#557f32
```
#557f32 rgb(85,127,50)
```
#5c327f
```
#5c327f rgb(92,50,127)
```

Complementary Color

#7c7f32
```
#7c7f32 rgb(124,127,50)
```
#557f32
```
#557f32 rgb(85,127,50)
```
#327f36
```
#327f36 rgb(50,127,54)
```

Analogous Color

#7f327c
```
#7f327c rgb(127,50,124)
```
#557f32
```
#557f32 rgb(85,127,50)
```
#36327f
```
#36327f rgb(54,50,127)
```

Split Complementary Color

#7f3255
```
#7f3255 rgb(127,50,85)
```
#557f32
```
#557f32 rgb(85,127,50)
```
#32557f
```
#32557f rgb(50,85,127)
```

Triadic Color

#7f5c32
```
#7f5c32 rgb(127,92,50)
```
#557f32
```
#557f32 rgb(85,127,50)
```
#32557f
```
#32557f rgb(50,85,127)
```
#5c327f
```
#5c327f rgb(92,50,127)
```

Tetradic Color

#30481c
```
#30481c rgb(48,72,28)
```
#3d5a24
```
#3d5a24 rgb(61,90,36)
```
#496d2b
```
#496d2b rgb(73,109,43)
```
#557f32
```
#557f32 rgb(85,127,50)
```
#619139
```
#619139 rgb(97,145,57)
```
#6da440
```
#6da440 rgb(109,164,64)
```
#7ab648
```
#7ab648 rgb(122,182,72)
```

Monochromatic Color

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

#687f32
```
#687f32 rgb(104,127,50)
```
#627f32
```
#627f32 rgb(98,127,50)
```
#5b7f32
```
#5b7f32 rgb(91,127,50)
```
#557f32
```
#557f32 rgb(85,127,50)
```
#4f7f32
```
#4f7f32 rgb(79,127,50)
```
#487f32
```
#487f32 rgb(72,127,50)
```
#427f32
```
#427f32 rgb(66,127,50)
```

Similar Colors

Text with hexadecimal color #557f32

This text has a font color of #557f32.

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

#557f32 background color

This paragraph has a background color of #557f32.

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

#557f32 border color

This element has a border color of #557f32.

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

CSS codes

.text {color:#557f32;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0e06
```
#0a0e06 rgb(10,14,6)
```
#131c0b
```
#131c0b rgb(19,28,11)
```
#1c2b11
```
#1c2b11 rgb(28,43,17)
```
#263916
```
#263916 rgb(38,57,22)
```
#2f471c
```
#2f471c rgb(47,71,28)
```
#395521
```
#395521 rgb(57,85,33)
```
#426327
```
#426327 rgb(66,99,39)
```
#4c712c
```
#4c712c rgb(76,113,44)
```
#557f32
```
#557f32 rgb(85,127,50)
```
#5e8d38
```
#5e8d38 rgb(94,141,56)
```
#689b3d
```
#689b3d rgb(104,155,61)
```
#71a943
```
#71a943 rgb(113,169,67)
```

Shade Color Variation

#7bb748
```
#7bb748 rgb(123,183,72)
```
#85bd56
```
#85bd56 rgb(133,189,86)
```
#8fc265
```
#8fc265 rgb(143,194,101)
```
#99c873
```
#99c873 rgb(153,200,115)
```
#a3cd81
```
#a3cd81 rgb(163,205,129)
```
#aed38f
```
#aed38f rgb(174,211,143)
```
#b8d89d
```
#b8d89d rgb(184,216,157)
```
#c2deab
```
#c2deab rgb(194,222,171)
```
#cce3b9
```
#cce3b9 rgb(204,227,185)
```
#d6e9c7
```
#d6e9c7 rgb(214,233,199)
```
#e1efd5
```
#e1efd5 rgb(225,239,213)
```
#ebf4e3
```
#ebf4e3 rgb(235,244,227)
```
#f5faf1
```
#f5faf1 rgb(245,250,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585d54 is the less saturated color, while #51af02 is the most saturated one.

#585d54
```
#585d54 rgb(88,93,84)
```
#57644d
```
#57644d rgb(87,100,77)
```
#576b46
```
#576b46 rgb(87,107,70)
```
#567140
```
#567140 rgb(86,113,64)
```
#567839
```
#567839 rgb(86,120,57)
```
#557f32
```
#557f32 rgb(85,127,50)
```
#54862b
```
#54862b rgb(84,134,43)
```
#548d24
```
#548d24 rgb(84,141,36)
```
#53931e
```
#53931e rgb(83,147,30)
```
#539a17
```
#539a17 rgb(83,154,23)
```
#52a110
```
#52a110 rgb(82,161,16)
```
#51a809
```
#51a809 rgb(81,168,9)
```
#51af02
```
#51af02 rgb(81,175,2)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666e5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#877b39 Protanopia 1% of men
#957542 Deuteranopia 1% of men
#6a7d86 Tritanopia 0.001% of the population

Trichromacy

#757c36 Protanomaly 1% of men, 0.01% of women
#7e783c Deuteranomaly 6% of men, 0.4% of women
#627e68 Tritanomaly 0.01% of the population

#557f32 hex color

#557f32 Color Information

#557f32 Color Conversion

Color Schemes with #557f32

Alternatives to #557f32

#557f32 Preview

Shades and Tints of #557f32

Tones of #557f32

Color Blindness Simulator