Color picker

#687b72

Conversion

HEX#687b72
HEX8#687b72ff
RGBrgb(104, 123, 114)
CMYK[0.15,0,0.07,0.52]
Name#687b72
HCL[163.8,9.27,49.89]
oklab[0.56,-0.03,0.01]
Num6847346
HSI[151.74,0.09,0.45]
lab[49.89,-8.91,2.59]
Lighten
#9daca5
Darken
#39443f
Saturate
#519273
Desaturate
#717171
Greyscale
#717171
Brighten
#9baea5

Color harmonies of #687b72

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.
#687b72
#72687b
#7b7268

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.
#687b72
#68687b
#7b6871
#7a7b68

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.
#687b72
#8ca599
#b0d0c1
#d4fae8
#202623
#44504b

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.
#687b72
#687b6a
#687b6e
#687b72
#687b76
#687b7a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#687b72
#686d7b
#7b6a68

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
#f4f6f5
#e9eceb
#dfe3e1
#d4d9d7
#c9d0cd
#bec6c3
#b4bdb9
#a9b4ae
#9eaaa4
#93a19a
#889790
#7e8e86
#73847c
#687b72

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070908
#0f1210
#161a18
#1e2321
#252c29
#2d3531
#343e39
#3b4641
#434f49
#4a5851
#52615a
#596962
#61726a
#687b72

Contrast Checker

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

4.502 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!
4.665 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 #687b72

Some examples of color palettes with #687b72. View more

Use #687b72 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet