Color picker

#168a70

Conversion

HEX#168a70
HEX8#168a70ff
RGBrgb(22, 138, 112)
CMYK[0.84,0,0.19,0.46]
Name#168a70
HCL[171.73,37.21,51.29]
oklab[0.57,-0.1,0.01]
Num1477232
HSI[167.67,0.76,0.36]
lab[51.29,-36.83,5.35]
Lighten
#29ddb5
Darken
#083229
Saturate
#069a79
Desaturate
#267a67
Greyscale
#505050
Brighten
#49bda3

Color harmonies of #168a70

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.
#168a70
#70168a
#8a7016

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.
#168a70
#36168a
#8a1630
#6a8a16

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.
#168a70
#1db492
#24dfb5
#020a09
#08352b
#0f5f4e

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.
#168a70
#168a42
#168a59
#168a70
#168a87
#16768a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#168a70
#16198a
#8a4216

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
#eef7f5
#deeeeb
#cde6e0
#bcded6
#acd5cc
#9bcdc2
#8bc5b8
#7abcad
#69b4a3
#59ab99
#48a38f
#379b84
#27927a
#168a70

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020a08
#031410
#051e18
#062720
#083128
#093b30
#0b4538
#0d4f40
#0e5948
#106350
#116c58
#137660
#148068
#168a70

Contrast Checker

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

4.283 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!
4.903 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 #168a70

Some examples of color palettes with #168a70. View more

Use #168a70 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet