#bda686 hex color

In a RGB color space, hex #bda686 is composed of 74.1% red, 65.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.2% magenta, 29.1% yellow and 25.9% black. It has a hue angle of 34.9 degrees, a saturation of 29.4% and a lightness of 63.3%. #bda686 color hex could be obtained by blending #ffffff with #7b4d0d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 74
- G 65
- B 53
RGB color chart
- C 0
- M 12
- Y 29
- K 26
CMYK color chart

● #bda686 color description : Slightly desaturated orange.

The hexadecimal color #bda686 has RGB values of R:189, G:166, B:134 and CMYK values of C:0, M:0.12, Y:0.29, K:0.26. Its decimal value is 12428934.

Hex triplet	bda686	`#bda686`
RGB Decimal	189, 166, 134	`rgb(189,166,134)`
RGB Percent	74.1, 65.1, 52.5	`rgb(74.1%,65.1%,52.5%)`
CMYK	0, 12, 29, 26
HSL	34.9°, 29.4, 63.3	`hsl(34.9,29.4%,63.3%)`
HSV (or HSB)	34.9°, 29.1, 74.1
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.336, 3.478, 19.666
XYZ	38.925, 39.813, 28.187
xyY	0.364, 0.372, 39.813
CIE-LCH	69.336, 19.971, 79.97
CIE-LUV	69.336, 16.409, 26.01
Hunter-Lab	63.098, -0.304, 17.682
Binary	10111101, 10100110, 10000110

#bda686
```
#bda686 rgb(189,166,134)
```
#869dbd
```
#869dbd rgb(134,157,189)
```

Complementary Color

#bd8b86
```
#bd8b86 rgb(189,139,134)
```
#bda686
```
#bda686 rgb(189,166,134)
```
#b9bd86
```
#b9bd86 rgb(185,189,134)
```

Analogous Color

#8b86bd
```
#8b86bd rgb(139,134,189)
```
#bda686
```
#bda686 rgb(189,166,134)
```
#86b9bd
```
#86b9bd rgb(134,185,189)
```

Split Complementary Color

#a686bd
```
#a686bd rgb(166,134,189)
```
#bda686
```
#bda686 rgb(189,166,134)
```
#86bda6
```
#86bda6 rgb(134,189,166)
```

Triadic Color

#bd869d
```
#bd869d rgb(189,134,157)
```
#bda686
```
#bda686 rgb(189,166,134)
```
#86bda6
```
#86bda6 rgb(134,189,166)
```
#869dbd
```
#869dbd rgb(134,157,189)
```

Tetradic Color

#a08157
```
#a08157 rgb(160,129,87)
```
#ab8e65
```
#ab8e65 rgb(171,142,101)
```
#b49a76
```
#b49a76 rgb(180,154,118)
```
#bda686
```
#bda686 rgb(189,166,134)
```
#c6b297
```
#c6b297 rgb(198,178,151)
```
#cfbea7
```
#cfbea7 rgb(207,190,167)
```
#d8cab8
```
#d8cab8 rgb(216,202,184)
```

Monochromatic Color

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

#bd9886
```
#bd9886 rgb(189,152,134)
```
#bd9d86
```
#bd9d86 rgb(189,157,134)
```
#bda186
```
#bda186 rgb(189,161,134)
```
#bda686
```
#bda686 rgb(189,166,134)
```
#bdab86
```
#bdab86 rgb(189,171,134)
```
#bdaf86
```
#bdaf86 rgb(189,175,134)
```
#bdb486
```
#bdb486 rgb(189,180,134)
```

Similar Colors

Text with hexadecimal color #bda686

This text has a font color of #bda686.

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

#bda686 background color

This paragraph has a background color of #bda686.

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

#bda686 border color

This element has a border color of #bda686.

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

CSS codes

.text {color:#bda686;}

.background {background-color:#bda686;}

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

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

#060503
```
#060503 rgb(6,5,3)
```
#130f0a
```
#130f0a rgb(19,15,10)
```
#1f1911
```
#1f1911 rgb(31,25,17)
```
#2c2418
```
#2c2418 rgb(44,36,24)
```
#392e1f
```
#392e1f rgb(57,46,31)
```
#453826
```
#453826 rgb(69,56,38)
```
#52422d
```
#52422d rgb(82,66,45)
```
#5f4d34
```
#5f4d34 rgb(95,77,52)
```
#6b573b
```
#6b573b rgb(107,87,59)
```
#786142
```
#786142 rgb(120,97,66)
```
#856c48
```
#856c48 rgb(133,108,72)
```
#92764f
```
#92764f rgb(146,118,79)
```
#9e8056
```
#9e8056 rgb(158,128,86)
```

Shade Color Variation

#a88a60
```
#a88a60 rgb(168,138,96)
```
#af936d
```
#af936d rgb(175,147,109)
```
#b69d79
```
#b69d79 rgb(182,157,121)
```
#bda686
```
#bda686 rgb(189,166,134)
```
#c4af93
```
#c4af93 rgb(196,175,147)
```
#cbb99f
```
#cbb99f rgb(203,185,159)
```
#d2c2ac
```
#d2c2ac rgb(210,194,172)
```
#d9cbb9
```
#d9cbb9 rgb(217,203,185)
```
#e0d5c5
```
#e0d5c5 rgb(224,213,197)
```
#e7ded2
```
#e7ded2 rgb(231,222,210)
```
#ede7df
```
#ede7df rgb(237,231,223)
```
#f4f1ec
```
#f4f1ec rgb(244,241,236)
```
#fbfaf8
```
#fbfaf8 rgb(251,250,248)
```

Tint Color Variation

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

#a7a29c
```
#a7a29c rgb(167,162,156)
```
#afa494
```
#afa494 rgb(175,164,148)
```
#b6a58d
```
#b6a58d rgb(182,165,141)
```
#bda686
```
#bda686 rgb(189,166,134)
```
#c4a77f
```
#c4a77f rgb(196,167,127)
```
#cba878
```
#cba878 rgb(203,168,120)
```
#d3aa70
```
#d3aa70 rgb(211,170,112)
```
#daab69
```
#daab69 rgb(218,171,105)
```
#e1ac62
```
#e1ac62 rgb(225,172,98)
```
#e8ad5b
```
#e8ad5b rgb(232,173,91)
```
#efae54
```
#efae54 rgb(239,174,84)
```
#f7af4c
```
#f7af4c rgb(247,175,76)
```
#feb145
```
#feb145 rgb(254,177,69)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#ada8a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ad8d Protanopia 1% of men
#c9a78d Deuteranopia 1% of men
#c5a5b1 Tritanopia 0.001% of the population

Trichromacy

#b9aa8a Protanomaly 1% of men, 0.01% of women
#c4a68a Deuteranomaly 6% of men, 0.4% of women
#c2a5a1 Tritanomaly 0.01% of the population

#bda686 hex color

#bda686 Color Information

#bda686 Color Conversion

Color Schemes with #bda686

Alternatives to #bda686

#bda686 Preview

Shades and Tints of #bda686

Tones of #bda686

Color Blindness Simulator