Color picker

#70a19b

Conversion

HEX#70a19b
HEX8#70a19bff
RGBrgb(112, 161, 155)
CMYK[0.3,0,0.04,0.37]
Name#70a19b
HCL[186.88,17.8,62.76]
oklab[0.67,-0.05,-0.01]
Num7381403
HSI[173.56,0.21,0.56]
lab[62.76,-17.67,-2.13]
Lighten
#aec9c6
Darken
#446763
Saturate
#58b9ad
Desaturate
#888989
Greyscale
#888888
Brighten
#a3d4ce

Color harmonies of #70a19b

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.
#70a19b
#9b70a1
#a19b70

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.
#70a19b
#8270a1
#a17076
#8ea170

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.
#70a19b
#8ecbc4
#abf6ed
#172120
#354c49
#527672

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.
#70a19b
#70a187
#70a191
#70a19b
#709da1
#7093a1

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#70a19b
#7470a1
#a18770

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
#f5f8f8
#ebf2f1
#e0ebea
#d6e4e2
#ccdddb
#c2d7d4
#b8d0cd
#adc9c6
#a3c3bf
#99bcb8
#8fb5b0
#84aea9
#7aa8a2
#70a19b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#080c0b
#101716
#182321
#202e2c
#283a37
#304542
#38514e
#405c59
#486864
#50736f
#587f7a
#608a85
#689690
#70a19b

Contrast Checker

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

2.892 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!
7.26 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 #70a19b

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

Use #70a19b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet