Color picker

#3a8d42

Conversion

HEX#3a8d42
HEX8#3a8d42ff
RGBrgb(58, 141, 66)
CMYK[0.59,0,0.53,0.45]
Name#3a8d42
HCL[142.03,52.61,52.22]
oklab[0.57,-0.11,0.08]
Num3837250
HSI[125.01,0.34,0.35]
lab[52.22,-41.48,32.37]
Lighten
#6bc273
Darken
#1c4520
Saturate
#26a132
Desaturate
#4e7952
Greyscale
#636363
Brighten
#6dc075

Color harmonies of #3a8d42

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.
#3a8d42
#423a8d
#8d423a

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.
#3a8d42
#3a5b8d
#8d3a85
#8d6b3a

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.
#3a8d42
#4bb756
#5de26a
#060d06
#17381a
#29622e

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.
#3a8d42
#538d3a
#438d3a
#3a8d42
#3a8d53
#3a8d63

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3a8d42
#3a748d
#8d3a53

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
#f1f7f2
#e3efe4
#d5e7d7
#c7dec9
#b9d6bc
#abceae
#9dc6a1
#8ebe93
#80b686
#72ae78
#64a56b
#569d5d
#489550
#3a8d42

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040a05
#081409
#0c1e0e
#112813
#153218
#193c1c
#1d4721
#215126
#255b2a
#29652f
#2e6f34
#327939
#36833d
#3a8d42

Contrast Checker

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

4.143 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!
5.069 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!

Color Palettes #3a8d42

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

Use #3a8d42 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet