#ac7f48 Color Hex Medieval Gold

Information about Medieval Gold Color | #0000FF

#ac7f48 color RGB value is (172,127,72). #ac7f48 color name is Medieval Gold color.

#ac7f48 hex color red value is 172 , green value is 127 and the blue value of its RGB is 72 . Cylindrical-coordinate representations (also known as HSL) of color #ac7f48 hue: 33 , saturation: 41 and the lightness value of #ac7f48 is 48

The process color (four color CMYK) of #ac7f48 color hex is 0 , 10 ,23, 13 .

#ac7f48

~Medieval Gold

Color Converions

HEX
#ac7f48
RGB
172,127,72
LAB
57,13,37
CMYK
0,26,58,33
LCH
57,39,70
XYZ
26,24,9
HSV
33,58,67
HSL
33,41,48

Base Numbers

Base Red Green Blue
Binary 10101100 1111111 1001000
Octal 254 177 110
Decimal 172 127 72
Hex ac 7f 48

RGB Percentages of Color #ac7f48

67%
50%
28%

CMYK Percentages of Color #ac7f48

0%
23%
10%
13%

Color Variations

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

Shades of #ac7f48

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

10%
#ac7f48
20%
#9b7241
30%
#8a663a
40%
#785932
50%
#674c2b
60%
#564024
70%
#45331d
80%
#342616
90%
#22190e
100%
#110d07

Tints of #ac7f48

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

10%
#ac7f48
20%
#b48c5a
30%
#bd996d
40%
#c5a57f
50%
#cdb291
60%
#d6bfa4
70%
#deccb6
80%
#e6d9c8
90%
#eee5da
100%
#f7f2ed

Tones of #ac7f48

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

10%
#ac7f48
20%
#a87f4e
30%
#a37f53
40%
#9f7f59
50%
#9a7f5e
60%
#967f64
70%
#917f69
80%
#8d7f6f
90%
#887f74
100%
#847f7a

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.
#ac7f48
#ac5748
#ac6b48
#ac7f48
#ac9348
#aca748

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#ac7f48
#4875ac

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ac7f48
#61ac48
#5748ac

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ac7f48
#48ac7f
#7f48ac

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.
#ac7f48
#48ac4d
#4875ac
#ac48a7

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#ac7f48
#d69e5a
#020101
#2c2113
#574024
#816036

Blindness simulator

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

Normal

#ac7f48

protanopia

#94864c

deuteranopia

#a68049

tritanopia

#b07780

achromatopsia

#858585

protanomaly

#9d844b

deuteranomaly

#a88049

achromatopsia

#858585

tritanomaly

#ae7a6c

achromatomaly

#93836f

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

#ac7f48 Color CSS Codes

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

#ac7f48 Text Font Color

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

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

#ac7f48 Background Color

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

#ac7f48 Border Color

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

This div border color is #ac7f48

#ac7f48 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #ac7f48

More Colors

Copper Pink
#946877
Dark Forest
#556962
Midsummer's Dream
#b4d0d9
Berry Syrup
#64537c
Down Pour
#43718b
Pac-Man
#ffe737
Breakaway Blue
#424d60
Baked Ham
#eec8bc
Grandis
#ffcd73
Mariana Trench
#445956
Braintree
#65635b
Mauve
#e0b0ff
Cigar
#7d4e38
Linseed
#b0a895
Choo Choo
#867578
Friar's Brown
#5e5241
Bright Loam
#c1b9aa
Cinnamon Diamonds
#a97673
Harvest Eve Gold
#da9100
Daemonette Hide
#696684
Killer Fog
#c9d2d1
Kyuri Green
#4b5d16
Ice Grey
#cac7c4
Blue Gossamer
#cdd7df
Cupid's Revenge
#eedcdf
Morning Mist Grey
#ada7b9
Daddy-O
#b0af8a
Peace of Mind
#c1875f
Pea Aubergine Green
#7c9865
Ghost Town
#beb6a8
Nearsighted
#c8d5dd
God-Given
#faf4e0
Lapis on Neptune
#1f22d2
Mellow Mango
#cc4400
Halloween Orange
#eb6123
Light Lilac
#dcc6d2
Placebo Orange
#fcf5eb
Parma Violet
#55455a
Arresting Auburn
#5a3532
Pastel Moon Creme
#fff5d9
rating-img
Rate this tool
NaN/5   0 votes