Color picker

#3a6a27

Conversion

HEX#3a6a27
HEX8#3a6a27ff
RGBrgb(58, 106, 39)
CMYK[0.45,0,0.63,0.58]
Name#3a6a27
HCL[133.16,43.74,40.17]
oklab[0.47,-0.08,0.07]
Num3828263
HSI[104.03,0.42,0.27]
lab[40.17,-29.92,31.9]
Lighten
#63b542
Darken
#111f0c
Saturate
#347819
Desaturate
#405b36
Greyscale
#484848
Brighten
#6d9d5a

Color harmonies of #3a6a27

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.
#3a6a27
#273a6a
#6a273a

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.
#3a6a27
#275b6a
#57276a
#6a3627

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.
#3a6a27
#519437
#69bf46
#80e956
#0b1508
#233f17

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.
#3a6a27
#556a27
#476a27
#3a6a27
#2d6a27
#276a2f

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3a6a27
#276a64
#6a2755

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
#f1f4f0
#e3eae0
#d5dfd1
#c7d4c1
#b9cab2
#abbfa2
#9db593
#8eaa84
#809f74
#729565
#648a55
#567f46
#487536
#3a6a27

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040803
#080f06
#0c1708
#111e0b
#15260e
#192d11
#1d3514
#213d16
#254419
#294c1c
#2e531f
#325b21
#366224
#3a6a27

Contrast Checker

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

6.42 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!
3.271 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 #3a6a27

Some examples of color palettes with #3a6a27. View more

Use #3a6a27 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet