#ad4f48 hex color

In a RGB color space, hex #ad4f48 is composed of 67.8% red, 31% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 58.4% yellow and 32.2% black. It has a hue angle of 4.2 degrees, a saturation of 41.2% and a lightness of 48%. #ad4f48 color hex could be obtained by blending #ff9e90 with #5b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 68
- G 31
- B 28
RGB color chart
- C 0
- M 54
- Y 58
- K 32
CMYK color chart

● #ad4f48 color description : Dark moderate red.

The hexadecimal color #ad4f48 has RGB values of R:173, G:79, B:72 and CMYK values of C:0, M:0.54, Y:0.58, K:0.32. Its decimal value is 11358024.

Hex triplet	ad4f48	`#ad4f48`
RGB Decimal	173, 79, 72	`rgb(173,79,72)`
RGB Percent	67.8, 31, 28.2	`rgb(67.8%,31%,28.2%)`
CMYK	0, 54, 58, 32
HSL	4.2°, 41.2, 48	`hsl(4.2,41.2%,48%)`
HSV (or HSB)	4.2°, 58.4, 67.8
Web Safe	996633	`#996633`

CIE-LAB	45.56, 37.882, 22.725
XYZ	21.2, 14.946, 7.899
xyY	0.481, 0.339, 14.946
CIE-LCH	45.56, 44.175, 30.959
CIE-LUV	45.56, 69.474, 18.689
Hunter-Lab	38.66, 30.228, 14.948
Binary	10101101, 01001111, 01001000

#ad4f48
```
#ad4f48 rgb(173,79,72)
```
#48a6ad
```
#48a6ad rgb(72,166,173)
```

Complementary Color

#ad4874
```
#ad4874 rgb(173,72,116)
```
#ad4f48
```
#ad4f48 rgb(173,79,72)
```
#ad8248
```
#ad8248 rgb(173,130,72)
```

Analogous Color

#4874ad
```
#4874ad rgb(72,116,173)
```
#ad4f48
```
#ad4f48 rgb(173,79,72)
```
#48ad82
```
#48ad82 rgb(72,173,130)
```

Split Complementary Color

#4f48ad
```
#4f48ad rgb(79,72,173)
```
#ad4f48
```
#ad4f48 rgb(173,79,72)
```
#48ad4f
```
#48ad4f rgb(72,173,79)
```

Triadic Color

#ad48a6
```
#ad48a6 rgb(173,72,166)
```
#ad4f48
```
#ad4f48 rgb(173,79,72)
```
#48ad4f
```
#48ad4f rgb(72,173,79)
```
#48a6ad
```
#48a6ad rgb(72,166,173)
```

Tetradic Color

#773632
```
#773632 rgb(119,54,50)
```
#893f39
```
#893f39 rgb(137,63,57)
```
#9b4741
```
#9b4741 rgb(155,71,65)
```
#ad4f48
```
#ad4f48 rgb(173,79,72)
```
#b95d56
```
#b95d56 rgb(185,93,86)
```
#c06e68
```
#c06e68 rgb(192,110,104)
```
#c87f7a
```
#c87f7a rgb(200,127,122)
```

Monochromatic Color

Below, you can see some colors close to #ad4f48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ad485a
```
#ad485a rgb(173,72,90)
```
#ad4852
```
#ad4852 rgb(173,72,82)
```
#ad4849
```
#ad4849 rgb(173,72,73)
```
#ad4f48
```
#ad4f48 rgb(173,79,72)
```
#ad5748
```
#ad5748 rgb(173,87,72)
```
#ad6048
```
#ad6048 rgb(173,96,72)
```
#ad6848
```
#ad6848 rgb(173,104,72)
```

Similar Colors

Text with hexadecimal color #ad4f48

This text has a font color of #ad4f48.

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

#ad4f48 background color

This paragraph has a background color of #ad4f48.

<p style="background-color:#ad4f48;">Content here</p>

#ad4f48 border color

This element has a border color of #ad4f48.

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

CSS codes

.text {color:#ad4f48;}

.background {background-color:#ad4f48;}

.border {border:1px solid #ad4f48;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #070303 is the darkest color, while #fcf8f8 is the lightest one.

#070303
```
#070303 rgb(7,3,3)
```
#150909
```
#150909 rgb(21,9,9)
```
#22100e
```
#22100e rgb(34,16,14)
```
#301614
```
#301614 rgb(48,22,20)
```
#3e1c1a
```
#3e1c1a rgb(62,28,26)
```
#4c2320
```
#4c2320 rgb(76,35,32)
```
#5a2925
```
#5a2925 rgb(90,41,37)
```
#682f2b
```
#682f2b rgb(104,47,43)
```
#763631
```
#763631 rgb(118,54,49)
```
#833c37
```
#833c37 rgb(131,60,55)
```
#91423c
```
#91423c rgb(145,66,60)
```
#9f4942
```
#9f4942 rgb(159,73,66)
```
#ad4f48
```
#ad4f48 rgb(173,79,72)
```

Shade Color Variation

#b75952
```
#b75952 rgb(183,89,82)
```
#bd6660
```
#bd6660 rgb(189,102,96)
```
#c2736d
```
#c2736d rgb(194,115,109)
```
#c8817b
```
#c8817b rgb(200,129,123)
```
#ce8e89
```
#ce8e89 rgb(206,142,137)
```
#d49b97
```
#d49b97 rgb(212,155,151)
```
#d9a8a5
```
#d9a8a5 rgb(217,168,165)
```
#dfb6b3
```
#dfb6b3 rgb(223,182,179)
```
#e5c3c1
```
#e5c3c1 rgb(229,195,193)
```
#ebd0ce
```
#ebd0ce rgb(235,208,206)
```
#f1dedc
```
#f1dedc rgb(241,222,220)
```
#f6ebea
```
#f6ebea rgb(246,235,234)
```
#fcf8f8
```
#fcf8f8 rgb(252,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7877 is the less saturated color, while #ef1606 is the most saturated one.

#7e7877
```
#7e7877 rgb(126,120,119)
```
#876f6e
```
#876f6e rgb(135,111,110)
```
#916764
```
#916764 rgb(145,103,100)
```
#9a5f5b
```
#9a5f5b rgb(154,95,91)
```
#a45751
```
#a45751 rgb(164,87,81)
```
#ad4f48
```
#ad4f48 rgb(173,79,72)
```
#b6473f
```
#b6473f rgb(182,71,63)
```
#c03f35
```
#c03f35 rgb(192,63,53)
```
#c9372c
```
#c9372c rgb(201,55,44)
```
#d32f22
```
#d32f22 rgb(211,47,34)
```
#dc2619
```
#dc2619 rgb(220,38,25)
```
#e61e0f
```
#e61e0f rgb(230,30,15)
```
#ef1606
```
#ef1606 rgb(239,22,6)
```

Tone Color Variation

Below, you can see how #ad4f48 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#6a6a6a Achromatopsia 0.005% of the population
#776563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a735c Protanopia 1% of men
#8a6e4c Deuteranopia 1% of men
#b1565b Tritanopia 0.001% of the population

Trichromacy

#8c6654 Protanomaly 1% of men, 0.01% of women
#96634a Deuteranomaly 6% of men, 0.4% of women
#b05354 Tritanomaly 0.01% of the population

#ad4f48 hex color

#ad4f48 Color Information

#ad4f48 Color Conversion

Color Schemes with #ad4f48

Alternatives to #ad4f48

#ad4f48 Preview

Shades and Tints of #ad4f48

Tones of #ad4f48

Color Blindness Simulator