#9f9586 Color Hex Aluminum

Information about Aluminum Color | #0000FF

#9f9586 color RGB value is (159,149,134). #9f9586 color name is Aluminum color.

#9f9586 hex color red value is 159 , green value is 149 and the blue value of its RGB is 134 . Cylindrical-coordinate representations (also known as HSL) of color #9f9586 hue: 36 , saturation: 12 and the lightness value of #9f9586 is 57

The process color (four color CMYK) of #9f9586 color hex is 0 , 2 ,6, 15 .

#9f9586

~Aluminum

Color Converions

HEX
#9f9586
RGB
159,149,134
LAB
62,2,9
CMYK
0,6,16,38
LCH
62,10,79
XYZ
29,31,27
HSV
36,16,62
HSL
36,12,57

Base Numbers

Base Red Green Blue
Binary 10011111 10010101 10000110
Octal 237 225 206
Decimal 159 149 134
Hex 9f 95 86

RGB Percentages of Color #9f9586

62%
58%
53%

CMYK Percentages of Color #9f9586

0%
6%
2%
15%

Color Variations

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

Shades of #9f9586

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

10%
#9f9586
20%
#8f8679
30%
#7f776b
40%
#6f685e
50%
#5f5950
60%
#4f4b43
70%
#403c36
80%
#302d28
90%
#201e1b
100%
#100f0d

Tints of #9f9586

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

10%
#9f9586
20%
#a9a092
30%
#b2aa9e
40%
#bcb5aa
50%
#c5bfb6
60%
#cfcac3
70%
#d9d5cf
80%
#e2dfdb
90%
#eceae7
100%
#f5f4f3

Tones of #9f9586

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

10%
#9f9586
20%
#9c9385
30%
#999185
40%
#968f84
50%
#928c83
60%
#8f8a83
70%
#8c8882
80%
#898681
90%
#868481
100%
#838280

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.
#9f9586
#9f8b86
#9f9086
#9f9586
#9f9a86
#9f9f86

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#9f9586
#86909f

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#9f9586
#8b9f86
#8b869f

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#9f9586
#869f95
#95869f

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.
#9f9586
#869f88
#86909f
#9f869c

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#9f9586
#c9bdaa
#f4e5ce
#1f1e1b
#4a453e
#746d62

Blindness simulator

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

Normal

#9f9586

protanopia

#9b9485

deuteranopia

#aa8f86

tritanopia

#a1909b

achromatopsia

#969696

protanomaly

#9d9585

deuteranomaly

#a69186

achromatopsia

#969696

tritanomaly

#a09294

achromatomaly

#999690

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 !

#9f9586 Color CSS Codes

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

#9f9586 Text Font Color

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

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

#9f9586 Background Color

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

#9f9586 Border Color

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

This div border color is #9f9586

#9f9586 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #9f9586

More Colors

Makin it Rain
#88bb55
Beach Ball
#efc700
Gold Varnish Brown
#b95e33
Cumquat Cream
#f19b7d
Parakeet Blue
#7eb6ff
Black Mana
#858585
Banana Crepe
#e7d3ad
Club-Mate
#f8de7e
Pier 17 Steel
#647d8e
Misty Beach Cattle
#f1eedf
Lemon Sorbet Yellow
#dcc68e
Eminent Bronze
#7a6841
Blunt
#b5bbc7
Bonne Nuit
#3a4866
Lark Green
#8ac1a1
Deco Rose
#985f68
Green Snow
#9eb788
Mama Africa
#551111
Grain White
#efe3d8
Cavern Clay
#b69981
Noble Tone
#884967
Mischka
#a5a9b2
Cape Jasmine
#ffb95a
Light Orchid Haze
#d6cdd0
Avocado Toast
#90b134
Lewisham
#675a49
Corinthian Pillar
#e1d1b1
Blue Nile
#779fb9
Acid Lime
#badf30
Ghostly Purple
#7b5d92
Essex Blue
#b0ccda
Monkey Madness
#63584c
Ginger Lemon Cake
#f1e991
Orenju Ogon Koi
#ffcda8
Paper Sack
#b4a07a
Cranberry Blue
#7494b1
Neon Green
#39ff14
High Strung
#ac9825
Moonlight Green
#d2e8d8
rating-img
Rate this tool
NaN/5   0 votes