Color picker

#3d7974

Conversion

HEX#3d7974
HEX8#3d7974ff
RGBrgb(61, 121, 116)
CMYK[0.5,0,0.04,0.53]
Name#3d7974
HCL[188.97,21.06,46.88]
oklab[0.53,-0.06,-0.01]
Num4028788
HSI[175.69,0.39,0.39]
lab[46.88,-20.8,-3.28]
Lighten
#69b3ad
Darken
#1b3533
Saturate
#2b8b83
Desaturate
#4f6765
Greyscale
#5b5b5b
Brighten
#70aca7

Color harmonies of #3d7974

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.
#3d7974
#743d79
#79743d

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.
#3d7974
#563d79
#793d42
#60793d

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.
#3d7974
#52a39d
#68cec5
#7df8ee
#122422
#284e4b

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.
#3d7974
#3d795c
#3d7968
#3d7974
#3d7279
#3d6679

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3d7974
#443d79
#795c3d

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
#f1f5f5
#e3eceb
#d5e2e1
#c8d9d7
#bacfcd
#acc6c3
#9ebcba
#90b2b0
#82a9a6
#749f9c
#679692
#598c88
#4b837e
#3d7974

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040908
#091111
#0d1a19
#112321
#162b29
#1a3432
#1f3d3a
#234542
#274e4b
#2c5653
#305f5b
#346863
#39706c
#3d7974

Contrast Checker

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

5.017 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.186 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 #3d7974

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

Use #3d7974 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet