Color picker

#3c7668

Conversion

HEX#3c7668
HEX8#3c7668ff
RGBrgb(60, 118, 104)
CMYK[0.49,0,0.12,0.54]
Name#3c7668
HCL[175.32,22.77,45.52]
oklab[0.52,-0.07,0]
Num3962472
HSI[166.63,0.36,0.37]
lab[45.52,-22.7,1.86]
Lighten
#67b19f
Darken
#1a322c
Saturate
#2a8871
Desaturate
#4e645f
Greyscale
#595959
Brighten
#6fa99b

Color harmonies of #3c7668

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.
#3c7668
#683c76
#76683c

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.
#3c7668
#4b3c76
#763c4a
#67763c

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.
#3c7668
#52a08d
#67cbb3
#7df5d8
#11211d
#264b43

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.
#3c7668
#3c7651
#3c765c
#3c7668
#3c7674
#3c6d76

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3c7668
#3c3e76
#76513c

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
#f1f5f4
#e3ebe9
#d5e2df
#c7d8d4
#b9cec9
#abc4be
#9ebbb4
#90b1a9
#82a79e
#749d93
#669388
#588a7e
#4a8073
#3c7668

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040807
#09110f
#0d1916
#11221e
#152a25
#1a332d
#1e3b34
#22433b
#274c43
#2b544a
#2f5d52
#336559
#386e61
#3c7668

Contrast Checker

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

5.272 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.983 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 #3c7668

Some examples of color palettes with #3c7668. View more

Use #3c7668 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet