#4d8b72 Color Hex Molly Robins

Information about Molly Robins Color | #0000FF

#4d8b72 color RGB value is (77,139,114). #4d8b72 color name is Molly Robins color.

#4d8b72 hex color red value is 77 , green value is 139 and the blue value of its RGB is 114 . Cylindrical-coordinate representations (also known as HSL) of color #4d8b72 hue: 156 , saturation: 29 and the lightness value of #4d8b72 is 42

The process color (four color CMYK) of #4d8b72 color hex is 17 , 0 ,7, 18 .

#4d8b72

~Molly Robins

Color Converions

HEX
#4d8b72
RGB
77,139,114
LAB
53,-26,7
CMYK
45,0,18,45
LCH
53,27,165
XYZ
15,21,19
HSV
156,45,55
HSL
156,29,42

Base Numbers

Base Red Green Blue
Binary 1001101 10001011 1110010
Octal 115 213 162
Decimal 77 139 114
Hex 4d 8b 72

RGB Percentages of Color #4d8b72

30%
55%
45%

CMYK Percentages of Color #4d8b72

17%
7%
0%
18%

Color Variations

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

Shades of #4d8b72

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

10%
#4d8b72
20%
#457d67
30%
#3e6f5b
40%
#366150
50%
#2e5344
60%
#274639
70%
#1f382e
80%
#172a22
90%
#0f1c17
100%
#080e0b

Tints of #4d8b72

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

10%
#4d8b72
20%
#5f9780
30%
#71a28e
40%
#82ae9c
50%
#94b9aa
60%
#a6c5b9
70%
#b8d1c7
80%
#cadcd5
90%
#dbe8e3
100%
#edf3f1

Tones of #4d8b72

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

10%
#4d8b72
20%
#528a73
30%
#578975
40%
#5c8876
50%
#618677
60%
#668579
70%
#6b847a
80%
#70837b
90%
#75827d
100%
#7a817e

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.
#4d8b72
#4d8b59
#4d8b66
#4d8b72
#4d8b7e
#4d8b8b

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#4d8b72
#8b4d66

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4d8b72
#4d5a8b
#8b594d

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#4d8b72
#724d8b
#8b724d

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.
#4d8b72
#534d8b
#8b4d66
#858b4d

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#4d8b72
#65b595
#7ce0b8
#060b09
#1e362c
#35604f

Blindness simulator

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

Normal

#4d8b72

protanopia

#857e6c

deuteranopia

#8e7a77

tritanopia

#578590

achromatopsia

#7c7c7c

protanomaly

#71836e

deuteranomaly

#768075

achromatopsia

#7c7c7c

tritanomaly

#548785

achromatomaly

#6b8178

Contrast Checker

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

White background

Poor 4/21
Hello World ! 4

Black background-color

Good 5/21
Hello World !

#4d8b72 Color CSS Codes

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

#4d8b72 Text Font Color

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

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

#4d8b72 Background Color

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

#4d8b72 Border Color

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

This div border color is #4d8b72

#4d8b72 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #4d8b72

More Colors

Azure Lake
#7bbbc8
City Dweller
#c0b9ac
Pearly White
#feefd3
Huáng Dì Yellow
#f8ff73
Amygdala Purple
#69045f
Pale Lime Yellow
#dfe69f
Aged Chocolate
#5f4947
Mint Ice Cream
#98cdb5
Olive Court
#5f5d48
Cattail Brown
#917546
Fireweed
#b38491
Mild Green
#789885
Chili Sauce
#bc4e40
Heirloom Lace
#f5e6d6
Hearthstone
#c7beb2
Gobo Brown
#635147
Atlantic Waves
#264243
Lively Light
#a18899
Out of Blue
#c0f7db
Grime
#565143
Desert Panzer
#c0cabc
Ember Red
#792445
Grey Pebble
#cfcac1
Mexican Moonlight
#c99387
Oubliette
#4f4944
Marine Grey
#a5b2aa
Brusque Pink
#ee00ff
Pink Blossom
#fbe9dd
Old Lace
#fdf5e6
Broken White
#eeebe3
Fresh Pink
#e19091
Belgian Blonde
#f7efd0
Atrium White
#f1eee4
Ancient Scroll
#f5e6de
Christmas Ornament
#6e5a49
Double Dragon Skin
#fca044
Champagne Flute
#f6ece2
Flirtatious Indigo Tea
#473f2d
Dusky Yellow
#ffff05
rating-img
Rate this tool
NaN/5   0 votes