#ad685d hex color

In a RGB color space, hex #ad685d is composed of 67.8% red, 40.8% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.9% magenta, 46.2% yellow and 32.2% black. It has a hue angle of 8.2 degrees, a saturation of 32.8% and a lightness of 52.2%. #ad685d color hex could be obtained by blending #ffd0ba with #5b0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 68
- G 41
- B 36
RGB color chart
- C 0
- M 40
- Y 46
- K 32
CMYK color chart

● #ad685d color description : Dark moderate red.

The hexadecimal color #ad685d has RGB values of R:173, G:104, B:93 and CMYK values of C:0, M:0.4, Y:0.46, K:0.32. Its decimal value is 11364445.

Hex triplet	ad685d	`#ad685d`
RGB Decimal	173, 104, 93	`rgb(173,104,93)`
RGB Percent	67.8, 40.8, 36.5	`rgb(67.8%,40.8%,36.5%)`
CMYK	0, 40, 46, 32
HSL	8.2°, 32.8, 52.2	`hsl(8.2,32.8%,52.2%)`
HSV (or HSB)	8.2°, 46.2, 67.8
Web Safe	996666	`#996666`

CIE-LAB	51.355, 26.406, 17.998
XYZ	24.16, 19.577, 12.862
xyY	0.427, 0.346, 19.577
CIE-LCH	51.355, 31.956, 34.279
CIE-LUV	51.355, 48.949, 17.379
Hunter-Lab	44.246, 20.039, 13.737
Binary	10101101, 01101000, 01011101

#ad685d
```
#ad685d rgb(173,104,93)
```
#5da2ad
```
#5da2ad rgb(93,162,173)
```

Complementary Color

#ad5d7a
```
#ad5d7a rgb(173,93,122)
```
#ad685d
```
#ad685d rgb(173,104,93)
```
#ad905d
```
#ad905d rgb(173,144,93)
```

Analogous Color

#5d7aad
```
#5d7aad rgb(93,122,173)
```
#ad685d
```
#ad685d rgb(173,104,93)
```
#5dad90
```
#5dad90 rgb(93,173,144)
```

Split Complementary Color

#685dad
```
#685dad rgb(104,93,173)
```
#ad685d
```
#ad685d rgb(173,104,93)
```
#5dad68
```
#5dad68 rgb(93,173,104)
```

Triadic Color

#ad5da2
```
#ad5da2 rgb(173,93,162)
```
#ad685d
```
#ad685d rgb(173,104,93)
```
#5dad68
```
#5dad68 rgb(93,173,104)
```
#5da2ad
```
#5da2ad rgb(93,162,173)
```

Tetradic Color

#7e4840
```
#7e4840 rgb(126,72,64)
```
#8f5248
```
#8f5248 rgb(143,82,72)
```
#a05c51
```
#a05c51 rgb(160,92,81)
```
#ad685d
```
#ad685d rgb(173,104,93)
```
#b6786e
```
#b6786e rgb(182,120,110)
```
#be887f
```
#be887f rgb(190,136,127)
```
#c79790
```
#c79790 rgb(199,151,144)
```

Monochromatic Color

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

#ad5d66
```
#ad5d66 rgb(173,93,102)
```
#ad5d5f
```
#ad5d5f rgb(173,93,95)
```
#ad615d
```
#ad615d rgb(173,97,93)
```
#ad685d
```
#ad685d rgb(173,104,93)
```
#ad6f5d
```
#ad6f5d rgb(173,111,93)
```
#ad755d
```
#ad755d rgb(173,117,93)
```
#ad7c5d
```
#ad7c5d rgb(173,124,93)
```

Similar Colors

Text with hexadecimal color #ad685d

This text has a font color of #ad685d.

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

#ad685d background color

This paragraph has a background color of #ad685d.

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

#ad685d border color

This element has a border color of #ad685d.

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

CSS codes

.text {color:#ad685d;}

.background {background-color:#ad685d;}

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

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

#070404
```
#070404 rgb(7,4,4)
```
#140c0a
```
#140c0a rgb(20,12,10)
```
#211311
```
#211311 rgb(33,19,17)
```
#2e1b17
```
#2e1b17 rgb(46,27,23)
```
#3b221e
```
#3b221e rgb(59,34,30)
```
#482a25
```
#482a25 rgb(72,42,37)
```
#55312b
```
#55312b rgb(85,49,43)
```
#623932
```
#623932 rgb(98,57,50)
```
#6f4038
```
#6f4038 rgb(111,64,56)
```
#7d473f
```
#7d473f rgb(125,71,63)
```
#8a4f46
```
#8a4f46 rgb(138,79,70)
```
#97564c
```
#97564c rgb(151,86,76)
```
#a45e53
```
#a45e53 rgb(164,94,83)
```

Shade Color Variation

#ad685d
```
#ad685d rgb(173,104,93)
```
#b4746a
```
#b4746a rgb(180,116,106)
```
#ba8077
```
#ba8077 rgb(186,128,119)
```
#c18c84
```
#c18c84 rgb(193,140,132)
```
#c79991
```
#c79991 rgb(199,153,145)
```
#cea59e
```
#cea59e rgb(206,165,158)
```
#d5b1ab
```
#d5b1ab rgb(213,177,171)
```
#dbbdb8
```
#dbbdb8 rgb(219,189,184)
```
#e2c9c5
```
#e2c9c5 rgb(226,201,197)
```
#e8d5d2
```
#e8d5d2 rgb(232,213,210)
```
#efe1df
```
#efe1df rgb(239,225,223)
```
#f6eeec
```
#f6eeec rgb(246,238,236)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#878383
```
#878383 rgb(135,131,131)
```
#917c79
```
#917c79 rgb(145,124,121)
```
#9a7670
```
#9a7670 rgb(154,118,112)
```
#a46f66
```
#a46f66 rgb(164,111,102)
```
#ad685d
```
#ad685d rgb(173,104,93)
```
#b66154
```
#b66154 rgb(182,97,84)
```
#c05a4a
```
#c05a4a rgb(192,90,74)
```
#c95441
```
#c95441 rgb(201,84,65)
```
#d34d37
```
#d34d37 rgb(211,77,55)
```
#dc462e
```
#dc462e rgb(220,70,46)
```
#e53f25
```
#e53f25 rgb(229,63,37)
```
#ef381b
```
#ef381b rgb(239,56,27)
```
#f83212
```
#f83212 rgb(248,50,18)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88806c Protanopia 1% of men
#977c62 Deuteranopia 1% of men
#b26d74 Tritanopia 0.001% of the population

Trichromacy

#957767 Protanomaly 1% of men, 0.01% of women
#9f7460 Deuteranomaly 6% of men, 0.4% of women
#b06b6c Tritanomaly 0.01% of the population

#ad685d hex color

#ad685d Color Information

#ad685d Color Conversion

Color Schemes with #ad685d

Alternatives to #ad685d

#ad685d Preview

Shades and Tints of #ad685d

Tones of #ad685d

Color Blindness Simulator