Color picker

#30311c

Conversion

HEX#30311c
HEX8#30311cff
RGBrgb(48, 49, 28)
CMYK[0.02,0,0.43,0.81]
Name#30311c
HCL[108.89,14.04,19.68]
oklab[0.31,-0.01,0.03]
Num3158300
HSI[62.42,0.33,0.16]
lab[19.68,-4.54,13.28]
Lighten
#707241
Darken
#000000
Saturate
#373914
Desaturate
#292924
Greyscale
#262626
Brighten
#63644f

Color harmonies of #30311c

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.
#30311c
#1c3031
#311c30

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.
#30311c
#1c3127
#1d1c31
#311c25

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.
#30311c
#5a5b34
#83864d
#adb065
#d7db7d
#060604

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.
#30311c
#312a1c
#312e1c
#30311c
#2c311c
#28311c

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#30311c
#1c3121
#2a1c31

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
#f0f0ef
#e1e2df
#d3d3ce
#c4c4be
#b5b5ae
#a6a79e
#98988e
#89897d
#7a7b6d
#6b6c5d
#5c5d4d
#4e4e3c
#3f402c
#30311c

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030402
#070704
#0a0b06
#0e0e08
#11120a
#15150c
#18190e
#1b1c10
#1f2012
#222314
#262716
#292a18
#2d2e1a
#30311c

Contrast Checker

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

13.276 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.582 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 #30311c

Some examples of color palettes with #30311c. View more

Use #30311c in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet