Color picker

#56696b

Conversion

HEX#56696b
HEX8#56696bff
RGBrgb(86, 105, 107)
CMYK[0.2,0.02,0,0.58]
Name#56696b
HCL[207.85,7.48,42.98]
oklab[0.51,-0.02,-0.01]
Num5663083
HSI[184.95,0.13,0.39]
lab[42.98,-6.61,-3.49]
Lighten
#889d9f
Darken
#293132
Saturate
#43797e
Desaturate
#606060
Greyscale
#606060
Brighten
#899c9e

Color harmonies of #56696b

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.
#56696b
#6b5669
#696b56

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.
#56696b
#62566b
#6b5856
#5e6b56

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.
#56696b
#789395
#9abcc0
#bce6ea
#121616
#343f40

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.
#56696b
#566b65
#566b69
#56696b
#56656b
#56616b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#56696b
#5c566b
#6b6556

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
#f3f4f4
#e7eaea
#dbdfdf
#cfd4d5
#c3c9ca
#b7bfc0
#abb4b5
#9ea9aa
#929fa0
#869495
#7a898b
#6e7e80
#627476
#56696b

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060808
#0c0f0f
#121717
#191e1f
#1f2626
#252d2e
#2b3536
#313c3d
#374445
#3d4b4c
#445354
#4a5a5c
#506263
#56696b

Contrast Checker

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

5.787 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.629 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 #56696b

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

Use #56696b in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet