Color picker

#60a060

Conversion

HEX#60a060
HEX8#60a060ff
RGBrgb(96, 160, 96)
CMYK[0.4,0,0.4,0.37]
Name#60a060
HCL[141.48,43.47,60.31]
oklab[0.65,-0.09,0.07]
Num6332512
HSI[120,0.18,0.46]
lab[60.31,-34.01,27.07]
Lighten
#a0c6a0
Darken
#3a603a
Saturate
#47b947
Desaturate
#798779
Greyscale
#808080
Brighten
#93d393

Color harmonies of #60a060

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.
#60a060
#6060a0
#a06060

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.
#60a060
#6080a0
#a060a0
#a08060

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.
#60a060
#79ca79
#93f593
#132013
#2d4b2d
#467546

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.
#60a060
#7aa060
#6da060
#60a060
#60a06d
#60a07a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#60a060
#6093a0
#a0607a

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
#f4f8f4
#e8f1e8
#ddebdd
#d2e4d2
#c6ddc6
#bbd6bb
#b0d0b0
#a4c9a4
#99c299
#8dbb8d
#82b482
#77ae77
#6ba76b
#60a060

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070b07
#0e170e
#152215
#1b2e1b
#223922
#294529
#305030
#375b37
#3e673e
#457245
#4b7e4b
#528952
#599559
#60a060

Contrast Checker

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

3.137 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!
6.695 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 #60a060

Some examples of color palettes with #60a060. View more

Use #60a060 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet