#679b6a Color Hex Leafy

Information about Leafy Color | #0000FF

#679b6a color RGB value is (103,155,106). #679b6a color name is Leafy color.

#679b6a hex color red value is 103 , green value is 155 and the blue value of its RGB is 106 . Cylindrical-coordinate representations (also known as HSL) of color #679b6a hue: 123 , saturation: 21 and the lightness value of #679b6a is 51

The process color (four color CMYK) of #679b6a color hex is 13 , 0 ,12, 15 .

#679b6a

~Leafy

Color Converions

HEX
#679b6a
RGB
103,155,106
LAB
59,-26,20
CMYK
34,0,32,39
LCH
59,33,142
XYZ
20,27,18
HSV
123,34,61
HSL
123,21,51

Base Numbers

Base Red Green Blue
Binary 1100111 10011011 1101010
Octal 147 233 152
Decimal 103 155 106
Hex 67 9b 6a

RGB Percentages of Color #679b6a

40%
61%
42%

CMYK Percentages of Color #679b6a

13%
12%
0%
15%

Color Variations

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

Shades of #679b6a

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

10%
#679b6a
20%
#5d8b5f
30%
#527c55
40%
#486c4a
50%
#3e5d40
60%
#334d35
70%
#293e2a
80%
#1f2e20
90%
#151f15
100%
#0a0f0b

Tints of #679b6a

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

10%
#679b6a
20%
#76a579
30%
#85af88
40%
#95b997
50%
#a4c3a6
60%
#b3cdb5
70%
#c2d7c3
80%
#d1e1d2
90%
#e1ebe1
100%
#f0f5f0

Tones of #679b6a

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

10%
#679b6a
20%
#69986c
30%
#6c966e
40%
#6e9370
50%
#719073
60%
#738d75
70%
#768b77
80%
#788879
90%
#7b857b
100%
#7d827d

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.
#679b6a
#799b67
#6e9b67
#679b6a
#679b74
#679b7f

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#679b6a
#9b6798

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#679b6a
#678e9b
#9b6779

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#679b6a
#6a679b
#9b6a67

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.
#679b6a
#677e9b
#9b6798
#9b8467

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#679b6a
#83c587
#9ff0a4
#121b13
#2f4630
#4b704d

Blindness simulator

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

Normal

#679b6a

protanopia

#998d65

deuteranopia

#a6886f

tritanopia

#73939e

achromatopsia

#8c8c8c

protanomaly

#879267

deuteranomaly

#8f8f6d

achromatopsia

#8c8c8c

tritanomaly

#6e968b

achromatomaly

#7f9280

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 6/21
Hello World !

#679b6a Color CSS Codes

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

#679b6a Text Font Color

<div style="color:#679b6a">
Div content here</div>

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

#679b6a Background Color

<div style="background-color:#679b6a">
Div content here</div>
Div content here

#679b6a Border Color

<div style="border:3px solid #679b6a">
Div here</div>

This div border color is #679b6a

#679b6a Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #679b6a

More Colors

Otter
#7f674f
Avalon
#799b96
Milano Red
#9e3332
Dunnock Egg
#d9ece6
Green Gloss
#00955e
Pink Plastic Fantastic
#fc80c3
Green Tea Ice Cream
#93b13d
Hyacinth Dream
#807388
Paperboy's Lawn
#249148
Pale Purple
#b790d4
Cornflower
#5170d7
Pickle Juice
#bba528
100 Mph
#c93f38
Eyeball
#fffbf8
Beach Ball
#efc700
Loose Leather
#84613d
Golden Apples
#f3d74f
French Pink
#fd6c9e
Aerostatics
#355376
Bladerunner
#6a8561
Clown Green
#c4d056
Parlor Rose
#baa1b2
Peachy Confection
#d4a88d
Chocolate Fondue
#9a3001
Legendary
#c6baaf
Honey Gold
#e1b67c
Heaven Sent Storm
#cad6de
Marigold Yellow
#fbe870
Fresh Peaches
#f6b98a
Piermont Stone Red
#43232c
Ashton Skies
#7b8eb0
Beyond the Stars
#0a3251
Blue Azure
#4682bf
Palest of Lemon
#f4eed1
Arizona Clay
#ad735a
Evening in Paris
#938f9f
Bloom
#ffaf75
Mount Hyjal
#3d703e
rating-img
Rate this tool
NaN/5   0 votes