#a46f44 Color Hex Meerkat

Information about Meerkat Color | #0000FF

#a46f44 color RGB value is (164,111,68). #a46f44 color name is Meerkat color.

#a46f44 hex color red value is 164 , green value is 111 and the blue value of its RGB is 68 . Cylindrical-coordinate representations (also known as HSL) of color #a46f44 hue: 27 , saturation: 41 and the lightness value of #a46f44 is 45

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

#a46f44

~Meerkat

Color Converions

HEX
#a46f44
RGB
164,111,68
LAB
52,18,33
CMYK
0,32,59,36
LCH
52,37,61
XYZ
22,20,8
HSV
27,59,64
HSL
27,41,45

Base Numbers

Base Red Green Blue
Binary 10100100 1101111 1000100
Octal 244 157 104
Decimal 164 111 68
Hex a4 6f 44

RGB Percentages of Color #a46f44

64%
44%
27%

CMYK Percentages of Color #a46f44

0%
23%
13%
14%

Color Variations

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

Shades of #a46f44

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

10%
#a46f44
20%
#94643d
30%
#835936
40%
#734e30
50%
#624329
60%
#523822
70%
#422c1b
80%
#312114
90%
#21160e
100%
#100b07

Tints of #a46f44

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

10%
#a46f44
20%
#ad7d57
30%
#b68c69
40%
#bf9a7c
50%
#c8a98f
60%
#d1b7a2
70%
#dbc5b4
80%
#e4d4c7
90%
#ede2da
100%
#f6f1ec

Tones of #a46f44

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

10%
#a46f44
20%
#a0714a
30%
#9d7250
40%
#997456
50%
#95765c
60%
#927762
70%
#8e7968
80%
#8a7b6e
90%
#877c74
100%
#837e7a

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.
#a46f44
#a44944
#a45c44
#a46f44
#a48244
#a49544

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#a46f44
#4479a4

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a46f44
#66a444
#4944a4

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#a46f44
#44a46f
#6f44a4

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.
#a46f44
#49a444
#4479a4
#9f44a4

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#a46f44
#ce8c56
#f9a967
#24190f
#4f3521
#795232

Blindness simulator

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

Normal

#a46f44

protanopia

#867a4a

deuteranopia

#967444

tritanopia

#a66971

achromatopsia

#777777

protanomaly

#917648

deuteranomaly

#9b7244

achromatopsia

#777777

tritanomaly

#a56b61

achromatomaly

#877465

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 !

#a46f44 Color CSS Codes

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

#a46f44 Text Font Color

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

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

#a46f44 Background Color

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

#a46f44 Border Color

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

This div border color is #a46f44

#a46f44 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #a46f44

More Colors

Billiard Table
#155843
Chutney Brown
#a97765
Carafe
#5d473a
Award Winning White
#fef0de
Fairy Sparkles
#b0e0f7
Blue Darknut
#0078f8
Bread Flavour
#dcd6d2
Farmyard
#a6917d
Natural Linen
#ecdfcf
Aegean Sea
#508fa2
Bleached Jade
#e2e6d1
Obstinate Orange
#d7552a
Litewood
#e5dfcf
Hot Caramel
#cc6e3b
Machu Picchu Gardens
#99bb33
Distinctive Lack of Hue
#141513
Pistachio Tang
#d7d2b8
Lol Yellow
#e7cd8b
Belyi White
#f0f1e1
Black Suede
#434342
Annular
#e17861
Fall Leaves
#c17a3c
Hidden Waters
#225258
Big Bus Yellow
#ffda8b
Délicieux au Chocolat
#412010
Dull Teal
#5f9e8f
Honeycomb
#ddaa11
Booger Buster
#00ff77
Cameo Cream
#f3e2c3
Emoji Yellow
#ffde34
Offshore Mist
#cad8d8
Light Eggshell Pink
#d9d2c9
Giant's Club
#b05c52
Nature
#bfd5b3
Grassy Green
#419c03
Oregon Grape
#49354e
Nautical Creatures
#295c7a
High Tea
#7f6f57
Berry Chalk
#a6aebb
Dark Cherry Mocha
#774d41
rating-img
Rate this tool
NaN/5   0 votes