Color picker

#3d363a

Conversion

HEX#3d363a
HEX8#3d363aff
RGBrgb(61, 54, 58)
CMYK[0,0.11,0.05,0.76]
Name#3d363a
HCL[340.77,4.18,23.46]
oklab[0.34,0.01,0]
Num4011578
HSI[325.28,0.06,0.23]
lab[23.46,3.94,-1.38]
Lighten
#73666d
Darken
#070607
Saturate
#482a3c
Desaturate
#393939
Greyscale
#393939
Brighten
#70696d

Color harmonies of #3d363a

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.
#3d363a
#3a3d36
#363a3d

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.
#3d363a
#3d3c36
#363d39
#36363d

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.
#3d363a
#675c62
#92818b
#bca7b3
#e7ccdc
#121012

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.
#3d363a
#3d363d
#3d363b
#3d363a
#3d3639
#3d3637

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3d363a
#3d3a36
#363d3d

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
#f1f1f1
#e3e2e3
#d5d4d5
#c8c6c7
#bab7b9
#aca9ab
#9e9b9d
#908c8e
#827e80
#746f72
#676164
#595356
#4b4448
#3d363a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040404
#090808
#0d0c0c
#110f11
#161315
#1a1719
#1f1b1d
#231f21
#272325
#2c2729
#302a2e
#342e32
#393236
#3d363a

Contrast Checker

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

11.75 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!
1.787 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 #3d363a

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

Use #3d363a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet