The most popular colors

#bf3eff , #ff0000 , #1004dd , #ffffff , #333333 , #000000 , #ee6363 , #7ac5cd , #1298f1 , #cd3333

#AD4848
(173,72,72)

#AD4848 Color Hex


#AD4848 is being represented by the (173,72,72) RGB color.
It means that the #AD4848 hex color has a Red value of 173, a Green value of 72 and a Blue value of 72.
In adition, #AD4848 hex color can also be represented as HSL color. The HSL color that represent the #AD4848 has a Heu: 0.00, saturation: 0.41 and a lightness value of AD4848 is 0.48.

The #AD4848 hex color has one more representation that worth mention - the 4 color CMYK, also known as the process color. The #AD4848 process color has the following vslues: 0.00, 0.58, 0.58 and 0.32.
As you can probebly understand alredy, there are many ways to represent the #AD4848 hex color with all kinds of strange numbers but the buttom line here is that the #AD4848 hex color consist mainly from the blue color.

#AD4848 Color Conversion


HEX#AD4848
RGB Decimal173, 72, 72
RGB Percent67.8% Red, 28.2% Green, 28.2% Blue
Web Safe#993333
HSL0.00, 0.41, 0.48
HSV0.0, 58.4, 67.8
CMYK0.00, 0.58, 0.58   0.32
CMYK Percent0% Cyan, 58% Magenta, 58% Yellow, 32% Black
XYZ20.7206, 13.9868, 7.7385
YXY13.9868, 0.4882, 0.3295
Hunter Lab37.3989, 33.4485, 13.9111
CIE-Lab44.2140, 41.3817, 20.9730
CMY0.3216, 0.7176, 0.7176
CIE-Luv44.2140, 74.0352, 15.9620
Binary10101101, 1001000, 1001000
Octal255, 110, 110
Complementary RGB72, 173, 173
Complementary Hex#48ADAD

Color Picker

CSS Codes Example of #AD4848 Color


#AD4848 Color CSS Codes

.text {color:#AD4848;}
.background {background-color:#AD4848;}
.border {border:1px solid #AD4848;}
.textShadowHex {text-shadow: 4px 4px 2px #AD4848;}

#AD4848 Text Font Color

<span style="color:#AD4848;">Text</span>

#AD4848 Background Color

<div style="background-color:#AD4848;">Content here</div>

This div background color is #AD4848


#AD4848 Border Color

<div style="border:1px solid #AD4848;">Content here</div>

This div border color is #AD4848


Css3 Examples

<span style="text-shadow: 4px 4px 2px #AD4848;">Text here</span>

Text Shadow with RGB Values

<p style="text-shadow:4px 4px 2px rgba(173,72,72, 0.8);">Text</p>

This text has shadow with rgb values.


Text Shadow with Hex Values

<span style="text-shadow: 4px 4px 2px #AD4848;">Text here</span>

This text has shadow with hex values.


Div Box Shadow

<div style="box-shadow: 1px 1px 3px 2px #AD4848;">Content here</div>
This div box has shadow with color #AD4848

Shades and Tints of #AD4848


#AD4848 Color Preview


#AD4848 Color Preview on White Background:

Example on White Background

#AD4848 Color Preview on Black Background:

Example on Black Background

Color Schemes


Analogous Color

Split Complementary Color

Complementary Color

Do you have any other meaning for this color?
share it! tell us what you have on this special color:



Top