#394857 Color Hex Midnight Dream

Information about Midnight Dream Color | #0000FF

#394857 color RGB value is (57,72,87). #394857 color name is Midnight Dream color.

#394857 hex color red value is 57 , green value is 72 and the blue value of its RGB is 87 . Cylindrical-coordinate representations (also known as HSL) of color #394857 hue: 210 , saturation: 21 and the lightness value of #394857 is 28

The process color (four color CMYK) of #394857 color hex is 14 , 7 ,0, 26 .

#394857

~Midnight Dream

Color Converions

HEX
#394857
RGB
57,72,87
LAB
30,-3,-11
CMYK
34,17,0,66
LCH
30,11,-105
XYZ
6,6,10
HSV
210,34,34
HSL
210,21,28

Base Numbers

Base Red Green Blue
Binary 111001 1001000 1010111
Octal 71 110 127
Decimal 57 72 87
Hex 39 48 57

RGB Percentages of Color #394857

22%
28%
34%

CMYK Percentages of Color #394857

14%
0%
7%
26%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #394857

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#394857
20%
#33414e
30%
#2e3a46
40%
#28323d
50%
#222b34
60%
#1d242c
70%
#171d23
80%
#11161a
90%
#0b0e11
100%
#060709

Tints of #394857

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#394857
20%
#4d5a68
30%
#616d79
40%
#747f89
50%
#88919a
60%
#9ca4ab
70%
#b0b6bc
80%
#c4c8cd
90%
#d7dadd
100%
#ebedee

Tones of #394857

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#394857
20%
#404e5b
30%
#47535f
40%
#4e5963
50%
#555e67
60%
#5c646b
70%
#63696f
80%
#6a6f73
90%
#717477
100%
#787a7b

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#394857
#395457
#394e57
#394857
#394257
#393c57

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#394857
#574839

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#394857
#4e3957
#545739

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#394857
#573948
#485739

Tetradic

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.
#394857
#573957
#574839
#395739

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#394857
#556b81
#718eac
#8db2d6
#010202
#1d252c

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#394857

protanopia

#454756

deuteranopia

#464759

tritanopia

#3a4b51

achromatopsia

#464646

protanomaly

#404857

deuteranomaly

#424758

achromatopsia

#464646

tritanomaly

#394a53

achromatomaly

#41474c

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Good 9/21
Hello World ! 9

Black background-color

Poor 2/21
Hello World !

#394857 Color CSS Codes

.bgcolor {background-color:#394857; } 
.forecolor {color:#394857; }
.bordercolor {border:3px solid #394857; }
            

#394857 Text Font Color

<div style="color:#394857">
Div content here</div>

This sample text font color is #394857
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#394857 Background Color

<div style="background-color:#394857">
Div content here</div>
Div content here

#394857 Border Color

<div style="border:3px solid #394857">
Div here</div>

This div border color is #394857

#394857 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #394857; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #394857; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #394857;
  -webkit-box-shadow: 1px 1px 3px 2px #394857;
  box-shadow: 1px 1px 3px 2px #394857; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #394857">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #394857;
              -webkit-box-shadow: 1px 1px 3px 2px #394857;
              box-shadow:         1px 1px 3px 2px #394857#394857">
Div content here</div>

This div box has shadow with color #394857

More Colors

Botticelli Angel
#fbdfd6
Green Patina
#66d0c0
Heather Sachet
#7b7173
Mamey
#eba180
Magenta Dye
#ca1f7b
Cloudy Desert
#b0a99f
Heirloom Orchid
#ae9999
Magenta Stream
#fa5ff7
Lifeless Planet
#e6d699
Olive Martini
#ced2ab
Indulgent
#66565f
Guinean Green
#4a8140
Greyish Purple
#887191
Paperboy's Lawn
#249148
Discreet White
#dfdcdb
Always Neutral
#dfd7cb
Copenhagen
#adc8c0
Ethereal Green
#f1ecca
Caramel Macchiato
#c58d4b
Fandangle
#e4de65
Dragon's Blood
#b84048
Clay Pot
#c3663f
Effervescent Blue
#00315a
Dark Wood Grain
#4f301f
Credo
#dcba42
Innocent Blue
#91b3d0
Breakwater White
#ebf1e9
Deep Rhubarb
#7f5153
Blue Tulip
#5c4671
Blue Grey
#758da3
May Mist
#a19fc8
Field Khaki
#b1a891
Cottage Green
#dcecdc
Banana Bread
#ffcf73
Gravelstone
#d3c7b8
Fitzgerald Smoke
#b3b6b0
Irish Mist
#e7e5db
Cucumber Milk
#c2f177
Black Powder
#34342c
Green Belt
#2d7f6c
rating-img
Rate this tool
NaN/5   0 votes