#bc686f hex color

In a RGB color space, hex #bc686f is composed of 73.7% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.7% magenta, 41% yellow and 26.3% black. It has a hue angle of 355 degrees, a saturation of 38.5% and a lightness of 57.3%. #bc686f color hex could be obtained by blending #ffd0de with #790000. 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

● #bc686f color description : Slightly desaturated red.

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

Hex triplet	bc686f	`#bc686f`
RGB Decimal	188, 104, 111	`rgb(188,104,111)`
RGB Percent	73.7, 40.8, 43.5	`rgb(73.7%,40.8%,43.5%)`
CMYK	0, 45, 41, 26
HSL	355°, 38.5, 57.3	`hsl(355,38.5%,57.3%)`
HSV (or HSB)	355°, 44.7, 73.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.752, 34.237, 11.046
XYZ	28.559, 21.742, 17.731
xyY	0.42, 0.32, 21.742
CIE-LCH	53.752, 35.975, 17.882
CIE-LUV	53.752, 57.464, 7.97
Hunter-Lab	46.628, 27.73, 10.094
Binary	10111100, 01101000, 01101111

#bc686f
```
#bc686f rgb(188,104,111)
```
#68bcb5
```
#68bcb5 rgb(104,188,181)
```

Complementary Color

#bc6899
```
#bc6899 rgb(188,104,153)
```
#bc686f
```
#bc686f rgb(188,104,111)
```
#bc8b68
```
#bc8b68 rgb(188,139,104)
```

Analogous Color

#6899bc
```
#6899bc rgb(104,153,188)
```
#bc686f
```
#bc686f rgb(188,104,111)
```
#68bc8b
```
#68bc8b rgb(104,188,139)
```

Split Complementary Color

#686fbc
```
#686fbc rgb(104,111,188)
```
#bc686f
```
#bc686f rgb(188,104,111)
```
#6fbc68
```
#6fbc68 rgb(111,188,104)
```

Triadic Color

#b568bc
```
#b568bc rgb(181,104,188)
```
#bc686f
```
#bc686f rgb(188,104,111)
```
#6fbc68
```
#6fbc68 rgb(111,188,104)
```
#68bcb5
```
#68bcb5 rgb(104,188,181)
```

Tetradic Color

#954249
```
#954249 rgb(149,66,73)
```
#a74a52
```
#a74a52 rgb(167,74,82)
```
#b4565e
```
#b4565e rgb(180,86,94)
```
#bc686f
```
#bc686f rgb(188,104,111)
```
#c47a80
```
#c47a80 rgb(196,122,128)
```
#cc8b91
```
#cc8b91 rgb(204,139,145)
```
#d49da2
```
#d49da2 rgb(212,157,162)
```

Monochromatic Color

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

#bc6884
```
#bc6884 rgb(188,104,132)
```
#bc687d
```
#bc687d rgb(188,104,125)
```
#bc6876
```
#bc6876 rgb(188,104,118)
```
#bc686f
```
#bc686f rgb(188,104,111)
```
#bc6868
```
#bc6868 rgb(188,104,104)
```
#bc6f68
```
#bc6f68 rgb(188,111,104)
```
#bc7668
```
#bc7668 rgb(188,118,104)
```

Similar Colors

Text with hexadecimal color #bc686f

This text has a font color of #bc686f.

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

#bc686f background color

This paragraph has a background color of #bc686f.

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

#bc686f border color

This element has a border color of #bc686f.

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

CSS codes

.text {color:#bc686f;}

.background {background-color:#bc686f;}

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

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)
```
#1a0b0d
```
#1a0b0d rgb(26,11,13)
```
#271113
```
#271113 rgb(39,17,19)
```
#35171a
```
#35171a rgb(53,23,26)
```
#421d21
```
#421d21 rgb(66,29,33)
```
#502327
```
#502327 rgb(80,35,39)
```
#5e2a2e
```
#5e2a2e rgb(94,42,46)
```
#6b3035
```
#6b3035 rgb(107,48,53)
```
#79363b
```
#79363b rgb(121,54,59)
```
#863c42
```
#863c42 rgb(134,60,66)
```
#944248
```
#944248 rgb(148,66,72)
```
#a1484f
```
#a1484f rgb(161,72,79)
```
#af4e56
```
#af4e56 rgb(175,78,86)
```

Shade Color Variation

#b65a62
```
#b65a62 rgb(182,90,98)
```
#bc686f
```
#bc686f rgb(188,104,111)
```
#c2767c
```
#c2767c rgb(194,118,124)
```
#c88389
```
#c88389 rgb(200,131,137)
```
#ce9196
```
#ce9196 rgb(206,145,150)
```
#d49ea3
```
#d49ea3 rgb(212,158,163)
```
#daacb0
```
#daacb0 rgb(218,172,176)
```
#e0babd
```
#e0babd rgb(224,186,189)
```
#e6c7ca
```
#e6c7ca rgb(230,199,202)
```
#ecd5d7
```
#ecd5d7 rgb(236,213,215)
```
#f2e2e4
```
#f2e2e4 rgb(242,226,228)
```
#f8f0f1
```
#f8f0f1 rgb(248,240,241)
```
#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 #f72d3e is the most saturated one.

#929292
```
#929292 rgb(146,146,146)
```
#9a8a8b
```
#9a8a8b rgb(154,138,139)
```
#a38184
```
#a38184 rgb(163,129,132)
```
#ab797d
```
#ab797d rgb(171,121,125)
```
#b47076
```
#b47076 rgb(180,112,118)
```
#bc686f
```
#bc686f rgb(188,104,111)
```
#c46068
```
#c46068 rgb(196,96,104)
```
#cd5761
```
#cd5761 rgb(205,87,97)
```
#d54f5a
```
#d54f5a rgb(213,79,90)
```
#de4653
```
#de4653 rgb(222,70,83)
```
#e63e4c
```
#e63e4c rgb(230,62,76)
```
#ee3645
```
#ee3645 rgb(238,54,69)
```
#f72d3e
```
#f72d3e rgb(247,45,62)
```

Tone Color Variation

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

#8a8681 Protanopia 1% of men
#9b8271 Deuteranopia 1% of men
#bf6f77 Tritanopia 0.001% of the population

Trichromacy

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

#bc686f hex color

#bc686f Color Information

#bc686f Color Conversion

Color Schemes with #bc686f

Alternatives to #bc686f

#bc686f Preview

Shades and Tints of #bc686f

Tones of #bc686f

Color Blindness Simulator