#bc686a hex color

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

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

● #bc686a color description : Slightly desaturated red.

The hexadecimal color #bc686a has RGB values of R:188, G:104, B:106 and CMYK values of C:0, M:0.45, Y:0.44, K:0.26. Its decimal value is 12347498.

Hex triplet	bc686a	`#bc686a`
RGB Decimal	188, 104, 106	`rgb(188,104,106)`
RGB Percent	73.7, 40.8, 41.6	`rgb(73.7%,40.8%,41.6%)`
CMYK	0, 45, 44, 26
HSL	358.6°, 38.5, 57.3	`hsl(358.6,38.5%,57.3%)`
HSV (or HSB)	358.6°, 44.7, 73.7
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.637, 33.682, 13.823
XYZ	28.291, 21.635, 16.321
xyY	0.427, 0.327, 21.635
CIE-LCH	53.637, 36.408, 22.314
CIE-LUV	53.637, 58.449, 11.362
Hunter-Lab	46.513, 27.174, 11.755
Binary	10111100, 01101000, 01101010

#bc686a
```
#bc686a rgb(188,104,106)
```
#68bcba
```
#68bcba rgb(104,188,186)
```

Complementary Color

#bc6894
```
#bc6894 rgb(188,104,148)
```
#bc686a
```
#bc686a rgb(188,104,106)
```
#bc9068
```
#bc9068 rgb(188,144,104)
```

Analogous Color

#6894bc
```
#6894bc rgb(104,148,188)
```
#bc686a
```
#bc686a rgb(188,104,106)
```
#68bc90
```
#68bc90 rgb(104,188,144)
```

Split Complementary Color

#686abc
```
#686abc rgb(104,106,188)
```
#bc686a
```
#bc686a rgb(188,104,106)
```
#6abc68
```
#6abc68 rgb(106,188,104)
```

Triadic Color

#ba68bc
```
#ba68bc rgb(186,104,188)
```
#bc686a
```
#bc686a rgb(188,104,106)
```
#6abc68
```
#6abc68 rgb(106,188,104)
```
#68bcba
```
#68bcba rgb(104,188,186)
```

Tetradic Color

#954244
```
#954244 rgb(149,66,68)
```
#a74a4c
```
#a74a4c rgb(167,74,76)
```
#b45659
```
#b45659 rgb(180,86,89)
```
#bc686a
```
#bc686a rgb(188,104,106)
```
#c47a7b
```
#c47a7b rgb(196,122,123)
```
#cc8b8d
```
#cc8b8d rgb(204,139,141)
```
#d49d9e
```
#d49d9e rgb(212,157,158)
```

Monochromatic Color

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

#bc687f
```
#bc687f rgb(188,104,127)
```
#bc6878
```
#bc6878 rgb(188,104,120)
```
#bc6871
```
#bc6871 rgb(188,104,113)
```
#bc686a
```
#bc686a rgb(188,104,106)
```
#bc6d68
```
#bc6d68 rgb(188,109,104)
```
#bc7468
```
#bc7468 rgb(188,116,104)
```
#bc7b68
```
#bc7b68 rgb(188,123,104)
```

Similar Colors

Text with hexadecimal color #bc686a

This text has a font color of #bc686a.

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

#bc686a background color

This paragraph has a background color of #bc686a.

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

#bc686a border color

This element has a border color of #bc686a.

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

CSS codes

.text {color:#bc686a;}

.background {background-color:#bc686a;}

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

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 #fefdfd is the lightest one.

#0c0506
```
#0c0506 rgb(12,5,6)
```
#1a0b0c
```
#1a0b0c rgb(26,11,12)
```
#271112
```
#271112 rgb(39,17,18)
```
#351718
```
#351718 rgb(53,23,24)
```
#421d1e
```
#421d1e rgb(66,29,30)
```
#502325
```
#502325 rgb(80,35,37)
```
#5e2a2b
```
#5e2a2b rgb(94,42,43)
```
#6b3031
```
#6b3031 rgb(107,48,49)
```
#793637
```
#793637 rgb(121,54,55)
```
#863c3d
```
#863c3d rgb(134,60,61)
```
#944244
```
#944244 rgb(148,66,68)
```
#a1484a
```
#a1484a rgb(161,72,74)
```
#af4e50
```
#af4e50 rgb(175,78,80)
```

Shade Color Variation

#b65a5d
```
#b65a5d rgb(182,90,93)
```
#bc686a
```
#bc686a rgb(188,104,106)
```
#c27677
```
#c27677 rgb(194,118,119)
```
#c88385
```
#c88385 rgb(200,131,133)
```
#ce9192
```
#ce9192 rgb(206,145,146)
```
#d49ea0
```
#d49ea0 rgb(212,158,160)
```
#daacad
```
#daacad rgb(218,172,173)
```
#e0baba
```
#e0baba rgb(224,186,186)
```
#e6c7c8
```
#e6c7c8 rgb(230,199,200)
```
#ecd5d5
```
#ecd5d5 rgb(236,213,213)
```
#f2e2e3
```
#f2e2e3 rgb(242,226,227)
```
#f8f0f0
```
#f8f0f0 rgb(248,240,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#929292
```
#929292 rgb(146,146,146)
```
#9a8a8a
```
#9a8a8a rgb(154,138,138)
```
#a38182
```
#a38182 rgb(163,129,130)
```
#ab797a
```
#ab797a rgb(171,121,122)
```
#b47072
```
#b47072 rgb(180,112,114)
```
#bc686a
```
#bc686a rgb(188,104,106)
```
#c46062
```
#c46062 rgb(196,96,98)
```
#cd575a
```
#cd575a rgb(205,87,90)
```
#d54f52
```
#d54f52 rgb(213,79,82)
```
#de464a
```
#de464a rgb(222,70,74)
```
#e63e42
```
#e63e42 rgb(230,62,66)
```
#ee363a
```
#ee363a rgb(238,54,58)
```
#f72d32
```
#f72d32 rgb(247,45,50)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8d7c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b867c Protanopia 1% of men
#9c816d Deuteranopia 1% of men
#bf6f76 Tritanopia 0.001% of the population

Trichromacy

#9d7b75 Protanomaly 1% of men, 0.01% of women
#a7786c Deuteranomaly 6% of men, 0.4% of women
#be6c71 Tritanomaly 0.01% of the population

#bc686a hex color

#bc686a Color Information

#bc686a Color Conversion

Color Schemes with #bc686a

Alternatives to #bc686a

#bc686a Preview

Shades and Tints of #bc686a

Tones of #bc686a

Color Blindness Simulator