Color picker

#537533

Conversion

HEX#537533
HEX8#537533ff
RGBrgb(83, 117, 51)
CMYK[0.29,0,0.56,0.54]
Name#537533
HCL[127.15,40.35,45.36]
oklab[0.52,-0.07,0.08]
Num5469491
HSI[91,0.39,0.33]
lab[45.36,-24.37,32.16]
Lighten
#86b658
Darken
#212e14
Saturate
#528622
Desaturate
#546444
Greyscale
#545454
Brighten
#86a866

Color harmonies of #537533

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.
#537533
#335375
#753353

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.
#537533
#337475
#553375
#753433

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.
#537533
#719f46
#8fca58
#adf46b
#17200e
#354a20

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.
#537533
#6d7533
#607533
#537533
#467533
#397533

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#537533
#337562
#75336d

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
#f3f5f0
#e6ebe2
#dae1d3
#ced8c5
#c2ceb6
#b5c4a8
#a9ba99
#9db08a
#90a67c
#849c6d
#78935f
#6c8950
#5f7f42
#537533

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060804
#0c1107
#12190b
#18210f
#1e2a12
#243216
#2a3b1a
#2f431d
#354b21
#3b5424
#415c28
#47642c
#4d6d2f
#537533

Contrast Checker

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

5.303 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.96 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 #537533

Some examples of color palettes with #537533. View more

Use #537533 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet