#4aac72 Color Hex Glen

Information about Glen Color | #0000FF

#4aac72 color RGB value is (74,172,114). #4aac72 color name is Glen color.

#4aac72 hex color red value is 74 , green value is 172 and the blue value of its RGB is 114 . Cylindrical-coordinate representations (also known as HSL) of color #4aac72 hue: 144 , saturation: 40 and the lightness value of #4aac72 is 48

The process color (four color CMYK) of #4aac72 color hex is 22 , 0 ,13, 13 .

#4aac72

~Glen

Color Converions

HEX
#4aac72
RGB
74,172,114
LAB
63,-40,21
CMYK
57,0,34,33
LCH
63,45,153
XYZ
21,32,21
HSV
144,57,67
HSL
144,40,48

Base Numbers

Base Red Green Blue
Binary 1001010 10101100 1110010
Octal 112 254 162
Decimal 74 172 114
Hex 4a ac 72

RGB Percentages of Color #4aac72

29%
67%
45%

CMYK Percentages of Color #4aac72

22%
13%
0%
13%

Color Variations

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

Shades of #4aac72

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

10%
#4aac72
20%
#439b67
30%
#3b8a5b
40%
#347850
50%
#2c6744
60%
#255639
70%
#1e452e
80%
#163422
90%
#0f2217
100%
#07110b

Tints of #4aac72

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

10%
#4aac72
20%
#5cb480
30%
#6ebd8e
40%
#80c59c
50%
#92cdaa
60%
#a4d6b9
70%
#b7dec7
80%
#c9e6d5
90%
#dbeee3
100%
#edf7f1

Tones of #4aac72

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

10%
#4aac72
20%
#4fa873
30%
#55a375
40%
#5a9f76
50%
#5f9a77
60%
#659679
70%
#6a917a
80%
#6f8d7b
90%
#75887d
100%
#7a847e

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.
#4aac72
#4aac4b
#4aac5e
#4aac72
#4aac86
#4aac99

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4aac72
#4a70ac
#ac4b4a

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#4aac72
#724aac
#ac724a

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.
#4aac72
#4a53ac
#ac4a84
#aca34a

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#4aac72
#5cd68e
#010201
#132c1d
#25573a
#388156

Blindness simulator

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

Normal

#4aac72

protanopia

#a5986a

deuteranopia

#b39279

tritanopia

#60a2af

achromatopsia

#939393

protanomaly

#849f6d

deuteranomaly

#8d9c77

achromatopsia

#939393

tritanomaly

#58a699

achromatomaly

#789c87

Contrast Checker

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

White background

Poor 3/21
Hello World ! 3

Black background-color

Good 7/21
Hello World !

#4aac72 Color CSS Codes

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

#4aac72 Text Font Color

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

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

#4aac72 Background Color

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

#4aac72 Border Color

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

This div border color is #4aac72

#4aac72 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #4aac72

More Colors

Bright Olive
#9cbb04
Cuddlepot
#ad8068
Brandywine
#490206
Grapes of Italy
#714a8b
Green Buoy
#32a7b5
Metallic Mist
#cdccbe
Galactic Wonder
#442255
Ebony Wood
#2c3227
Ancient Stone
#ded8d4
Anarchist
#db304a
Buzzard
#5f563f
Fudge Bar
#997964
Fresh Herb
#77913b
Pacific Harbour
#77b9db
Ornamental Turquoise
#00867d
Buff It
#d9cfbe
Armada
#536762
Mysterious
#535e63
Green Garlands
#008176
Intricate Ivory
#edddca
Orange White
#eae3cd
Marine Layer
#a5b4b6
Glazed Pot
#ad7356
Aureolin
#fdee00
Eshin Grey
#4a4f52
Pine Mist
#d5d8bc
Polypropylene
#eaeae8
Hailey Blue
#2c75ff
Baja White
#fff8d1
Hazy Sky
#b7bdd6
Blueberry Muffin
#5588ab
Blue Slushie
#008793
À L'Orange
#f2850d
Cool Spring
#bbd9c3
Lush Life
#e9f6e0
Corn Poppy Cherry
#ee4411
Grassy Meadow
#76a55b
Juggernaut
#255367
rating-img
Rate this tool
NaN/5   0 votes