Color picker

#56220d

Conversion

HEX#56220d
HEX8#56220dff
RGBrgb(86, 34, 13)
CMYK[0,0.6,0.85,0.66]
Name#56220d
HCL[47.55,33.64,20.64]
oklab[0.32,0.06,0.05]
Num5644813
HSI[16.22,0.71,0.17]
lab[20.64,22.71,24.82]
Lighten
#af451a
Darken
#000000
Saturate
#601e03
Desaturate
#4c2617
Greyscale
#313131
Brighten
#895540

Color harmonies of #56220d

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.
#56220d
#0d5622
#220d56

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.
#56220d
#1c560d
#0d4156
#460d56

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.
#56220d
#803313
#ab441a
#d55420
#010000
#2b1107

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.
#56220d
#560d15
#56130d
#56220d
#56310d
#563f0d

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#56220d
#32560d
#0d1556

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
#f3efee
#e7dfdc
#dbd0cb
#cfc0ba
#c3b0a9
#b7a097
#ab9186
#9e8175
#927163
#866152
#7a5141
#6e4230
#62321e
#56220d

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060201
#0c0502
#120703
#190a04
#1f0c05
#250f06
#2b1107
#311307
#371608
#3d1809
#441b0a
#4a1d0b
#50200c
#56220d

Contrast Checker

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

12.881 Super 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!
1.63 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 #56220d

Some examples of color palettes with #56220d. View more

Use #56220d in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet