Color picker

#3d655a

Conversion

HEX#3d655a
HEX8#3d655aff
RGBrgb(61, 101, 90)
CMYK[0.4,0,0.11,0.6]
Name#3d655a
HCL[173.96,17.02,39.64]
oklab[0.47,-0.05,0]
Num4023642
HSI[164.56,0.27,0.33]
lab[39.64,-16.92,1.79]
Lighten
#66a292
Darken
#172521
Saturate
#2d7561
Desaturate
#4d5553
Greyscale
#515151
Brighten
#70988d

Color harmonies of #3d655a

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.
#3d655a
#5a3d65
#655a3d

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.
#3d655a
#463d65
#653d48
#5c653d

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.
#3d655a
#578f80
#70baa6
#8ae4cc
#0a100e
#233a34

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.
#3d655a
#3d654a
#3d6552
#3d655a
#3d6562
#3d6065

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3d655a
#3d4065
#654a3d

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
#f1f4f3
#e3e9e7
#d5dedc
#c8d3d0
#bac8c4
#acbdb8
#9eb2ad
#90a7a1
#829c95
#749189
#67867d
#597b72
#4b7066
#3d655a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040706
#090e0d
#0d1613
#111d1a
#162420
#1a2b27
#1f332d
#233a33
#27413a
#2c4840
#304f47
#34574d
#395e54
#3d655a

Contrast Checker

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

6.547 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.208 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 #3d655a

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

Use #3d655a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet