#bd686c hex color

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

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

● #bd686c color description : Slightly desaturated red.

The hexadecimal color #bd686c has RGB values of R:189, G:104, B:108 and CMYK values of C:0, M:0.45, Y:0.43, K:0.26. Its decimal value is 12413036.

Hex triplet	bd686c	`#bd686c`
RGB Decimal	189, 104, 108	`rgb(189,104,108)`
RGB Percent	74.1, 40.8, 42.4	`rgb(74.1%,40.8%,42.4%)`
CMYK	0, 45, 43, 26
HSL	357.2°, 39.2, 57.5	`hsl(357.2,39.2%,57.5%)`
HSV (or HSB)	357.2°, 45, 74.1
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.819, 34.281, 12.923
XYZ	28.644, 21.804, 16.887
xyY	0.425, 0.324, 21.804
CIE-LCH	53.819, 36.635, 20.655
CIE-LUV	53.819, 58.847, 10.195
Hunter-Lab	46.695, 27.78, 11.245
Binary	10111101, 01101000, 01101100

#bd686c
```
#bd686c rgb(189,104,108)
```
#68bdb9
```
#68bdb9 rgb(104,189,185)
```

Complementary Color

#bd6897
```
#bd6897 rgb(189,104,151)
```
#bd686c
```
#bd686c rgb(189,104,108)
```
#bd8f68
```
#bd8f68 rgb(189,143,104)
```

Analogous Color

#6897bd
```
#6897bd rgb(104,151,189)
```
#bd686c
```
#bd686c rgb(189,104,108)
```
#68bd8f
```
#68bd8f rgb(104,189,143)
```

Split Complementary Color

#686cbd
```
#686cbd rgb(104,108,189)
```
#bd686c
```
#bd686c rgb(189,104,108)
```
#6cbd68
```
#6cbd68 rgb(108,189,104)
```

Triadic Color

#b968bd
```
#b968bd rgb(185,104,189)
```
#bd686c
```
#bd686c rgb(189,104,108)
```
#6cbd68
```
#6cbd68 rgb(108,189,104)
```
#68bdb9
```
#68bdb9 rgb(104,189,185)
```

Tetradic Color

#974246
```
#974246 rgb(151,66,70)
```
#a84a4e
```
#a84a4e rgb(168,74,78)
```
#b5565b
```
#b5565b rgb(181,86,91)
```
#bd686c
```
#bd686c rgb(189,104,108)
```
#c57a7d
```
#c57a7d rgb(197,122,125)
```
#cd8b8f
```
#cd8b8f rgb(205,139,143)
```
#d49da0
```
#d49da0 rgb(212,157,160)
```

Monochromatic Color

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

#bd6881
```
#bd6881 rgb(189,104,129)
```
#bd687a
```
#bd687a rgb(189,104,122)
```
#bd6873
```
#bd6873 rgb(189,104,115)
```
#bd686c
```
#bd686c rgb(189,104,108)
```
#bd6b68
```
#bd6b68 rgb(189,107,104)
```
#bd7268
```
#bd7268 rgb(189,114,104)
```
#bd7968
```
#bd7968 rgb(189,121,104)
```

Similar Colors

Text with hexadecimal color #bd686c

This text has a font color of #bd686c.

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

#bd686c background color

This paragraph has a background color of #bd686c.

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

#bd686c border color

This element has a border color of #bd686c.

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

CSS codes

.text {color:#bd686c;}

.background {background-color:#bd686c;}

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

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)
```
#1a0c0c
```
#1a0c0c rgb(26,12,12)
```
#281213
```
#281213 rgb(40,18,19)
```
#361719
```
#361719 rgb(54,23,25)
```
#431d1f
```
#431d1f rgb(67,29,31)
```
#512326
```
#512326 rgb(81,35,38)
```
#5f292c
```
#5f292c rgb(95,41,44)
```
#6c2f32
```
#6c2f32 rgb(108,47,50)
```
#7a3539
```
#7a3539 rgb(122,53,57)
```
#883b3f
```
#883b3f rgb(136,59,63)
```
#954145
```
#954145 rgb(149,65,69)
```
#a3474c
```
#a3474c rgb(163,71,76)
```
#b14d52
```
#b14d52 rgb(177,77,82)
```

Shade Color Variation

#b75a5f
```
#b75a5f rgb(183,90,95)
```
#bd686c
```
#bd686c rgb(189,104,108)
```
#c37679
```
#c37679 rgb(195,118,121)
```
#c98387
```
#c98387 rgb(201,131,135)
```
#cf9194
```
#cf9194 rgb(207,145,148)
```
#d59fa1
```
#d59fa1 rgb(213,159,161)
```
#dbacae
```
#dbacae rgb(219,172,174)
```
#e1babc
```
#e1babc rgb(225,186,188)
```
#e7c8c9
```
#e7c8c9 rgb(231,200,201)
```
#edd5d6
```
#edd5d6 rgb(237,213,214)
```
#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 #f72e37 is the most saturated one.

#939292
```
#939292 rgb(147,146,146)
```
#9c898a
```
#9c898a rgb(156,137,138)
```
#a48183
```
#a48183 rgb(164,129,131)
```
#ac797b
```
#ac797b rgb(172,121,123)
```
#b57074
```
#b57074 rgb(181,112,116)
```
#bd686c
```
#bd686c rgb(189,104,108)
```
#c56064
```
#c56064 rgb(197,96,100)
```
#ce575d
```
#ce575d rgb(206,87,93)
```
#d64f55
```
#d64f55 rgb(214,79,85)
```
#de474e
```
#de474e rgb(222,71,78)
```
#e73e46
```
#e73e46 rgb(231,62,70)
```
#ef363f
```
#ef363f rgb(239,54,63)
```
#f72e37
```
#f72e37 rgb(247,46,55)
```

Tone Color Variation

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

#8b867e Protanopia 1% of men
#9c826e Deuteranopia 1% of men
#c06f76 Tritanopia 0.001% of the population

Trichromacy

#9d7b77 Protanomaly 1% of men, 0.01% of women
#a8786d Deuteranomaly 6% of men, 0.4% of women
#bf6c72 Tritanomaly 0.01% of the population

#bd686c hex color

#bd686c Color Information

#bd686c Color Conversion

Color Schemes with #bd686c

Alternatives to #bd686c

#bd686c Preview

Shades and Tints of #bd686c

Tones of #bd686c

Color Blindness Simulator