Color picker

#696c64

Conversion

HEX#696c64
HEX8#696c64ff
RGBrgb(105, 108, 100)
CMYK[0.03,0,0.07,0.58]
Name#696c64
HCL[124.23,4.93,45.15]
oklab[0.53,-0.01,0.01]
Num6909028
HSI[81.79,0.04,0.41]
lab[45.15,-2.77,4.07]
Lighten
#9c9f97
Darken
#353733
Saturate
#6e814f
Desaturate
#686868
Greyscale
#686868
Brighten
#9c9f97

Color harmonies of #696c64

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.
#696c64
#64696c
#6c6469

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.
#696c64
#646c6b
#67646c
#6c6465

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.
#696c64
#92968b
#bcc1b3
#e5ebda
#161715
#40413d

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.
#696c64
#6c6c64
#6b6c64
#696c64
#676c64
#666c64

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#696c64
#646c69
#6c646c

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
#f4f5f4
#eaeae9
#dfe0de
#d4d5d3
#c9cbc8
#bfc0bd
#b4b6b2
#a9aba6
#9fa19b
#949690
#898c85
#7e817a
#74776f
#696c64

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#080807
#0f0f0e
#171715
#1e1f1d
#262724
#2d2e2b
#353632
#3c3e39
#444540
#4b4d47
#53554f
#5a5d56
#62645d
#696c64

Contrast Checker

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

5.344 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.93 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 #696c64

Some examples of color palettes with #696c64. View more

Use #696c64 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet