Color picker

#553c20

Conversion

HEX#553c20
HEX8#553c20ff
RGBrgb(85, 60, 32)
CMYK[0,0.29,0.62,0.67]
Name#553c20
HCL[70.98,22.69,27.48]
oklab[0.38,0.02,0.05]
Num5585952
HSI[31.87,0.46,0.23]
lab[27.48,7.4,21.45]
Lighten
#9f703c
Darken
#0b0804
Saturate
#613d14
Desaturate
#493b2c
Greyscale
#3a3a3a
Brighten
#886f53

Color harmonies of #553c20

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.
#553c20
#20553c
#3c2055

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.
#553c20
#205522
#203955
#552053

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.
#553c20
#805a30
#aa7840
#d49650
#ffb460
#2a1e10

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.
#553c20
#552720
#553120
#553c20
#554720
#555120

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#553c20
#2e5520
#272055

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
#f3f1ef
#e7e3df
#dbd5cf
#cec7bf
#c2b9af
#b6ab9f
#aa9e90
#9e9080
#928270
#867460
#796650
#6d5840
#614a30
#553c20

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060402
#0c0905
#120d07
#181109
#1e150b
#241a0e
#2b1e10
#312212
#372715
#3d2b17
#432f19
#49331b
#4f381e
#553c20

Contrast Checker

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

10.227 Very 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!
2.053 Very 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 #553c20

Some examples of color palettes with #553c20. View more

Use #553c20 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet