#ad5f48 hex color

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

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

● #ad5f48 color description : Dark moderate red.

The hexadecimal color #ad5f48 has RGB values of R:173, G:95, B:72 and CMYK values of C:0, M:0.45, Y:0.58, K:0.32. Its decimal value is 11362120.

Hex triplet	ad5f48	`#ad5f48`
RGB Decimal	173, 95, 72	`rgb(173,95,72)`
RGB Percent	67.8, 37.3, 28.2	`rgb(67.8%,37.3%,28.2%)`
CMYK	0, 45, 58, 32
HSL	13.7°, 41.2, 48	`hsl(13.7,41.2%,48%)`
HSV (or HSB)	13.7°, 58.4, 67.8
Web Safe	996633	`#996633`

CIE-LAB	48.931, 29.409, 27.044
XYZ	22.496, 17.538, 8.331
xyY	0.465, 0.363, 17.538
CIE-LCH	48.931, 39.953, 42.601
CIE-LUV	48.931, 58.461, 25.391
Hunter-Lab	41.879, 22.597, 17.52
Binary	10101101, 01011111, 01001000

#ad5f48
```
#ad5f48 rgb(173,95,72)
```
#4896ad
```
#4896ad rgb(72,150,173)
```

Complementary Color

#ad4864
```
#ad4864 rgb(173,72,100)
```
#ad5f48
```
#ad5f48 rgb(173,95,72)
```
#ad9248
```
#ad9248 rgb(173,146,72)
```

Analogous Color

#4864ad
```
#4864ad rgb(72,100,173)
```
#ad5f48
```
#ad5f48 rgb(173,95,72)
```
#48ad92
```
#48ad92 rgb(72,173,146)
```

Split Complementary Color

#5f48ad
```
#5f48ad rgb(95,72,173)
```
#ad5f48
```
#ad5f48 rgb(173,95,72)
```
#48ad5f
```
#48ad5f rgb(72,173,95)
```

Triadic Color

#ad4896
```
#ad4896 rgb(173,72,150)
```
#ad5f48
```
#ad5f48 rgb(173,95,72)
```
#48ad5f
```
#48ad5f rgb(72,173,95)
```
#4896ad
```
#4896ad rgb(72,150,173)
```

Tetradic Color

#774132
```
#774132 rgb(119,65,50)
```
#894b39
```
#894b39 rgb(137,75,57)
```
#9b5541
```
#9b5541 rgb(155,85,65)
```
#ad5f48
```
#ad5f48 rgb(173,95,72)
```
#b96c56
```
#b96c56 rgb(185,108,86)
```
#c07c68
```
#c07c68 rgb(192,124,104)
```
#c88c7a
```
#c88c7a rgb(200,140,122)
```

Monochromatic Color

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

#ad484a
```
#ad484a rgb(173,72,74)
```
#ad4e48
```
#ad4e48 rgb(173,78,72)
```
#ad5748
```
#ad5748 rgb(173,87,72)
```
#ad5f48
```
#ad5f48 rgb(173,95,72)
```
#ad6748
```
#ad6748 rgb(173,103,72)
```
#ad7048
```
#ad7048 rgb(173,112,72)
```
#ad7848
```
#ad7848 rgb(173,120,72)
```

Similar Colors

Text with hexadecimal color #ad5f48

This text has a font color of #ad5f48.

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

#ad5f48 background color

This paragraph has a background color of #ad5f48.

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

#ad5f48 border color

This element has a border color of #ad5f48.

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

CSS codes

.text {color:#ad5f48;}

.background {background-color:#ad5f48;}

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

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, #070403 is the darkest color, while #fcf9f8 is the lightest one.

#070403
```
#070403 rgb(7,4,3)
```
#150b09
```
#150b09 rgb(21,11,9)
```
#22130e
```
#22130e rgb(34,19,14)
```
#301b14
```
#301b14 rgb(48,27,20)
```
#3e221a
```
#3e221a rgb(62,34,26)
```
#4c2a20
```
#4c2a20 rgb(76,42,32)
```
#5a3125
```
#5a3125 rgb(90,49,37)
```
#68392b
```
#68392b rgb(104,57,43)
```
#764131
```
#764131 rgb(118,65,49)
```
#834837
```
#834837 rgb(131,72,55)
```
#91503c
```
#91503c rgb(145,80,60)
```
#9f5742
```
#9f5742 rgb(159,87,66)
```
#ad5f48
```
#ad5f48 rgb(173,95,72)
```

Shade Color Variation

#b76952
```
#b76952 rgb(183,105,82)
```
#bd7560
```
#bd7560 rgb(189,117,96)
```
#c2816d
```
#c2816d rgb(194,129,109)
```
#c88d7b
```
#c88d7b rgb(200,141,123)
```
#ce9989
```
#ce9989 rgb(206,153,137)
```
#d4a597
```
#d4a597 rgb(212,165,151)
```
#d9b1a5
```
#d9b1a5 rgb(217,177,165)
```
#dfbdb3
```
#dfbdb3 rgb(223,189,179)
```
#e5c9c1
```
#e5c9c1 rgb(229,201,193)
```
#ebd5ce
```
#ebd5ce rgb(235,213,206)
```
#f1e1dc
```
#f1e1dc rgb(241,225,220)
```
#f6edea
```
#f6edea rgb(246,237,234)
```
#fcf9f8
```
#fcf9f8 rgb(252,249,248)
```

Tint Color Variation

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

#7e7977
```
#7e7977 rgb(126,121,119)
```
#87746e
```
#87746e rgb(135,116,110)
```
#916e64
```
#916e64 rgb(145,110,100)
```
#9a695b
```
#9a695b rgb(154,105,91)
```
#a46451
```
#a46451 rgb(164,100,81)
```
#ad5f48
```
#ad5f48 rgb(173,95,72)
```
#b65a3f
```
#b65a3f rgb(182,90,63)
```
#c05535
```
#c05535 rgb(192,85,53)
```
#c9502c
```
#c9502c rgb(201,80,44)
```
#d34a22
```
#d34a22 rgb(211,74,34)
```
#dc4519
```
#dc4519 rgb(220,69,25)
```
#e6400f
```
#e6400f rgb(230,64,15)
```
#ef3b06
```
#ef3b06 rgb(239,59,6)
```

Tone Color Variation

Below, you can see how #ad5f48 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

#747474 Achromatopsia 0.005% of the population
#7f706b Atypical Achromatopsia 0.001% of the population

Dichromacy

#847b59 Protanopia 1% of men
#94764d Deuteranopia 1% of men
#b3636a Tritanopia 0.001% of the population

Trichromacy

#937152 Protanomaly 1% of men, 0.01% of women
#9d6d4b Deuteranomaly 6% of men, 0.4% of women
#b0625d Tritanomaly 0.01% of the population

#ad5f48 hex color

#ad5f48 Color Information

#ad5f48 Color Conversion

Color Schemes with #ad5f48

Alternatives to #ad5f48

#ad5f48 Preview

Shades and Tints of #ad5f48

Tones of #ad5f48

Color Blindness Simulator