Color picker

#5b775f

Conversion

HEX#5b775f
HEX8#5b775fff
RGBrgb(91, 119, 95)
CMYK[0.24,0,0.2,0.53]
Name#5b775f
HCL[147.05,18.3,47.29]
oklab[0.54,-0.04,0.03]
Num5994335
HSI[127.59,0.1,0.4]
lab[47.29,-15.35,9.95]
Lighten
#8fa993
Darken
#2f3d31
Saturate
#468c50
Desaturate
#696969
Greyscale
#696969
Brighten
#8eaa92

Color harmonies of #5b775f

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.
#5b775f
#5f5b77
#775f5b

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.
#5b775f
#5b6577
#775b73
#776d5b

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.
#5b775f
#7ca181
#9ccca3
#bdf6c5
#1a221b
#3a4c3d

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.
#5b775f
#62775b
#5d775b
#5b775f
#5b7765
#5b776a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5b775f
#5b6d77
#775b62

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
#f3f5f4
#e8ece8
#dce2dd
#d0d8d1
#c4cec6
#b9c5ba
#adbbaf
#a1b1a4
#96a898
#8a9e8d
#7e9481
#728a76
#67816a
#5b775f

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070907
#0d110e
#141a14
#1a221b
#212b22
#273329
#2e3c30
#344436
#3b4d3d
#415544
#485e4b
#4e6651
#556f58
#5b775f

Contrast Checker

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

4.943 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.249 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 #5b775f

Some examples of color palettes with #5b775f. View more

Use #5b775f in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet