Color picker

#5b7646

Conversion

HEX#5b7646
HEX8#5b7646ff
RGBrgb(91, 118, 70)
CMYK[0.23,0,0.41,0.54]
Name#5b7646
HCL[129.42,30.19,46.48]
oklab[0.53,-0.05,0.06]
Num5994054
HSI[94.13,0.25,0.36]
lab[46.48,-19.17,23.32]
Lighten
#8dad75
Darken
#2a3620
Saturate
#598933
Desaturate
#5d6359
Greyscale
#5e5e5e
Brighten
#8ea979

Color harmonies of #5b7646

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.
#5b7646
#465b76
#76465b

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.
#5b7646
#467376
#614676
#764946

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.
#5b7646
#7ca05f
#9dcb78
#bdf592
#192114
#3a4b2d

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.
#5b7646
#6e7646
#657646
#5b7646
#517646
#487646

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5b7646
#46766b
#76466e

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
#f3f5f2
#e8ebe5
#dce2d7
#d0d8ca
#c4cebd
#b9c4b0
#adbba3
#a1b195
#96a788
#8a9d7b
#7e936e
#728a60
#678053
#5b7646

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070805
#0d110a
#14190f
#1a2214
#212a19
#27331e
#2e3b23
#344328
#3b4c2d
#415432
#485d37
#4e653c
#556e41
#5b7646

Contrast Checker

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

5.091 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.125 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 #5b7646

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

Use #5b7646 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet