#a5a391 Color Hex Cement

Information about Cement Color | #0000FF

#a5a391 color RGB value is (165,163,145). #a5a391 color name is Cement color.

#a5a391 hex color red value is 165 , green value is 163 and the blue value of its RGB is 145 . Cylindrical-coordinate representations (also known as HSL) of color #a5a391 hue: 54 , saturation: 10 and the lightness value of #a5a391 is 61

The process color (four color CMYK) of #a5a391 color hex is 0 , 0 ,5, 14 .

#a5a391

~Cement

Color Converions

HEX
#a5a391
RGB
165,163,145
LAB
67,-2,10
CMYK
0,1,12,35
LCH
67,10,100
XYZ
34,36,32
HSV
54,12,65
HSL
54,10,61

Base Numbers

Base Red Green Blue
Binary 10100101 10100011 10010001
Octal 245 243 221
Decimal 165 163 145
Hex a5 a3 91

RGB Percentages of Color #a5a391

65%
64%
57%

CMYK Percentages of Color #a5a391

0%
5%
0%
14%

Color Variations

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

Shades of #a5a391

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

10%
#a5a391
20%
#959383
30%
#848274
40%
#747265
50%
#636257
60%
#535148
70%
#42413a
80%
#32312b
90%
#21211d
100%
#11100e

Tints of #a5a391

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

10%
#a5a391
20%
#aeac9c
30%
#b7b5a7
40%
#c0bfb2
50%
#c9c8bd
60%
#d2d1c8
70%
#dbdad3
80%
#e4e3de
90%
#edede9
100%
#f6f6f4

Tones of #a5a391

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

10%
#a5a391
20%
#a19f8f
30%
#9e9c8e
40%
#9a988c
50%
#96958a
60%
#929188
70%
#8f8e87
80%
#8b8a85
90%
#878783
100%
#838381

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.
#a5a391
#a59b91
#a59f91
#a5a391
#a3a591
#9fa591

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#a5a391
#9193a5

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a5a391
#91a593
#9b91a5

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#a5a391
#91a5a3
#a391a5

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.
#a5a391
#91a599
#9193a5
#a5919d

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#a5a391
#cfcdb6
#faf7dc
#252521
#504f46
#7a796c

Blindness simulator

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

Normal

#a5a391

protanopia

#a8a08f

deuteranopia

#b79b92

tritanopia

#a89eaa

achromatopsia

#a2a2a2

protanomaly

#a7a190

deuteranomaly

#b09e91

achromatopsia

#a2a2a2

tritanomaly

#a7a0a1

achromatomaly

#a3a29c

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

#a5a391 Color CSS Codes

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

#a5a391 Text Font Color

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

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

#a5a391 Background Color

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

#a5a391 Border Color

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

This div border color is #a5a391

#a5a391 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #a5a391

More Colors

Bianca
#f4efe0
Ginger Cream
#efe0d7
Orchilla
#938ea9
Limetta
#8e9a21
Minotaur Red
#734b42
Barely Brown
#dd6655
Piglet
#ffc0c6
Lifeless Planet
#e6d699
Compliment
#9e91ae
Macaroni and Cheese
#ffb97b
Hereford Bull
#5f3b36
Idyllic Pink
#c89eb7
Open Sesame
#f8e2a9
Cyprus Spring
#acb7b0
Air Castle
#d7d1e9
Melrose
#c3b9dd
Bluebell
#333399
Forged Iron
#48464a
Crunchy Carrot
#ea5013
Bear in Mind
#5b4a44
Mirage Grey
#abafae
Embarcadero
#5d4643
Martian Cerulean
#57958b
Empire Yellow
#f7d000
Buster
#3e4b69
Greenish Grey
#96ae8d
Minified Maroon
#e5dbda
Mt Burleigh
#597766
Cream Gold
#dec05f
Fresh Start
#cfd4a4
Bussell Lace
#e5a1a0
Phantom Ship
#2f3434
Hidden Forest
#4f5a51
Bayberry
#255958
Cascade Beige
#e7dbca
Brandywine Spritz
#e69dad
Lavender Bonnet
#9994c0
Mother Nature
#bde1c4
Alizarin Crimson
#e32636
Pattypan
#edb80f
rating-img
Rate this tool
NaN/5   0 votes