Color picker

#538161

Conversion

HEX#538161
HEX8#538161ff
RGBrgb(83, 129, 97)
CMYK[0.36,0,0.25,0.49]
Name#538161
HCL[151.58,26.2,49.98]
oklab[0.56,-0.06,0.03]
Num5472609
HSI[137.27,0.19,0.4]
lab[49.98,-23.04,12.47]
Lighten
#88b295
Darken
#2b4332
Saturate
#3e9659
Desaturate
#686c69
Greyscale
#6a6a6a
Brighten
#86b494

Color harmonies of #538161

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.
#538161
#615381
#816153

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.
#538161
#535c81
#815373
#817853

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.
#538161
#6eab81
#8ad6a1
#010101
#1c2c21
#385641

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.
#538161
#578153
#538158
#538161
#53816a
#538173

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#538161
#536a81
#815357

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
#f3f6f4
#e6ede8
#dae4dd
#cedbd2
#c2d2c7
#b5c9bb
#a9c0b0
#9db7a5
#90ae99
#84a58e
#789c83
#6c9378
#5f8a6c
#538161

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060907
#0c120e
#121c15
#18251c
#1e2e23
#24372a
#2a4131
#2f4a37
#35533e
#3b5c45
#41654c
#476f53
#4d785a
#538161

Contrast Checker

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

4.487 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!
4.681 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 #538161

Some examples of color palettes with #538161. View more

Use #538161 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet