Color picker

#54312d

Conversion

HEX#54312d
HEX8#54312dff
RGBrgb(84, 49, 45)
CMYK[0,0.42,0.46,0.67]
Name#54312d
HCL[31.16,17.97,24.55]
oklab[0.36,0.05,0.02]
Num5517613
HSI[5.35,0.24,0.23]
lab[24.55,15.38,9.3]
Lighten
#965851
Darken
#120a09
Saturate
#612720
Desaturate
#473b3a
Greyscale
#404040
Brighten
#876460

Color harmonies of #54312d

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.
#54312d
#2d5431
#312d54

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.
#54312d
#3c542d
#2d5054
#442d54

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.
#54312d
#7e4a44
#a9635b
#d37b71
#fe9488
#291816

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.
#54312d
#542d39
#542d31
#54312d
#54392d
#54412d

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#54312d
#48542d
#2d3954

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
#f3f0f0
#e7e2e1
#dad3d2
#cec4c3
#c2b5b4
#b6a7a5
#aa9896
#9d8987
#917b78
#856c69
#795d5a
#6c4e4b
#60403c
#54312d

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060403
#0c0706
#120b0a
#180e0d
#1e1210
#241513
#2a1917
#301c1a
#36201d
#3c2320
#422723
#482a27
#4e2e2a
#54312d

Contrast Checker

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

11.326 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!
1.854 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 #54312d

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

Use #54312d in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet