#bc686d hex color

In a RGB color space, hex #bc686d is composed of 73.7% red, 40.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.7% magenta, 42% yellow and 26.3% black. It has a hue angle of 356.4 degrees, a saturation of 38.5% and a lightness of 57.3%. #bc686d color hex could be obtained by blending #ffd0da with #790000. Closest websafe color is: #cc6666.

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

● #bc686d color description : Slightly desaturated red.

The hexadecimal color #bc686d has RGB values of R:188, G:104, B:109 and CMYK values of C:0, M:0.45, Y:0.42, K:0.26. Its decimal value is 12347501.

Hex triplet	bc686d	`#bc686d`
RGB Decimal	188, 104, 109	`rgb(188,104,109)`
RGB Percent	73.7, 40.8, 42.7	`rgb(73.7%,40.8%,42.7%)`
CMYK	0, 45, 42, 26
HSL	356.4°, 38.5, 57.3	`hsl(356.4,38.5%,57.3%)`
HSV (or HSB)	356.4°, 44.7, 73.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.705, 34.012, 12.157
XYZ	28.45, 21.698, 17.157
xyY	0.423, 0.322, 21.698
CIE-LCH	53.705, 36.119, 19.668
CIE-LUV	53.705, 57.861, 9.339
Hunter-Lab	46.581, 27.504, 10.769
Binary	10111100, 01101000, 01101101

#bc686d
```
#bc686d rgb(188,104,109)
```
#68bcb7
```
#68bcb7 rgb(104,188,183)
```

Complementary Color

#bc6897
```
#bc6897 rgb(188,104,151)
```
#bc686d
```
#bc686d rgb(188,104,109)
```
#bc8d68
```
#bc8d68 rgb(188,141,104)
```

Analogous Color

#6897bc
```
#6897bc rgb(104,151,188)
```
#bc686d
```
#bc686d rgb(188,104,109)
```
#68bc8d
```
#68bc8d rgb(104,188,141)
```

Split Complementary Color

#686dbc
```
#686dbc rgb(104,109,188)
```
#bc686d
```
#bc686d rgb(188,104,109)
```
#6dbc68
```
#6dbc68 rgb(109,188,104)
```

Triadic Color

#b768bc
```
#b768bc rgb(183,104,188)
```
#bc686d
```
#bc686d rgb(188,104,109)
```
#6dbc68
```
#6dbc68 rgb(109,188,104)
```
#68bcb7
```
#68bcb7 rgb(104,188,183)
```

Tetradic Color

#954247
```
#954247 rgb(149,66,71)
```
#a74a50
```
#a74a50 rgb(167,74,80)
```
#b4565c
```
#b4565c rgb(180,86,92)
```
#bc686d
```
#bc686d rgb(188,104,109)
```
#c47a7e
```
#c47a7e rgb(196,122,126)
```
#cc8b8f
```
#cc8b8f rgb(204,139,143)
```
#d49da0
```
#d49da0 rgb(212,157,160)
```

Monochromatic Color

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

#bc6882
```
#bc6882 rgb(188,104,130)
```
#bc687b
```
#bc687b rgb(188,104,123)
```
#bc6874
```
#bc6874 rgb(188,104,116)
```
#bc686d
```
#bc686d rgb(188,104,109)
```
#bc6a68
```
#bc6a68 rgb(188,106,104)
```
#bc7168
```
#bc7168 rgb(188,113,104)
```
#bc7868
```
#bc7868 rgb(188,120,104)
```

Similar Colors

Text with hexadecimal color #bc686d

This text has a font color of #bc686d.

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

#bc686d background color

This paragraph has a background color of #bc686d.

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

#bc686d border color

This element has a border color of #bc686d.

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

CSS codes

.text {color:#bc686d;}

.background {background-color:#bc686d;}

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

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

#0c0506
```
#0c0506 rgb(12,5,6)
```
#1a0b0c
```
#1a0b0c rgb(26,11,12)
```
#271113
```
#271113 rgb(39,17,19)
```
#351719
```
#351719 rgb(53,23,25)
```
#421d20
```
#421d20 rgb(66,29,32)
```
#502326
```
#502326 rgb(80,35,38)
```
#5e2a2d
```
#5e2a2d rgb(94,42,45)
```
#6b3033
```
#6b3033 rgb(107,48,51)
```
#79363a
```
#79363a rgb(121,54,58)
```
#863c40
```
#863c40 rgb(134,60,64)
```
#944247
```
#944247 rgb(148,66,71)
```
#a1484d
```
#a1484d rgb(161,72,77)
```
#af4e53
```
#af4e53 rgb(175,78,83)
```

Shade Color Variation

#b65a60
```
#b65a60 rgb(182,90,96)
```
#bc686d
```
#bc686d rgb(188,104,109)
```
#c2767a
```
#c2767a rgb(194,118,122)
```
#c88387
```
#c88387 rgb(200,131,135)
```
#ce9194
```
#ce9194 rgb(206,145,148)
```
#d49ea2
```
#d49ea2 rgb(212,158,162)
```
#daacaf
```
#daacaf rgb(218,172,175)
```
#e0babc
```
#e0babc rgb(224,186,188)
```
#e6c7c9
```
#e6c7c9 rgb(230,199,201)
```
#ecd5d6
```
#ecd5d6 rgb(236,213,214)
```
#f2e2e3
```
#f2e2e3 rgb(242,226,227)
```
#f8f0f0
```
#f8f0f0 rgb(248,240,240)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#929292
```
#929292 rgb(146,146,146)
```
#9a8a8b
```
#9a8a8b rgb(154,138,139)
```
#a38183
```
#a38183 rgb(163,129,131)
```
#ab797c
```
#ab797c rgb(171,121,124)
```
#b47074
```
#b47074 rgb(180,112,116)
```
#bc686d
```
#bc686d rgb(188,104,109)
```
#c46066
```
#c46066 rgb(196,96,102)
```
#cd575e
```
#cd575e rgb(205,87,94)
```
#d54f57
```
#d54f57 rgb(213,79,87)
```
#de464f
```
#de464f rgb(222,70,79)
```
#e63e48
```
#e63e48 rgb(230,62,72)
```
#ee3641
```
#ee3641 rgb(238,54,65)
```
#f72d39
```
#f72d39 rgb(247,45,57)
```

Tone Color Variation

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

#8b867f Protanopia 1% of men
#9b826f Deuteranopia 1% of men
#bf6f76 Tritanopia 0.001% of the population

Trichromacy

#9c7b78 Protanomaly 1% of men, 0.01% of women
#a7786e Deuteranomaly 6% of men, 0.4% of women
#be6c73 Tritanomaly 0.01% of the population

#bc686d hex color

#bc686d Color Information

#bc686d Color Conversion

Color Schemes with #bc686d

Alternatives to #bc686d

#bc686d Preview

Shades and Tints of #bc686d

Tones of #bc686d

Color Blindness Simulator