Color picker

#60dd86

Conversion

HEX#60dd86
HEX8#60dd86ff
RGBrgb(96, 221, 134)
CMYK[0.57,0,0.39,0.13]
Name#60dd86
HCL[148.78,62.69,79.57]
oklab[0.81,-0.15,0.08]
Num6348166
HSI[137.25,0.36,0.59]
lab[79.57,-53.61,32.5]
Lighten
#b4efc6
Darken
#26b150
Saturate
#4df07e
Desaturate
#73ca8e
Greyscale
#9e9e9e
Brighten
#93ffb9

Color harmonies of #60dd86

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.
#60dd86
#8660dd
#dd8660

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.
#60dd86
#6078dd
#dd60b7
#ddc460

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.
#60dd86
#040805
#16331f
#295d39
#3b8852
#4eb36c

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.
#60dd86
#6cdd60
#60dd6d
#60dd86
#60dd9f
#60ddb8

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#60dd86
#609edd
#dd606c

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
#f4fdf6
#e8faee
#ddf8e5
#d2f5dc
#c6f3d4
#bbf0cb
#b0eec3
#a4ecba
#99e9b1
#8de7a9
#82e4a0
#77e297
#6bdf8f
#60dd86

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#07100a
#0e2013
#152f1d
#1b3f26
#224f30
#295f39
#306f43
#377e4d
#3e8e56
#459e60
#4bae69
#52bd73
#59cd7c
#60dd86

Contrast Checker

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

1.724 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!
12.184 Super 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 #60dd86

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

Use #60dd86 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet