Color picker

#559a50

Conversion

HEX#559a50
HEX8#559a50ff
RGBrgb(85, 154, 80)
CMYK[0.45,0,0.48,0.4]
Name#559a50
HCL[139.26,49.15,57.68]
oklab[0.62,-0.1,0.08]
Num5610064
HSI[116.53,0.25,0.42]
lab[57.68,-37.25,32.08]
Lighten
#90c48c
Darken
#30572d
Saturate
#41b139
Desaturate
#698367
Greyscale
#757575
Brighten
#88cd83

Color harmonies of #559a50

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.
#559a50
#50559a
#9a5055

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.
#559a50
#507a9a
#95509a
#9a7050

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.
#559a50
#6cc466
#84ef7c
#0f1a0e
#264524
#3e6f3a

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.
#559a50
#739a50
#649a50
#559a50
#509a5a
#509a69

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#559a50
#50909a
#9a5073

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
#f3f8f3
#e7f1e6
#dbe9da
#cee2cd
#c2dbc1
#b6d4b4
#aacda8
#9ec59b
#92be8f
#86b782
#79b076
#6da869
#61a15d
#559a50

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060b06
#0c160b
#122111
#182c17
#1e371d
#244222
#2b4d28
#31582e
#376333
#3d6e39
#43793f
#498445
#4f8f4a
#559a50

Contrast Checker

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

3.429 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!
6.124 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!

Color Palettes #559a50

Some examples of color palettes with #559a50. View more

Use #559a50 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet