#bd685f hex color

In a RGB color space, hex #bd685f is composed of 74.1% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 49.7% yellow and 25.9% black. It has a hue angle of 5.7 degrees, a saturation of 41.6% and a lightness of 55.7%. #bd685f color hex could be obtained by blending #ffd0be with #7b0000. Closest websafe color is: #cc6666.

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

● #bd685f color description : Slightly desaturated red.

The hexadecimal color #bd685f has RGB values of R:189, G:104, B:95 and CMYK values of C:0, M:0.45, Y:0.5, K:0.26. Its decimal value is 12413023.

Hex triplet	bd685f	`#bd685f`
RGB Decimal	189, 104, 95	`rgb(189,104,95)`
RGB Percent	74.1, 40.8, 37.3	`rgb(74.1%,40.8%,37.3%)`
CMYK	0, 45, 50, 26
HSL	5.7°, 41.6, 55.7	`hsl(5.7,41.6%,55.7%)`
HSV (or HSB)	5.7°, 49.7, 74.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.544, 32.945, 20.149
XYZ	28.003, 21.548, 13.51
xyY	0.444, 0.342, 21.548
CIE-LCH	53.544, 38.618, 31.45
CIE-LUV	53.544, 61.313, 18.584
Hunter-Lab	46.42, 26.446, 15.238
Binary	10111101, 01101000, 01011111

#bd685f
```
#bd685f rgb(189,104,95)
```
#5fb4bd
```
#5fb4bd rgb(95,180,189)
```

Complementary Color

#bd5f85
```
#bd5f85 rgb(189,95,133)
```
#bd685f
```
#bd685f rgb(189,104,95)
```
#bd975f
```
#bd975f rgb(189,151,95)
```

Analogous Color

#5f85bd
```
#5f85bd rgb(95,133,189)
```
#bd685f
```
#bd685f rgb(189,104,95)
```
#5fbd97
```
#5fbd97 rgb(95,189,151)
```

Split Complementary Color

#685fbd
```
#685fbd rgb(104,95,189)
```
#bd685f
```
#bd685f rgb(189,104,95)
```
#5fbd68
```
#5fbd68 rgb(95,189,104)
```

Triadic Color

#bd5fb4
```
#bd5fb4 rgb(189,95,180)
```
#bd685f
```
#bd685f rgb(189,104,95)
```
#5fbd68
```
#5fbd68 rgb(95,189,104)
```
#5fb4bd
```
#5fb4bd rgb(95,180,189)
```

Tetradic Color

#93453d
```
#93453d rgb(147,69,61)
```
#a54d44
```
#a54d44 rgb(165,77,68)
```
#b6574d
```
#b6574d rgb(182,87,77)
```
#bd685f
```
#bd685f rgb(189,104,95)
```
#c47971
```
#c47971 rgb(196,121,113)
```
#cc8a83
```
#cc8a83 rgb(204,138,131)
```
#d39b95
```
#d39b95 rgb(211,155,149)
```

Monochromatic Color

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

#bd5f6e
```
#bd5f6e rgb(189,95,110)
```
#bd5f66
```
#bd5f66 rgb(189,95,102)
```
#bd605f
```
#bd605f rgb(189,96,95)
```
#bd685f
```
#bd685f rgb(189,104,95)
```
#bd705f
```
#bd705f rgb(189,112,95)
```
#bd785f
```
#bd785f rgb(189,120,95)
```
#bd805f
```
#bd805f rgb(189,128,95)
```

Similar Colors

Text with hexadecimal color #bd685f

This text has a font color of #bd685f.

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

#bd685f background color

This paragraph has a background color of #bd685f.

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

#bd685f border color

This element has a border color of #bd685f.

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

CSS codes

.text {color:#bd685f;}

.background {background-color:#bd685f;}

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

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

#070303
```
#070303 rgb(7,3,3)
```
#150a08
```
#150a08 rgb(21,10,8)
```
#22100e
```
#22100e rgb(34,16,14)
```
#301714
```
#301714 rgb(48,23,20)
```
#3e1d1a
```
#3e1d1a rgb(62,29,26)
```
#4c241f
```
#4c241f rgb(76,36,31)
```
#5a2a25
```
#5a2a25 rgb(90,42,37)
```
#68312b
```
#68312b rgb(104,49,43)
```
#763731
```
#763731 rgb(118,55,49)
```
#843e36
```
#843e36 rgb(132,62,54)
```
#92443c
```
#92443c rgb(146,68,60)
```
#9f4b42
```
#9f4b42 rgb(159,75,66)
```
#ad5147
```
#ad5147 rgb(173,81,71)
```

Shade Color Variation

#b75b51
```
#b75b51 rgb(183,91,81)
```
#bd685f
```
#bd685f rgb(189,104,95)
```
#c3756d
```
#c3756d rgb(195,117,109)
```
#c8827b
```
#c8827b rgb(200,130,123)
```
#ce8f89
```
#ce8f89 rgb(206,143,137)
```
#d49c97
```
#d49c97 rgb(212,156,151)
```
#daaaa4
```
#daaaa4 rgb(218,170,164)
```
#dfb7b2
```
#dfb7b2 rgb(223,183,178)
```
#e5c4c0
```
#e5c4c0 rgb(229,196,192)
```
#ebd1ce
```
#ebd1ce rgb(235,209,206)
```
#f1dedc
```
#f1dedc rgb(241,222,220)
```
#f6ebea
```
#f6ebea rgb(246,235,234)
```
#fcf8f8
```
#fcf8f8 rgb(252,248,248)
```

Tint Color Variation

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

#928b8a
```
#928b8a rgb(146,139,138)
```
#9a8482
```
#9a8482 rgb(154,132,130)
```
#a37d79
```
#a37d79 rgb(163,125,121)
```
#ac7670
```
#ac7670 rgb(172,118,112)
```
#b46f68
```
#b46f68 rgb(180,111,104)
```
#bd685f
```
#bd685f rgb(189,104,95)
```
#c66156
```
#c66156 rgb(198,97,86)
```
#ce5a4e
```
#ce5a4e rgb(206,90,78)
```
#d75345
```
#d75345 rgb(215,83,69)
```
#e04c3c
```
#e04c3c rgb(224,76,60)
```
#e84534
```
#e84534 rgb(232,69,52)
```
#f13e2b
```
#f13e2b rgb(241,62,43)
```
#fa3722
```
#fa3722 rgb(250,55,34)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8c7b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8670 Protanopia 1% of men
#9e8162 Deuteranopia 1% of men
#c16d74 Tritanopia 0.001% of the population

Trichromacy

#9e7b6a Protanomaly 1% of men, 0.01% of women
#a97861 Deuteranomaly 6% of men, 0.4% of women
#bf6b6c Tritanomaly 0.01% of the population

#bd685f hex color

#bd685f Color Information

#bd685f Color Conversion

Color Schemes with #bd685f

Alternatives to #bd685f

#bd685f Preview

Shades and Tints of #bd685f

Tones of #bd685f

Color Blindness Simulator