Color picker

#70d366

Conversion

HEX#70d366
HEX8#70d366ff
RGBrgb(112, 211, 102)
CMYK[0.47,0,0.52,0.17]
Name#70d366
HCL[138.31,67.32,76.67]
oklab[0.78,-0.14,0.11]
Num7394150
HSI[115.24,0.28,0.56]
lab[76.67,-50.27,44.77]
Lighten
#baeab5
Darken
#3aa42f
Saturate
#60e752
Desaturate
#80bf7a
Greyscale
#9c9c9c
Brighten
#a3ff99

Color harmonies of #70d366

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.
#70d366
#6670d3
#d36670

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.
#70d366
#66a6d3
#c966d3
#d39266

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.
#70d366
#87fd7b
#162914
#2c5328
#437e3d
#59a851

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.
#70d366
#9cd366
#86d366
#70d366
#66d372
#66d388

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#70d366
#66c7d3
#d3669c

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
#f5fcf4
#ebf9e9
#e0f6de
#d6f2d3
#ccefc8
#c2ecbd
#b8e9b3
#ade6a8
#a3e39d
#99e092
#8fdc87
#84d97c
#7ad671
#70d366

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#080f07
#101e0f
#182d16
#203c1d
#284b24
#305a2c
#386a33
#40793a
#488842
#509749
#58a650
#60b557
#68c45f
#70d366

Contrast Checker

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

1.875 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!
11.199 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 #70d366

Some examples of color palettes with #70d366. View more

Use #70d366 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet