#ad686b hex color

In a RGB color space, hex #ad686b is composed of 67.8% red, 40.8% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.9% magenta, 38.2% yellow and 32.2% black. It has a hue angle of 357.4 degrees, a saturation of 29.6% and a lightness of 54.3%. #ad686b color hex could be obtained by blending #ffd0d6 with #5b0000. Closest websafe color is: #996666.

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

● #ad686b color description : Mostly desaturated dark red.

The hexadecimal color #ad686b has RGB values of R:173, G:104, B:107 and CMYK values of C:0, M:0.4, Y:0.38, K:0.32. Its decimal value is 11364459.

Hex triplet	ad686b	`#ad686b`
RGB Decimal	173, 104, 107	`rgb(173,104,107)`
RGB Percent	67.8, 40.8, 42	`rgb(67.8%,40.8%,42%)`
CMYK	0, 40, 38, 32
HSL	357.4°, 29.6, 54.3	`hsl(357.4,29.6%,54.3%)`
HSV (or HSB)	357.4°, 39.9, 67.8
Web Safe	996666	`#996666`

CIE-LAB	51.665, 28.006, 10.182
XYZ	24.838, 19.848, 16.432
xyY	0.406, 0.325, 19.848
CIE-LCH	51.665, 29.8, 19.98
CIE-LUV	51.665, 46.572, 8.09
Hunter-Lab	44.551, 21.552, 9.317
Binary	10101101, 01101000, 01101011

#ad686b
```
#ad686b rgb(173,104,107)
```
#68adaa
```
#68adaa rgb(104,173,170)
```

Complementary Color

#ad688e
```
#ad688e rgb(173,104,142)
```
#ad686b
```
#ad686b rgb(173,104,107)
```
#ad8868
```
#ad8868 rgb(173,136,104)
```

Analogous Color

#688ead
```
#688ead rgb(104,142,173)
```
#ad686b
```
#ad686b rgb(173,104,107)
```
#68ad88
```
#68ad88 rgb(104,173,136)
```

Split Complementary Color

#686bad
```
#686bad rgb(104,107,173)
```
#ad686b
```
#ad686b rgb(173,104,107)
```
#6bad68
```
#6bad68 rgb(107,173,104)
```

Triadic Color

#aa68ad
```
#aa68ad rgb(170,104,173)
```
#ad686b
```
#ad686b rgb(173,104,107)
```
#6bad68
```
#6bad68 rgb(107,173,104)
```
#68adaa
```
#68adaa rgb(104,173,170)
```

Tetradic Color

#824749
```
#824749 rgb(130,71,73)
```
#925052
```
#925052 rgb(146,80,82)
```
#a3595c
```
#a3595c rgb(163,89,92)
```
#ad686b
```
#ad686b rgb(173,104,107)
```
#b6797b
```
#b6797b rgb(182,121,123)
```
#bf898b
```
#bf898b rgb(191,137,139)
```
#c89a9c
```
#c89a9c rgb(200,154,156)
```

Monochromatic Color

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

#ad687c
```
#ad687c rgb(173,104,124)
```
#ad6877
```
#ad6877 rgb(173,104,119)
```
#ad6871
```
#ad6871 rgb(173,104,113)
```
#ad686b
```
#ad686b rgb(173,104,107)
```
#ad6b68
```
#ad6b68 rgb(173,107,104)
```
#ad7168
```
#ad7168 rgb(173,113,104)
```
#ad7668
```
#ad7668 rgb(173,118,104)
```

Similar Colors

Text with hexadecimal color #ad686b

This text has a font color of #ad686b.

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

#ad686b background color

This paragraph has a background color of #ad686b.

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

#ad686b border color

This element has a border color of #ad686b.

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

CSS codes

.text {color:#ad686b;}

.background {background-color:#ad686b;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0e0808
```
#0e0808 rgb(14,8,8)
```
#1b0f0f
```
#1b0f0f rgb(27,15,15)
```
#281616
```
#281616 rgb(40,22,22)
```
#341c1d
```
#341c1d rgb(52,28,29)
```
#412325
```
#412325 rgb(65,35,37)
```
#4e2a2c
```
#4e2a2c rgb(78,42,44)
```
#5b3133
```
#5b3133 rgb(91,49,51)
```
#67383a
```
#67383a rgb(103,56,58)
```
#743f41
```
#743f41 rgb(116,63,65)
```
#814648
```
#814648 rgb(129,70,72)
```
#8d4d50
```
#8d4d50 rgb(141,77,80)
```
#9a5457
```
#9a5457 rgb(154,84,87)
```

Shade Color Variation

#a65b5f
```
#a65b5f rgb(166,91,95)
```
#ad686b
```
#ad686b rgb(173,104,107)
```
#b47577
```
#b47577 rgb(180,117,119)
```
#bb8184
```
#bb8184 rgb(187,129,132)
```
#c28e90
```
#c28e90 rgb(194,142,144)
```
#c99b9d
```
#c99b9d rgb(201,155,157)
```
#d0a8a9
```
#d0a8a9 rgb(208,168,169)
```
#d6b4b6
```
#d6b4b6 rgb(214,180,182)
```
#ddc1c2
```
#ddc1c2 rgb(221,193,194)
```
#e4cecf
```
#e4cecf rgb(228,206,207)
```
#ebdadb
```
#ebdadb rgb(235,218,219)
```
#f2e7e8
```
#f2e7e8 rgb(242,231,232)
```
#f9f4f4
```
#f9f4f4 rgb(249,244,244)
```

Tint Color Variation

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

#928384
```
#928384 rgb(146,131,132)
```
#9b7a7b
```
#9b7a7b rgb(155,122,123)
```
#a47173
```
#a47173 rgb(164,113,115)
```
#ad686b
```
#ad686b rgb(173,104,107)
```
#b65f63
```
#b65f63 rgb(182,95,99)
```
#bf565b
```
#bf565b rgb(191,86,91)
```
#c84d52
```
#c84d52 rgb(200,77,82)
```
#d1444a
```
#d1444a rgb(209,68,74)
```
#da3b42
```
#da3b42 rgb(218,59,66)
```
#e3323a
```
#e3323a rgb(227,50,58)
```
#ec2932
```
#ec2932 rgb(236,41,50)
```
#f5202a
```
#f5202a rgb(245,32,42)
```
#fe1721
```
#fe1721 rgb(254,23,33)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85817b Protanopia 1% of men
#947d6f Deuteranopia 1% of men
#b16f76 Tritanopia 0.001% of the population

Trichromacy

#947875 Protanomaly 1% of men, 0.01% of women
#9d756d Deuteranomaly 6% of men, 0.4% of women
#af6c72 Tritanomaly 0.01% of the population

#ad686b hex color

#ad686b Color Information

#ad686b Color Conversion

Color Schemes with #ad686b

Alternatives to #ad686b

#ad686b Preview

Shades and Tints of #ad686b

Tones of #ad686b

Color Blindness Simulator