Color picker

#20685b

Conversion

HEX#20685b
HEX8#20685bff
RGBrgb(32, 104, 91)
CMYK[0.69,0,0.12,0.59]
Name#20685b
HCL[178.08,25.49,39.52]
oklab[0.47,-0.07,0]
Num2123867
HSI[170.25,0.58,0.3]
lab[39.52,-25.47,0.85]
Lighten
#38b69f
Darken
#081a17
Saturate
#127664
Desaturate
#2e5a52
Greyscale
#444444
Brighten
#539b8e

Color harmonies of #20685b

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.
#20685b
#5b2068
#685b20

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.
#20685b
#372068
#68202d
#516820

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.
#20685b
#2d9280
#3abda5
#47e7cb
#061311
#133d36

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.
#20685b
#20683e
#20684d
#20685b
#206768
#205868

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#20685b
#212068
#683e20

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
#eff4f3
#dfe9e8
#cfdfdc
#bfd4d0
#afc9c4
#9fbeb9
#90b4ad
#80a9a1
#709e96
#60938a
#50887e
#407e72
#307367
#20685b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020707
#050f0d
#071614
#091e1a
#0b2521
#0e2d27
#10342e
#123b34
#15433b
#174a41
#195248
#1b594e
#1e6155
#20685b

Contrast Checker

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

6.578 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!
3.193 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!

Color Palettes #20685b

Some examples of color palettes with #20685b. View more

Use #20685b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet