#bd686f hex color

In a RGB color space, hex #bd686f is composed of 74.1% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 41.3% yellow and 25.9% black. It has a hue angle of 355.1 degrees, a saturation of 39.2% and a lightness of 57.5%. #bd686f color hex could be obtained by blending #ffd0de with #7b0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 74
- G 41
- B 44
RGB color chart
- C 0
- M 45
- Y 41
- K 26
CMYK color chart

● #bd686f color description : Slightly desaturated red.

The hexadecimal color #bd686f has RGB values of R:189, G:104, B:111 and CMYK values of C:0, M:0.45, Y:0.41, K:0.26. Its decimal value is 12413039.

Hex triplet	bd686f	`#bd686f`
RGB Decimal	189, 104, 111	`rgb(189,104,111)`
RGB Percent	74.1, 40.8, 43.5	`rgb(74.1%,40.8%,43.5%)`
CMYK	0, 45, 41, 26
HSL	355.1°, 39.2, 57.5	`hsl(355.1,39.2%,57.5%)`
HSV (or HSB)	355.1°, 45, 74.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.888, 34.614, 11.257
XYZ	28.806, 21.869, 17.742
xyY	0.421, 0.32, 21.869
CIE-LCH	53.888, 36.399, 18.015
CIE-LUV	53.888, 58.249, 8.152
Hunter-Lab	46.764, 28.115, 10.241
Binary	10111101, 01101000, 01101111

#bd686f
```
#bd686f rgb(189,104,111)
```
#68bdb6
```
#68bdb6 rgb(104,189,182)
```

Complementary Color

#bd689a
```
#bd689a rgb(189,104,154)
```
#bd686f
```
#bd686f rgb(189,104,111)
```
#bd8c68
```
#bd8c68 rgb(189,140,104)
```

Analogous Color

#689abd
```
#689abd rgb(104,154,189)
```
#bd686f
```
#bd686f rgb(189,104,111)
```
#68bd8c
```
#68bd8c rgb(104,189,140)
```

Split Complementary Color

#686fbd
```
#686fbd rgb(104,111,189)
```
#bd686f
```
#bd686f rgb(189,104,111)
```
#6fbd68
```
#6fbd68 rgb(111,189,104)
```

Triadic Color

#b668bd
```
#b668bd rgb(182,104,189)
```
#bd686f
```
#bd686f rgb(189,104,111)
```
#6fbd68
```
#6fbd68 rgb(111,189,104)
```
#68bdb6
```
#68bdb6 rgb(104,189,182)
```

Tetradic Color

#974249
```
#974249 rgb(151,66,73)
```
#a84a51
```
#a84a51 rgb(168,74,81)
```
#b5565e
```
#b5565e rgb(181,86,94)
```
#bd686f
```
#bd686f rgb(189,104,111)
```
#c57a80
```
#c57a80 rgb(197,122,128)
```
#cd8b91
```
#cd8b91 rgb(205,139,145)
```
#d49da2
```
#d49da2 rgb(212,157,162)
```

Monochromatic Color

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

#bd6884
```
#bd6884 rgb(189,104,132)
```
#bd687d
```
#bd687d rgb(189,104,125)
```
#bd6876
```
#bd6876 rgb(189,104,118)
```
#bd686f
```
#bd686f rgb(189,104,111)
```
#bd6868
```
#bd6868 rgb(189,104,104)
```
#bd6f68
```
#bd6f68 rgb(189,111,104)
```
#bd7668
```
#bd7668 rgb(189,118,104)
```

Similar Colors

Text with hexadecimal color #bd686f

This text has a font color of #bd686f.

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

#bd686f background color

This paragraph has a background color of #bd686f.

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

#bd686f border color

This element has a border color of #bd686f.

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

CSS codes

.text {color:#bd686f;}

.background {background-color:#bd686f;}

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

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, #0d0606 is the darkest color, while #fffefe is the lightest one.

#0d0606
```
#0d0606 rgb(13,6,6)
```
#1a0c0d
```
#1a0c0d rgb(26,12,13)
```
#281213
```
#281213 rgb(40,18,19)
```
#36171a
```
#36171a rgb(54,23,26)
```
#431d21
```
#431d21 rgb(67,29,33)
```
#512327
```
#512327 rgb(81,35,39)
```
#5f292e
```
#5f292e rgb(95,41,46)
```
#6c2f34
```
#6c2f34 rgb(108,47,52)
```
#7a353b
```
#7a353b rgb(122,53,59)
```
#883b42
```
#883b42 rgb(136,59,66)
```
#954148
```
#954148 rgb(149,65,72)
```
#a3474f
```
#a3474f rgb(163,71,79)
```
#b14d55
```
#b14d55 rgb(177,77,85)
```

Shade Color Variation

#b75a62
```
#b75a62 rgb(183,90,98)
```
#bd686f
```
#bd686f rgb(189,104,111)
```
#c3767c
```
#c3767c rgb(195,118,124)
```
#c98389
```
#c98389 rgb(201,131,137)
```
#cf9196
```
#cf9196 rgb(207,145,150)
```
#d59fa3
```
#d59fa3 rgb(213,159,163)
```
#dbacb0
```
#dbacb0 rgb(219,172,176)
```
#e1babd
```
#e1babd rgb(225,186,189)
```
#e7c8ca
```
#e7c8ca rgb(231,200,202)
```
#edd5d7
```
#edd5d7 rgb(237,213,215)
```
#f3e3e4
```
#f3e3e4 rgb(243,227,228)
```
#f9f0f1
```
#f9f0f1 rgb(249,240,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#939292
```
#939292 rgb(147,146,146)
```
#9c898b
```
#9c898b rgb(156,137,139)
```
#a48184
```
#a48184 rgb(164,129,132)
```
#ac797d
```
#ac797d rgb(172,121,125)
```
#b57076
```
#b57076 rgb(181,112,118)
```
#bd686f
```
#bd686f rgb(189,104,111)
```
#c56068
```
#c56068 rgb(197,96,104)
```
#ce5761
```
#ce5761 rgb(206,87,97)
```
#d64f5a
```
#d64f5a rgb(214,79,90)
```
#de4753
```
#de4753 rgb(222,71,83)
```
#e73e4c
```
#e73e4c rgb(231,62,76)
```
#ef3645
```
#ef3645 rgb(239,54,69)
```
#f72e3e
```
#f72e3e rgb(247,46,62)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8e7d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8681 Protanopia 1% of men
#9b8271 Deuteranopia 1% of men
#c06f77 Tritanopia 0.001% of the population

Trichromacy

#9d7b7a Protanomaly 1% of men, 0.01% of women
#a77870 Deuteranomaly 6% of men, 0.4% of women
#bf6c74 Tritanomaly 0.01% of the population

#bd686f hex color

#bd686f Color Information

#bd686f Color Conversion

Color Schemes with #bd686f

Alternatives to #bd686f

#bd686f Preview

Shades and Tints of #bd686f

Tones of #bd686f

Color Blindness Simulator