Color picker

#56cb70

Conversion

HEX#56cb70
HEX8#56cb70ff
RGBrgb(86, 203, 112)
CMYK[0.58,0,0.45,0.2]
Name#56cb70
HCL[145.78,63.39,73.45]
oklab[0.75,-0.14,0.09]
Num5688176
HSI[132.22,0.36,0.52]
lab[73.45,-52.42,35.65]
Lighten
#a4e3b2
Darken
#2c8f42
Saturate
#40e164
Desaturate
#6cb57c
Greyscale
#909090
Brighten
#89fea3

Color harmonies of #56cb70

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.
#56cb70
#7056cb
#cb7056

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.
#56cb70
#5676cb
#cb56b1
#cbaa56

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.
#56cb70
#68f587
#0e2112
#204b2a
#327641
#44a059

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.
#56cb70
#6bcb56
#56cb59
#56cb70
#56cb87
#56cb9f

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#56cb70
#569acb
#cb566b

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
#f3fbf5
#e7f8eb
#dbf4e0
#cff0d6
#c3eccc
#b7e9c2
#abe5b8
#9ee1ad
#92dea3
#86da99
#7ad68f
#6ed284
#62cf7a
#56cb70

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060f08
#0c1d10
#122c18
#193a20
#1f4928
#255730
#2b6638
#317440
#378348
#3d9150
#44a058
#4aae60
#50bd68
#56cb70

Contrast Checker

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

2.064 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!
10.172 Very 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 #56cb70

Some examples of color palettes with #56cb70. View more

Use #56cb70 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet