Color picker

#56500a

Conversion

HEX#56500a
HEX8#56500aff
RGBrgb(86, 80, 10)
CMYK[0,0.07,0.88,0.66]
Name#56500a
HCL[98.79,38.55,33.43]
oklab[0.42,-0.02,0.08]
Num5656586
HSI[55.93,0.83,0.23]
lab[33.43,-5.89,38.1]
Lighten
#b1a515
Darken
#000000
Saturate
#605800
Desaturate
#4c4814
Greyscale
#303030
Brighten
#89833d

Color harmonies of #56500a

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.
#56500a
#0a5650
#500a56

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.
#56500a
#0a562a
#0a1056
#560a36

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.
#56500a
#80780f
#ab9f14
#d5c719
#010100
#2b2805

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.
#56500a
#56320a
#56410a
#56500a
#4d560a
#3e560a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#56500a
#0a5613
#320a56

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
#f3f3ee
#e7e6dc
#dbdacb
#cfcdb9
#c3c1a8
#b7b496
#aba885
#9e9b73
#928f62
#868250
#7a763f
#6e692d
#625d1c
#56500a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060601
#0c0b01
#121102
#191703
#1f1d04
#252204
#2b2805
#312e06
#373306
#3d3907
#443f08
#4a4509
#504a09
#56500a

Contrast Checker

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

8.243 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.548 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 #56500a

Some examples of color palettes with #56500a. View more

Use #56500a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet