Color picker

#76a464

Conversion

HEX#76a464
HEX8#76a464ff
RGBrgb(118, 164, 100)
CMYK[0.28,0,0.39,0.36]
Name#76a464
HCL[134.39,39.7,62.78]
oklab[0.67,-0.08,0.07]
Num7775332
HSI[104.18,0.21,0.5]
lab[62.78,-27.78,28.37]
Lighten
#afcaa4
Darken
#48663c
Saturate
#6bbd4b
Desaturate
#818b7d
Greyscale
#848484
Brighten
#a9d797

Color harmonies of #76a464

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

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#76a464
#6476a4
#a46476

Tetrad

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.
#76a464
#6496a4
#9264a4
#a47264

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#76a464
#95ce7e
#b3f998
#1a2416
#394f30
#57794a

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#76a464
#90a464
#83a464
#76a464
#69a464
#64a46c

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#76a464
#64a49f
#a46490

Variations

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

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f5f9f4
#ebf2e9
#e2ecde
#d8e5d3
#cedfc8
#c4d8bd
#bbd2b2
#b1cba6
#a7c59b
#9dbe90
#93b885
#8ab17a
#80ab6f
#76a464

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#080c07
#11170e
#192315
#222f1d
#2a3b24
#33462b
#3b5232
#435e39
#4c6940
#547547
#5d814f
#658d56
#6e985d
#76a464

Contrast Checker

Verify the contrast of a #76a464 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

2.891 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
7.265 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #76a464

Some examples of color palettes with #76a464. View more

Use #76a464 in CSS

#76a464 as Background Color in CSS
<div style="background-color:#76a464">Background Color</div>
#76a464 as Text Color in CSS
<div style="color:#76a464">Text Color</div>
#76a464 as Border Color in CSS
<div style="border-color:#76a464">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet