Color picker

#393d4c

Conversion

HEX#393d4c
HEX8#393d4cff
RGBrgb(57, 61, 76)
CMYK[0.25,0.2,0,0.7]
Name#393d4c
HCL[282.77,9.92,25.95]
oklab[0.36,0,-0.03]
Num3751244
HSI[228.48,0.12,0.25]
lab[25.95,2.19,-9.67]
Lighten
#656c86
Darken
#0d0e12
Saturate
#2c3559
Desaturate
#424242
Greyscale
#424242
Brighten
#6c707f

Color harmonies of #393d4c

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.
#393d4c
#4c393d
#3d4c39

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.
#393d4c
#4c3946
#4c4839
#394c3e

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.
#393d4c
#595f76
#7981a1
#99a3cb
#b9c5f6
#191b21

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.
#393d4c
#39454c
#39414c
#393d4c
#39394c
#3d394c

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#393d4c
#4c394c
#454c39

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
#f1f1f2
#e3e3e5
#d5d5d9
#c6c8cc
#b8babf
#aaacb2
#9c9ea6
#8e9099
#80828c
#72747f
#636772
#555966
#474b59
#393d4c

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040405
#08090b
#0c0d10
#101116
#14161b
#181a21
#1d1f26
#21232b
#252731
#292c36
#2d303c
#313441
#353947
#393d4c

Contrast Checker

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

10.792 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.946 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 #393d4c

Some examples of color palettes with #393d4c. View more

Use #393d4c in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet