#ab685a hex color

In a RGB color space, hex #ab685a is composed of 67.1% red, 40.8% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 47.4% yellow and 32.9% black. It has a hue angle of 10.4 degrees, a saturation of 32.5% and a lightness of 51.2%. #ab685a color hex could be obtained by blending #ffd0b4 with #570000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 67
- G 41
- B 35
RGB color chart
- C 0
- M 39
- Y 47
- K 33
CMYK color chart

● #ab685a color description : Dark moderate red.

The hexadecimal color #ab685a has RGB values of R:171, G:104, B:90 and CMYK values of C:0, M:0.39, Y:0.47, K:0.33. Its decimal value is 11233370.

Hex triplet	ab685a	`#ab685a`
RGB Decimal	171, 104, 90	`rgb(171,104,90)`
RGB Percent	67.1, 40.8, 35.3	`rgb(67.1%,40.8%,35.3%)`
CMYK	0, 39, 47, 33
HSL	10.4°, 32.5, 51.2	`hsl(10.4,32.5%,51.2%)`
HSV (or HSB)	10.4°, 47.4, 67.1
Web Safe	996666	`#996666`

CIE-LAB	51.034, 25.281, 19.277
XYZ	23.591, 19.298, 12.155
xyY	0.429, 0.351, 19.298
CIE-LCH	51.034, 31.792, 37.325
CIE-LUV	51.034, 47.855, 18.957
Hunter-Lab	43.93, 18.979, 14.346
Binary	10101011, 01101000, 01011010

#ab685a
```
#ab685a rgb(171,104,90)
```
#5a9dab
```
#5a9dab rgb(90,157,171)
```

Complementary Color

#ab5a75
```
#ab5a75 rgb(171,90,117)
```
#ab685a
```
#ab685a rgb(171,104,90)
```
#ab915a
```
#ab915a rgb(171,145,90)
```

Analogous Color

#5a75ab
```
#5a75ab rgb(90,117,171)
```
#ab685a
```
#ab685a rgb(171,104,90)
```
#5aab91
```
#5aab91 rgb(90,171,145)
```

Split Complementary Color

#685aab
```
#685aab rgb(104,90,171)
```
#ab685a
```
#ab685a rgb(171,104,90)
```
#5aab68
```
#5aab68 rgb(90,171,104)
```

Triadic Color

#ab5a9d
```
#ab5a9d rgb(171,90,157)
```
#ab685a
```
#ab685a rgb(171,104,90)
```
#5aab68
```
#5aab68 rgb(90,171,104)
```
#5a9dab
```
#5a9dab rgb(90,157,171)
```

Tetradic Color

#7a493e
```
#7a493e rgb(122,73,62)
```
#8b5347
```
#8b5347 rgb(139,83,71)
```
#9c5d4f
```
#9c5d4f rgb(156,93,79)
```
#ab685a
```
#ab685a rgb(171,104,90)
```
#b4776b
```
#b4776b rgb(180,119,107)
```
#bc877c
```
#bc877c rgb(188,135,124)
```
#c5968d
```
#c5968d rgb(197,150,141)
```

Monochromatic Color

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

#ab5a60
```
#ab5a60 rgb(171,90,96)
```
#ab5b5a
```
#ab5b5a rgb(171,91,90)
```
#ab615a
```
#ab615a rgb(171,97,90)
```
#ab685a
```
#ab685a rgb(171,104,90)
```
#ab6f5a
```
#ab6f5a rgb(171,111,90)
```
#ab765a
```
#ab765a rgb(171,118,90)
```
#ab7c5a
```
#ab7c5a rgb(171,124,90)
```

Similar Colors

Text with hexadecimal color #ab685a

This text has a font color of #ab685a.

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

#ab685a background color

This paragraph has a background color of #ab685a.

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

#ab685a border color

This element has a border color of #ab685a.

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

CSS codes

.text {color:#ab685a;}

.background {background-color:#ab685a;}

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

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

#040202
```
#040202 rgb(4,2,2)
```
#110a09
```
#110a09 rgb(17,10,9)
```
#1e120f
```
#1e120f rgb(30,18,15)
```
#2b1a16
```
#2b1a16 rgb(43,26,22)
```
#38211c
```
#38211c rgb(56,33,28)
```
#452923
```
#452923 rgb(69,41,35)
```
#52312a
```
#52312a rgb(82,49,42)
```
#5f3830
```
#5f3830 rgb(95,56,48)
```
#6c4037
```
#6c4037 rgb(108,64,55)
```
#79483e
```
#79483e rgb(121,72,62)
```
#865044
```
#865044 rgb(134,80,68)
```
#93574b
```
#93574b rgb(147,87,75)
```
#a05f51
```
#a05f51 rgb(160,95,81)
```

Shade Color Variation

#ab685a
```
#ab685a rgb(171,104,90)
```
#b27467
```
#b27467 rgb(178,116,103)
```
#b88074
```
#b88074 rgb(184,128,116)
```
#bf8c81
```
#bf8c81 rgb(191,140,129)
```
#c5988e
```
#c5988e rgb(197,152,142)
```
#cca39b
```
#cca39b rgb(204,163,155)
```
#d3afa8
```
#d3afa8 rgb(211,175,168)
```
#d9bbb5
```
#d9bbb5 rgb(217,187,181)
```
#e0c7c2
```
#e0c7c2 rgb(224,199,194)
```
#e7d3cf
```
#e7d3cf rgb(231,211,207)
```
#eddfdc
```
#eddfdc rgb(237,223,220)
```
#f4ebe9
```
#f4ebe9 rgb(244,235,233)
```
#faf7f6
```
#faf7f6 rgb(250,247,246)
```

Tint Color Variation

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

#858180
```
#858180 rgb(133,129,128)
```
#8e7b77
```
#8e7b77 rgb(142,123,119)
```
#98756d
```
#98756d rgb(152,117,109)
```
#a16e64
```
#a16e64 rgb(161,110,100)
```
#ab685a
```
#ab685a rgb(171,104,90)
```
#b56250
```
#b56250 rgb(181,98,80)
```
#be5b47
```
#be5b47 rgb(190,91,71)
```
#c8553d
```
#c8553d rgb(200,85,61)
```
#d14f34
```
#d14f34 rgb(209,79,52)
```
#db492a
```
#db492a rgb(219,73,42)
```
#e44221
```
#e44221 rgb(228,66,33)
```
#ee3c17
```
#ee3c17 rgb(238,60,23)
```
#f8360d
```
#f8360d rgb(248,54,13)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#847674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#878069 Protanopia 1% of men
#977b5f Deuteranopia 1% of men
#b06d74 Tritanopia 0.001% of the population

Trichromacy

#947763 Protanomaly 1% of men, 0.01% of women
#9e745d Deuteranomaly 6% of men, 0.4% of women
#ae6b6a Tritanomaly 0.01% of the population

#ab685a hex color

#ab685a Color Information

#ab685a Color Conversion

Color Schemes with #ab685a

Alternatives to #ab685a

#ab685a Preview

Shades and Tints of #ab685a

Tones of #ab685a

Color Blindness Simulator