Color picker

#557741

Conversion

HEX#557741
HEX8#557741ff
RGBrgb(85, 119, 65)
CMYK[0.29,0,0.45,0.53]
Name#557741
HCL[131.41,34.45,46.32]
oklab[0.53,-0.06,0.06]
Num5601089
HSI[98.51,0.28,0.35]
lab[46.32,-22.78,25.84]
Lighten
#86b06e
Darken
#26351d
Saturate
#50892f
Desaturate
#5a6553
Greyscale
#5c5c5c
Brighten
#88aa74

Color harmonies of #557741

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#557741
#415577
#774155

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#557741
#417077
#634177
#774841

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#557741
#73a158
#92cc6f
#b0f687
#182213
#374c2a

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#557741
#6b7741
#607741
#557741
#4a7741
#417743

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#557741
#41776e
#77416b

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f3f5f1
#e7ece4
#dbe2d6
#ced8c9
#c2cebb
#b6c5ae
#aabba0
#9eb192
#92a885
#869e77
#79946a
#6d8a5c
#61814f
#557741

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060905
#0c1109
#121a0e
#182213
#1e2b17
#24331c
#2b3c21
#314425
#374d2a
#3d552e
#435e33
#496638
#4f6f3c
#557741

Contrast Checker

Verify the contrast of a #557741 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

5.12 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
4.101 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #557741

Some examples of color palettes with #557741. View more

Use #557741 in CSS

#557741 as Background Color in CSS
<div style="background-color:#557741">Background Color</div>
#557741 as Text Color in CSS
<div style="color:#557741">Text Color</div>
#557741 as Border Color in CSS
<div style="border-color:#557741">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet