Color picker

#12b770

Conversion

HEX#12b770
HEX8#12b770ff
RGBrgb(18, 183, 112)
CMYK[0.9,0,0.39,0.28]
Name#12b770
HCL[155.11,60.62,65.88]
oklab[0.69,-0.15,0.06]
Num1226608
HSI[154.6,0.83,0.41]
lab[65.88,-54.99,25.51]
Lighten
#43eca3
Darken
#095a37
Saturate
#00c973
Desaturate
#26a36d
Greyscale
#646464
Brighten
#45eaa3

Color harmonies of #12b770

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.
#12b770
#7012b7
#b77012

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.
#12b770
#1e12b7
#b71259
#abb712

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.
#12b770
#16e18a
#010d08
#053722
#0a623c
#0e8c56

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.
#12b770
#12b72e
#12b74f
#12b770
#12b791
#12b7b2

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#12b770
#1238b7
#b72e12

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
#eefaf5
#ddf5eb
#ccf0e0
#bbead6
#aae5cc
#99e0c2
#89dbb8
#78d6ad
#67d1a3
#56cc99
#45c68f
#34c184
#23bc7a
#12b770

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#010d08
#031a10
#042718
#053420
#064128
#084e30
#095c38
#0a6940
#0c7648
#0d8350
#0e9058
#0f9d60
#11aa68
#12b770

Contrast Checker

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

2.614 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!
8.033 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 #12b770

Some examples of color palettes with #12b770. View more

Use #12b770 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet