Color picker

#5a633e

Conversion

HEX#5a633e
HEX8#5a633eff
RGBrgb(90, 99, 62)
CMYK[0.09,0,0.37,0.61]
Name#5a633e
HCL[117.43,22.42,40.32]
oklab[0.48,-0.03,0.05]
Num5923646
HSI[73.49,0.26,0.33]
lab[40.32,-10.33,19.9]
Lighten
#92a067
Darken
#212417
Saturate
#62732e
Desaturate
#52534e
Greyscale
#505050
Brighten
#8d9671

Color harmonies of #5a633e

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.
#5a633e
#3e5a63
#633e5a

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.
#5a633e
#3e6359
#473e63
#633e47

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.
#5a633e
#818d59
#a7b873
#cee28e
#0d0e09
#333823

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.
#5a633e
#635d3e
#61633e
#5a633e
#53633e
#4b633e

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5a633e
#3e634e
#5d3e63

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
#f3f4f1
#e7e9e3
#dcded6
#d0d2c8
#c4c7ba
#b8bcac
#adb19f
#a1a691
#959b83
#899075
#7d8467
#72795a
#666e4c
#5a633e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060704
#0d0e09
#13150d
#1a1c12
#202316
#272a1b
#2d321f
#333923
#3a4028
#40472c
#474e31
#4d5535
#545c3a
#5a633e

Contrast Checker

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

6.385 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!
3.289 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 #5a633e

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

Use #5a633e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet