#4f4f5e Color Hex Night Night

Information about Night Night Color | #0000FF

#4f4f5e color RGB value is (79,79,94). #4f4f5e color name is Night Night color.

#4f4f5e hex color red value is 79 , green value is 79 and the blue value of its RGB is 94 . Cylindrical-coordinate representations (also known as HSL) of color #4f4f5e hue: 240 , saturation: 9 and the lightness value of #4f4f5e is 34

The process color (four color CMYK) of #4f4f5e color hex is 6 , 6 ,0, 25 .

#4f4f5e

~Night Night

Color Converions

HEX
#4f4f5e
RGB
79,79,94
LAB
34,3,-9
CMYK
16,16,0,63
LCH
34,9,-73
XYZ
8,8,12
HSV
240,16,37
HSL
240,9,34

Base Numbers

Base Red Green Blue
Binary 1001111 1001111 1011110
Octal 117 117 136
Decimal 79 79 94
Hex 4f 4f 5e

RGB Percentages of Color #4f4f5e

31%
31%
37%

CMYK Percentages of Color #4f4f5e

6%
0%
6%
25%

Color Variations

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

Shades of #4f4f5e

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

10%
#4f4f5e
20%
#474755
30%
#3f3f4b
40%
#373742
50%
#2f2f38
60%
#28282f
70%
#202026
80%
#18181c
90%
#101013
100%
#080809

Tints of #4f4f5e

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

10%
#4f4f5e
20%
#61616e
30%
#72727e
40%
#84848e
50%
#95959e
60%
#a7a7ae
70%
#b9b9bf
80%
#cacacf
90%
#dcdcdf
100%
#ededef

Tones of #4f4f5e

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

10%
#4f4f5e
20%
#545461
30%
#595965
40%
#5e5e68
50%
#62626b
60%
#67676f
70%
#6c6c72
80%
#717175
90%
#767679
100%
#7b7b7c

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.
#4f4f5e
#4f555e
#4f525e
#4f4f5e
#524f5e
#554f5e

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#4f4f5e
#5e5e4f

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4f4f5e
#5e4f5b
#555e4f

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#4f4f5e
#5e4f4f
#4f5e4f

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.
#4f4f5e
#5e4f56
#5e5e4f
#4f5e56

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#4f4f5e
#737388
#9696b3
#babadd
#080809
#2b2b33

Blindness simulator

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

Normal

#4f4f5e

protanopia

#4e515f

deuteranopia

#534f5f

tritanopia

#4f5158

achromatopsia

#505050

protanomaly

#4f505e

deuteranomaly

#514f5e

achromatopsia

#505050

tritanomaly

#4f505a

achromatomaly

#505055

Contrast Checker

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

White background

Good 8/21
Hello World ! 8

Black background-color

Poor 3/21
Hello World !

#4f4f5e Color CSS Codes

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

#4f4f5e Text Font Color

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

This sample text font color is #4f4f5e
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.

#4f4f5e Background Color

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

#4f4f5e Border Color

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

This div border color is #4f4f5e

#4f4f5e Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #4f4f5e

More Colors

Pink Satin
#ffbbdd
Grange Hall
#857767
Gilded Pear
#c09e6c
Plumosa
#64a281
Pauper
#343445
Natural Almond
#ded2bb
Fig Branches
#7a634d
Missouri Mud
#a6a19b
Drover
#fbeb9b
Blue Bikini
#00bbee
Mattar Paneer
#884433
Lime Juice Green
#e5e896
English Hollyhock
#b5c9d3
Classic Cool
#b7b2ac
Charming Peach
#f5ad75
Burnt Almond
#b0724a
Blue Bottle
#394e65
Gentle Rain
#cbc9c5
Plumville
#9e8185
Aniseed
#cda741
Lilacs in Spring
#e9cfe5
Incense
#af9a7e
Blue Dolphin
#bcc5cf
Jacarta
#440044
Dark Walnut
#56443e
Butter Creme
#fee5ba
Pimento Grain Brown
#6c5738
Peachy Sand
#ffdcb7
Meridian
#877272
Chronus Blue
#72a8d1
Blue Jasmine
#828596
Inner Touch
#bbafba
Fine Linen
#faf5c3
Cheddar
#ee9a09
Penzance
#627e75
Blue Granite
#717388
Kite Brown
#95483f
Pani Puri
#f4aa53
Orioles
#ee8962
Camel Red
#e5743b
rating-img
Rate this tool
NaN/5   0 votes