Color picker

#3c5043

Conversion

HEX#3c5043
HEX8#3c5043ff
RGBrgb(60, 80, 67)
CMYK[0.25,0,0.16,0.69]
Name#3c5043
HCL[154.57,12.01,32.04]
oklab[0.41,-0.03,0.01]
Num3952707
HSI[140.17,0.13,0.27]
lab[32.04,-10.85,5.16]
Lighten
#688a74
Darken
#101612
Saturate
#2e5e3f
Desaturate
#464646
Greyscale
#464646
Brighten
#6f8376

Color harmonies of #3c5043

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.
#3c5043
#433c50
#50433c

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.
#3c5043
#3c3f50
#503c49
#504d3c

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.
#3c5043
#5c7a67
#7ca58a
#9ccfae
#bbfad1
#1c251f

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.
#3c5043
#3d503c
#3c503f
#3c5043
#3c5047
#3c504b

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3c5043
#3c4550
#503c3d

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
#f1f3f2
#e3e6e4
#d5dad7
#c7cdc9
#b9c1bc
#abb4ae
#9ea8a1
#909b94
#828f86
#748279
#66766b
#58695e
#4a5d50
#3c5043

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040605
#090b0a
#0d110e
#111713
#151d18
#1a221d
#1e2822
#222e26
#27332b
#2b3930
#2f3f35
#334539
#384a3e
#3c5043

Contrast Checker

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

8.675 Very 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!
2.421 Very 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 #3c5043

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

Use #3c5043 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet