colorhexa.com

#b2686b hex color

In a RGB color space, hex #b2686b is composed of 69.8% red, 40.8% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.6% magenta, 39.9% yellow and 30.2% black. It has a hue angle of 357.6 degrees, a saturation of 32.5% and a lightness of 55.3%. #b2686b color hex could be obtained by blending #ffd0d6 with #650000. Closest websafe color is: #996666.

- R 70
- G 41
- B 42
RGB color chart
- C 0
- M 42
- Y 40
- K 30
CMYK color chart

● #b2686b color description : Mostly desaturated dark red.

The hexadecimal color #b2686b has RGB values of R:178, G:104, B:107 and CMYK values of C:0, M:0.42, Y:0.4, K:0.3. Its decimal value is 11692139.

Hex triplet	b2686b	`#b2686b`
RGB Decimal	178, 104, 107	`rgb(178,104,107)`
RGB Percent	69.8, 40.8, 42	`rgb(69.8%,40.8%,42%)`
CMYK	0, 42, 40, 30
HSL	357.6°, 32.5, 55.3	`hsl(357.6,32.5%,55.3%)`
HSV (or HSB)	357.6°, 41.6, 69.8
Web Safe	996666	`#996666`

CIE-LAB	52.319, 29.95, 11.196
XYZ	25.965, 20.429, 16.485
xyY	0.413, 0.325, 20.429
CIE-LCH	52.319, 31.974, 20.496
CIE-LUV	52.319, 50.429, 8.95
Hunter-Lab	45.198, 23.444, 10.014
Binary	10110010, 01101000, 01101011

#b2686b
```
#b2686b rgb(178,104,107)
```
#68b2af
```
#68b2af rgb(104,178,175)
```

Complementary Color

#b26890
```
#b26890 rgb(178,104,144)
```
#b2686b
```
#b2686b rgb(178,104,107)
```
#b28a68
```
#b28a68 rgb(178,138,104)
```

Analogous Color

#6890b2
```
#6890b2 rgb(104,144,178)
```
#b2686b
```
#b2686b rgb(178,104,107)
```
#68b28a
```
#68b28a rgb(104,178,138)
```

Split Complementary Color

#686bb2
```
#686bb2 rgb(104,107,178)
```
#b2686b
```
#b2686b rgb(178,104,107)
```
#6bb268
```
#6bb268 rgb(107,178,104)
```

Triadic Color

#af68b2
```
#af68b2 rgb(175,104,178)
```
#b2686b
```
#b2686b rgb(178,104,107)
```
#6bb268
```
#6bb268 rgb(107,178,104)
```
#68b2af
```
#68b2af rgb(104,178,175)
```

Tetradic Color

#884548
```
#884548 rgb(136,69,72)
```
#994e51
```
#994e51 rgb(153,78,81)
```
#a9575a
```
#a9575a rgb(169,87,90)
```
#b2686b
```
#b2686b rgb(178,104,107)
```
#bb797c
```
#bb797c rgb(187,121,124)
```
#c38a8c
```
#c38a8c rgb(195,138,140)
```
#cc9b9d
```
#cc9b9d rgb(204,155,157)
```

Monochromatic Color

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

#b2687e
```
#b2687e rgb(178,104,126)
```
#b26877
```
#b26877 rgb(178,104,119)
```
#b26871
```
#b26871 rgb(178,104,113)
```
#b2686b
```
#b2686b rgb(178,104,107)
```
#b26b68
```
#b26b68 rgb(178,107,104)
```
#b27168
```
#b27168 rgb(178,113,104)
```
#b27868
```
#b27868 rgb(178,120,104)
```

Similar Colors

Text with hexadecimal color #b2686b

This text has a font color of #b2686b.

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

#b2686b background color

This paragraph has a background color of #b2686b.

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

#b2686b border color

This element has a border color of #b2686b.

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

CSS codes

.text {color:#b2686b;}

.background {background-color:#b2686b;}

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

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

#050203
```
#050203 rgb(5,2,3)
```
#120909
```
#120909 rgb(18,9,9)
```
#1f1010
```
#1f1010 rgb(31,16,16)
```
#2c1617
```
#2c1617 rgb(44,22,23)
```
#391d1e
```
#391d1e rgb(57,29,30)
```
#462425
```
#462425 rgb(70,36,37)
```
#532a2c
```
#532a2c rgb(83,42,44)
```
#603133
```
#603133 rgb(96,49,51)
```
#6d373a
```
#6d373a rgb(109,55,58)
```
#7a3e41
```
#7a3e41 rgb(122,62,65)
```
#874547
```
#874547 rgb(135,69,71)
```
#944b4e
```
#944b4e rgb(148,75,78)
```
#a15255
```
#a15255 rgb(161,82,85)
```

Shade Color Variation

#ab5b5e
```
#ab5b5e rgb(171,91,94)
```
#b2686b
```
#b2686b rgb(178,104,107)
```
#b97578
```
#b97578 rgb(185,117,120)
```
#bf8284
```
#bf8284 rgb(191,130,132)
```
#c68f91
```
#c68f91 rgb(198,143,145)
```
#cc9c9e
```
#cc9c9e rgb(204,156,158)
```
#d3a9ab
```
#d3a9ab rgb(211,169,171)
```
#dab6b7
```
#dab6b7 rgb(218,182,183)
```
#e0c3c4
```
#e0c3c4 rgb(224,195,196)
```
#e7d0d1
```
#e7d0d1 rgb(231,208,209)
```
#eeddde
```
#eeddde rgb(238,221,222)
```
#f4eaea
```
#f4eaea rgb(244,234,234)
```
#fbf7f7
```
#fbf7f7 rgb(251,247,247)
```

Tint Color Variation

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

#8f8b8b
```
#8f8b8b rgb(143,139,139)
```
#988283
```
#988283 rgb(152,130,131)
```
#a07a7b
```
#a07a7b rgb(160,122,123)
```
#a97173
```
#a97173 rgb(169,113,115)
```
#b2686b
```
#b2686b rgb(178,104,107)
```
#bb5f63
```
#bb5f63 rgb(187,95,99)
```
#c4565b
```
#c4565b rgb(196,86,91)
```
#cc4e53
```
#cc4e53 rgb(204,78,83)
```
#d5454b
```
#d5454b rgb(213,69,75)
```
#de3c43
```
#de3c43 rgb(222,60,67)
```
#e7333b
```
#e7333b rgb(231,51,59)
```
#ef2b33
```
#ef2b33 rgb(239,43,51)
```
#f8222b
```
#f8222b rgb(248,34,43)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887a7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#87837b Protanopia 1% of men
#977e6e Deuteranopia 1% of men
#b66f76 Tritanopia 0.001% of the population

Trichromacy

#977975 Protanomaly 1% of men, 0.01% of women
#a0766d Deuteranomaly 6% of men, 0.4% of women
#b46c72 Tritanomaly 0.01% of the population