#7b8267 Color Hex Pendula Garden

Information about Pendula Garden Color | #0000FF

#7b8267 color RGB value is (123,130,103). #7b8267 color name is Pendula Garden color.

#7b8267 hex color red value is 123 , green value is 130 and the blue value of its RGB is 103 . Cylindrical-coordinate representations (also known as HSL) of color #7b8267 hue: 76 , saturation: 12 and the lightness value of #7b8267 is 46

The process color (four color CMYK) of #7b8267 color hex is 2 , 0 ,8, 19 .

#7b8267

~Pendula Garden

Color Converions

HEX
#7b8267
RGB
123,130,103
LAB
53,-6,14
CMYK
5,0,21,49
LCH
53,15,115
XYZ
19,21,16
HSV
76,21,51
HSL
76,12,46

Base Numbers

Base Red Green Blue
Binary 1111011 10000010 1100111
Octal 173 202 147
Decimal 123 130 103
Hex 7b 82 67

RGB Percentages of Color #7b8267

48%
51%
40%

CMYK Percentages of Color #7b8267

2%
8%
0%
19%

Color Variations

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

Shades of #7b8267

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

10%
#7b8267
20%
#6f755d
30%
#626852
40%
#565b48
50%
#4a4e3e
60%
#3e4133
70%
#313429
80%
#25271f
90%
#191a15
100%
#0c0d0a

Tints of #7b8267

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

10%
#7b8267
20%
#888f76
30%
#959b85
40%
#a3a895
50%
#b0b4a4
60%
#bdc1b3
70%
#cacdc2
80%
#d7dad1
90%
#e5e6e1
100%
#f2f3f0

Tones of #7b8267

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

10%
#7b8267
20%
#7b8269
30%
#7c826c
40%
#7c816e
50%
#7d8171
60%
#7d8173
70%
#7e8176
80%
#7e8078
90%
#7f807b
100%
#7f807d

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.
#7b8267
#827e67
#808267
#7b8267
#768267
#708267

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#7b8267
#6e6782

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#7b8267
#678273
#7e6782

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#7b8267
#677b82
#82677b

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.
#7b8267
#67827b
#6e6782
#82676d

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#7b8267
#a3ac89
#cbd7aa
#020202
#2b2d24
#535745

Blindness simulator

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

Normal

#7b8267

protanopia

#867e65

deuteranopia

#927969

tritanopia

#7f7d86

achromatopsia

#7f7f7f

protanomaly

#827f66

deuteranomaly

#8a7c68

achromatopsia

#7f7f7f

tritanomaly

#7e7f7b

achromatomaly

#7d8076

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 !

#7b8267 Color CSS Codes

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

#7b8267 Text Font Color

<div style="color:#7b8267">
Div content here</div>

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

#7b8267 Background Color

<div style="background-color:#7b8267">
Div content here</div>
Div content here

#7b8267 Border Color

<div style="border:3px solid #7b8267">
Div here</div>

This div border color is #7b8267

#7b8267 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #7b8267

More Colors

Exotic Orchid
#75566c
Aloof
#d4e2e6
Earth Brown Violet
#705364
Eclipse
#3f3939
Euphoric Lilac
#dac7da
Jungle Cover
#565042
Hundred Waters
#b2b7d1
Geyser Steam
#cbd0cf
Near Moon
#5ee7df
Environmental Study
#88bb00
Moderne Class
#745b49
Falafel
#aa7711
Apollo Landing
#e5e5e1
Greyish Pink
#c88d94
Chalet Green
#5a6e41
Grape Harvest
#807697
Beagle Brown
#8d6737
Dry Creek
#d8c7b6
Chōjicha Brown
#8f583c
Aged Eucalyptus
#898253
Mother Lode
#a28761
Cloudy Desert
#b0a99f
Cranach Blue
#2b8288
Herbivore
#88ee77
Mulled Spice
#d5a579
Fair Pink
#f3e5dc
Mermaid
#817a65
Plaza Pink
#f4c0c3
Ivory Oats
#f9e4c1
Cold Heights
#22ddee
Milky Maize
#f9d9a0
Golden Mist
#d5cd94
Abbey Stone
#aba798
Peak Season
#ffdfc9
Nanohanacha Gold
#e3b130
Dusty Path
#8c7763
Medallion
#c3a679
Jittery Jade
#77eebb
Crazy
#e5cb3f
Huáng Jīn Zhōu Gold
#fada6a
rating-img
Rate this tool
NaN/5   0 votes