#4c7c4b Color Hex Melbourne

Information about Melbourne Color | #0000FF

#4c7c4b color RGB value is (76,124,75). #4c7c4b color name is Melbourne color.

#4c7c4b hex color red value is 76 , green value is 124 and the blue value of its RGB is 75 . Cylindrical-coordinate representations (also known as HSL) of color #4c7c4b hue: 119 , saturation: 25 and the lightness value of #4c7c4b is 39

The process color (four color CMYK) of #4c7c4b color hex is 15 , 0 ,15, 20 .

#4c7c4b

~Melbourne

Color Converions

HEX
#4c7c4b
RGB
76,124,75
LAB
48,-25,21
CMYK
39,0,40,51
LCH
48,33,139
XYZ
11,16,9
HSV
119,40,49
HSL
119,25,39

Base Numbers

Base Red Green Blue
Binary 1001100 1111100 1001011
Octal 114 174 113
Decimal 76 124 75
Hex 4c 7c 4b

RGB Percentages of Color #4c7c4b

30%
49%
29%

CMYK Percentages of Color #4c7c4b

15%
15%
0%
20%

Color Variations

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

Shades of #4c7c4b

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

10%
#4c7c4b
20%
#447044
30%
#3d633c
40%
#355735
50%
#2e4a2d
60%
#263e25
70%
#1e321e
80%
#172516
90%
#0f190f
100%
#080c07

Tints of #4c7c4b

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

10%
#4c7c4b
20%
#5e895d
30%
#70966f
40%
#82a381
50%
#94b093
60%
#a5bea5
70%
#b7cbb7
80%
#c9d8c9
90%
#dbe5db
100%
#edf2ed

Tones of #4c7c4b

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

10%
#4c7c4b
20%
#517c50
30%
#567d56
40%
#5b7d5b
50%
#617d60
60%
#667e65
70%
#6b7e6a
80%
#707e70
90%
#757f75
100%
#7a7f7a

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.
#4c7c4b
#607c4b
#567c4b
#4c7c4b
#4b7c54
#4b7c5e

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#4c7c4b
#7b4b7c

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4c7c4b
#4b737c
#7c4b60

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#4c7c4b
#4b4c7c
#7c4b4c

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.
#4c7c4b
#4b647c
#7b4b7c
#7c624b

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#4c7c4b
#66a665
#80d17e
#9afb98
#182718
#325131

Blindness simulator

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

Normal

#4c7c4b

protanopia

#7b7048

deuteranopia

#866c51

tritanopia

#58757e

achromatopsia

#6e6e6e

protanomaly

#6a7549

deuteranomaly

#71724f

achromatopsia

#6e6e6e

tritanomaly

#54776c

achromatomaly

#627361

Contrast Checker

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

White background

Good 5/21
Hello World ! 5

Black background-color

Poor 4/21
Hello World !

#4c7c4b Color CSS Codes

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

#4c7c4b Text Font Color

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

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

#4c7c4b Background Color

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

#4c7c4b Border Color

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

This div border color is #4c7c4b

#4c7c4b Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #4c7c4b

More Colors

Cloud Break
#f6f1fe
It's My Party
#cc7365
Painted Poppy
#cb5139
Plague Brown
#dfb900
Madder
#754c50
Niebla Azul
#b6c3c4
Evening Symphony
#51637b
Orange Poppy
#e68750
Dancing Green
#c5cd8f
Fake Love
#cc77ee
Pink Beauty
#dca7c2
Burnt Crust
#885533
Irogon Blue
#9dacb5
Chlorophyll Green
#4aff00
Blue Dacnis
#44ddee
Lover's Tryst
#b48ca3
Minified Lime
#ebf5de
Gypsy Dancer
#c07c7b
Golden Staff
#f7eb83
Horseradish Yellow
#ffdea9
Gentleman's Suit
#c1becd
Dahlia Delight
#f8bbd3
Bright Bluebell
#9da7cf
Brilliant Impression
#efc600
Botticelli
#92acb4
Fluffy Pink
#f7d6cb
Pink Currant
#fed5e9
Devilish
#dd3322
Morning Frost
#ebf4df
Nakabeni Pink
#c93756
Granite Dust
#d7cec4
Lusty Lavender
#8d5eb7
Citronite
#dbb239
Girl Power
#d39bcb
Alhambra
#008778
Demonic Yellow
#ffe700
Cinnamon Stick
#9b4722
Overcast Day
#8f99a2
Neutral White
#ecede8
Grey Pearl Sand
#b0b7be
rating-img
Rate this tool
NaN/5   0 votes