#c59137 Color Hex Golden Grain

Information about Golden Grain Color | #0000FF

#c59137 color RGB value is (197,145,55). #c59137 color name is Golden Grain color.

#c59137 hex color red value is 197 , green value is 145 and the blue value of its RGB is 55 . Cylindrical-coordinate representations (also known as HSL) of color #c59137 hue: 38 , saturation: 56 and the lightness value of #c59137 is 49

The process color (four color CMYK) of #c59137 color hex is 0 , 10 ,28, 9 .

#c59137

~Golden Grain

Color Converions

HEX
#c59137
RGB
197,145,55
LAB
64,14,53
CMYK
0,26,72,23
LCH
64,55,75
XYZ
34,32,8
HSV
38,72,77
HSL
38,56,49

Base Numbers

Base Red Green Blue
Binary 11000101 10010001 110111
Octal 305 221 67
Decimal 197 145 55
Hex c5 91 37

RGB Percentages of Color #c59137

77%
57%
22%

CMYK Percentages of Color #c59137

0%
28%
10%
9%

Color Variations

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

Shades of #c59137

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

10%
#c59137
20%
#b18332
30%
#9e742c
40%
#8a6527
50%
#765721
60%
#62481b
70%
#4f3a16
80%
#3b2b10
90%
#271d0b
100%
#140e05

Tints of #c59137

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

10%
#c59137
20%
#cb9c4b
30%
#d1a75f
40%
#d6b273
50%
#dcbd87
60%
#e2c89b
70%
#e8d3af
80%
#eedec3
90%
#f3e9d7
100%
#f9f4eb

Tones of #c59137

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

10%
#c59137
20%
#be8f3e
30%
#b78e46
40%
#b08c4d
50%
#a98a54
60%
#a2885b
70%
#9b8763
80%
#94856a
90%
#8d8371
100%
#868178

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.
#c59137
#c55837
#c57537
#c59137
#c5ad37
#c0c537

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#c59137
#376bc5

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#c59137
#4fc537
#5837c5

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#c59137
#37c591
#9137c5

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.
#c59137
#37c54a
#376bc5
#c537b2

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#c59137
#efb043
#1b1408
#453313
#70521f
#9a722b

Blindness simulator

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

Normal

#c59137

protanopia

#ab993c

deuteranopia

#c09139

tritanopia

#ca8791

achromatopsia

#969696

protanomaly

#b5963a

deuteranomaly

#c29138

achromatopsia

#969696

tritanomaly

#c88a70

achromatomaly

#a79473

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 !

#c59137 Color CSS Codes

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

#c59137 Text Font Color

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

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

#c59137 Background Color

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

#c59137 Border Color

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

This div border color is #c59137

#c59137 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #c59137

More Colors

Allium
#9569a3
Antique Parchment
#ead8c1
Evening Shadow
#a1838b
Aubergine Mauve
#3b2741
Garden Gate
#dadcc1
Green 383
#3e3d29
Farina
#dfc38d
Janey's Party
#ceb5c8
Bright Blue
#0165fc
Pink Eraser
#f3a09a
Aluminium Snow
#aeafb4
Banana Flash
#eeff00
Bread Basket
#ab8659
Mountain Range Green
#283123
Gumball
#e7b2d0
Hourglass
#e5e0d5
Marshmallow Fluff
#faf3de
Cavern Echo
#cec3b3
French Diamond
#597191
Alien Abduction
#0cff0c
Cider Spice
#ae8167
Lickedy Lick
#b4496c
Azeitona
#a5b546
Cerebral Grey
#cccccc
Braintree
#65635b
Pinata
#c17a62
Horizon Sky
#c2c3d3
Butterfly Garden
#908aba
Eastlake Gold
#c28e61
Chafed Wheat
#f6e0cf
Gypsum
#eeede4
Grape Purple
#5d1451
Always Almond
#ebe5d2
Heather Moor
#998e8f
Fern Grove
#837b53
Green Blue Slate
#358082
Light Rose
#f4d4d6
Exit Light
#55bb33
Petro Blue
#2f5961
Madder Orange
#f1beb0
rating-img
Rate this tool
NaN/5   0 votes