Color picker

#428c22

Conversion

HEX#428c22
HEX8#428c22ff
RGBrgb(66, 140, 34)
CMYK[0.53,0,0.76,0.45]
Name#428c22
HCL[132.24,62.95,51.87]
oklab[0.57,-0.12,0.1]
Num4361250
HSI[102.89,0.57,0.31]
lab[51.87,-42.32,46.61]
Lighten
#6ed143
Darken
#1b3a0e
Saturate
#3b9d11
Desaturate
#497b33
Greyscale
#575757
Brighten
#75bf55

Color harmonies of #428c22

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.
#428c22
#22428c
#8c2242

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.
#428c22
#22778c
#6c228c
#8c3722

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.
#428c22
#56b62c
#6ae137
#060c03
#1a370d
#2e6118

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.
#428c22
#6c8c22
#578c22
#428c22
#2d8c22
#228c2c

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#428c22
#228c81
#8c226c

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
#f2f7ef
#e4efdf
#d7e6d0
#c9dec0
#bcd6b0
#aecea0
#a1c691
#93bd81
#86b571
#78ad61
#6ba551
#5d9c42
#509432
#428c22

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050a02
#091405
#0e1e07
#13280a
#18320c
#1c3c0f
#214611
#265013
#2a5a16
#2f6418
#346e1b
#39781d
#3d8220
#428c22

Contrast Checker

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

4.195 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.006 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 #428c22

Some examples of color palettes with #428c22. View more

Use #428c22 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet