#484848 Color Hex Pig Iron

Information about Pig Iron Color | #0000FF

#484848 color RGB value is (72,72,72). #484848 color name is Pig Iron color.

#484848 hex color red value is 72 , green value is 72 and the blue value of its RGB is 72 . Cylindrical-coordinate representations (also known as HSL) of color #484848 hue: 100 , saturation: 0 and the lightness value of #484848 is 28

The process color (four color CMYK) of #484848 color hex is 0 , 0 ,0, 28 .

#484848

~Pig Iron

Color Converions

HEX
#484848
RGB
72,72,72
LAB
31,0,0
CMYK
0,0,0,72
LCH
31,0,-82
XYZ
6,6,7
HSV
100,0,28
HSL
100,0,28

Base Numbers

Base Red Green Blue
Binary 1001000 1001000 1001000
Octal 110 110 110
Decimal 72 72 72
Hex 48 48 48

RGB Percentages of Color #484848

28%
28%
28%

CMYK Percentages of Color #484848

0%
0%
0%
28%

Color Variations

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

Shades of #484848

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

10%
#484848
20%
#414141
30%
#3a3a3a
40%
#323232
50%
#2b2b2b
60%
#242424
70%
#1d1d1d
80%
#161616
90%
#0e0e0e
100%
#070707

Tints of #484848

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

10%
#484848
20%
#5a5a5a
30%
#6d6d6d
40%
#7f7f7f
50%
#919191
60%
#a4a4a4
70%
#b6b6b6
80%
#c8c8c8
90%
#dadada
100%
#ededed

Tones of #484848

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

10%
#484848
20%
#4e4e4e
30%
#535353
40%
#595959
50%
#5e5e5e
60%
#646464
70%
#696969
80%
#6f6f6f
90%
#747474
100%
#7a7a7a

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.
#484848
#484848
#484848
#484848
#484848
#484848

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#484848
#484848
#484848

Triadic

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

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.
#484848
#484848
#484848
#484848

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#484848
#727272
#9d9d9d
#c7c7c7
#f2f2f2
#1d1d1d

Blindness simulator

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

Normal

#484848

protanopia

#4b4949

deuteranopia

#51474a

tritanopia

#4a494e

achromatopsia

#484848

protanomaly

#4a4949

deuteranomaly

#4d4749

achromatopsia

#484848

tritanomaly

#4a484c

achromatomaly

#484848

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Good 9/21
Hello World ! 9

Black background-color

Poor 2/21
Hello World !

#484848 Color CSS Codes

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

#484848 Text Font Color

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

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

#484848 Background Color

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

#484848 Border Color

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

This div border color is #484848

#484848 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #484848

More Colors

Peach Pink
#ff9a8a
Drenched Rain
#c1d1e2
Amethyst Grey Violet
#9c89a1
Iridescent Turquoise
#7bfdc7
Paper Plane
#f1ece0
Paradise City
#5f7475
Glacial Ice
#eae9e7
Coalmine
#220033
Heirloom Rose
#d182a0
Blue Beads
#5a809e
Pinkish Orange
#ff724c
Astrolabe Reef
#2d96ce
Allura Red
#ed2e38
Celtic Linen
#f5e5ce
Pampas
#eae4dc
Miyazaki Verdant
#6fea3e
Minstrel of the Woods
#118800
Arctic Nights
#345c61
Bright Bluebell
#9da7cf
Ancient Pages
#ddd4ce
Artisan
#8f5c45
Blood Thorn
#b03060
Maple Elixir
#f6d193
Conifer Cone
#885555
Autumn Laurel
#9d8d66
Kid's Stuff
#ed8732
Electric Lavender
#f4bfff
Gold Sparkle
#786b3d
Nasturtium
#fe6347
Pink Clay Pot
#d99294
Duck Egg Cream
#c8e3d2
Dirt Brown
#836539
Glossy Gold
#ffdd77
Fresh Lemonade
#ece678
Bright Winter Cloud
#f5efe8
Key Keeper
#ecd1a5
Juniper
#74918e
Basswood
#c9b196
Oslo Blue
#a6bdbe
rating-img
Rate this tool
NaN/5   0 votes