Color picker

#2f4024

Conversion

HEX#2f4024
HEX8#2f4024ff
RGBrgb(47, 64, 36)
CMYK[0.27,0,0.44,0.75]
Name#2f4024
HCL[130.93,19.82,24.95]
oklab[0.35,-0.04,0.04]
Num3096612
HSI[97.05,0.27,0.19]
lab[24.95,-12.99,14.97]
Lighten
#5f8149
Darken
#000000
Saturate
#2d4a1a
Desaturate
#31362e
Greyscale
#323232
Brighten
#627357

Color harmonies of #2f4024

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.
#2f4024
#242f40
#40242f

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.
#2f4024
#243d40
#352440
#402724

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.
#2f4024
#4e6a3c
#6d9554
#8dbf6c
#acea84
#10150c

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.
#2f4024
#3a4024
#354024
#2f4024
#294024
#244024

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2f4024
#24403b
#40243a

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
#f0f1ef
#e1e4e0
#d2d6d0
#c4c8c0
#b5bbb1
#a6ada1
#97a092
#889282
#798472
#6a7763
#5c6953
#4d5b43
#3e4e34
#2f4024

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030503
#070905
#0a0e08
#0d120a
#11170d
#141b0f
#182012
#1b2515
#1e2917
#222e1a
#25321c
#28371f
#2c3b21
#2f4024

Contrast Checker

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

11.172 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.88 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 #2f4024

Some examples of color palettes with #2f4024. View more

Use #2f4024 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet