#b5686f hex color

In a RGB color space, hex #b5686f is composed of 71% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.5% magenta, 38.7% yellow and 29% black. It has a hue angle of 354.5 degrees, a saturation of 34.2% and a lightness of 55.9%. #b5686f color hex could be obtained by blending #ffd0de with #6b0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 71
- G 41
- B 44
RGB color chart
- C 0
- M 43
- Y 39
- K 29
CMYK color chart

● #b5686f color description : Slightly desaturated red.

The hexadecimal color #b5686f has RGB values of R:181, G:104, B:111 and CMYK values of C:0, M:0.43, Y:0.39, K:0.29. Its decimal value is 11888751.

Hex triplet	b5686f	`#b5686f`
RGB Decimal	181, 104, 111	`rgb(181,104,111)`
RGB Percent	71, 40.8, 43.5	`rgb(71%,40.8%,43.5%)`
CMYK	0, 43, 39, 29
HSL	354.5°, 34.2, 55.9	`hsl(354.5,34.2%,55.9%)`
HSV (or HSB)	354.5°, 42.5, 71
Web Safe	cc6666	`#cc6666`

CIE-LAB	52.811, 31.58, 9.587
XYZ	26.876, 20.874, 17.652
xyY	0.411, 0.319, 20.874
CIE-LCH	52.811, 33.003, 16.887
CIE-LUV	52.811, 52.005, 6.705
Hunter-Lab	45.688, 25.049, 9.075
Binary	10110101, 01101000, 01101111

#b5686f
```
#b5686f rgb(181,104,111)
```
#68b5ae
```
#68b5ae rgb(104,181,174)
```

Complementary Color

#b56896
```
#b56896 rgb(181,104,150)
```
#b5686f
```
#b5686f rgb(181,104,111)
```
#b58868
```
#b58868 rgb(181,136,104)
```

Analogous Color

#6896b5
```
#6896b5 rgb(104,150,181)
```
#b5686f
```
#b5686f rgb(181,104,111)
```
#68b588
```
#68b588 rgb(104,181,136)
```

Split Complementary Color

#686fb5
```
#686fb5 rgb(104,111,181)
```
#b5686f
```
#b5686f rgb(181,104,111)
```
#6fb568
```
#6fb568 rgb(111,181,104)
```

Triadic Color

#ae68b5
```
#ae68b5 rgb(174,104,181)
```
#b5686f
```
#b5686f rgb(181,104,111)
```
#6fb568
```
#6fb568 rgb(111,181,104)
```
#68b5ae
```
#68b5ae rgb(104,181,174)
```

Tetradic Color

#8c454b
```
#8c454b rgb(140,69,75)
```
#9d4d54
```
#9d4d54 rgb(157,77,84)
```
#ad575f
```
#ad575f rgb(173,87,95)
```
#b5686f
```
#b5686f rgb(181,104,111)
```
#bd797f
```
#bd797f rgb(189,121,127)
```
#c68a90
```
#c68a90 rgb(198,138,144)
```
#ce9ba0
```
#ce9ba0 rgb(206,155,160)
```

Monochromatic Color

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

#b56882
```
#b56882 rgb(181,104,130)
```
#b5687c
```
#b5687c rgb(181,104,124)
```
#b56875
```
#b56875 rgb(181,104,117)
```
#b5686f
```
#b5686f rgb(181,104,111)
```
#b56869
```
#b56869 rgb(181,104,105)
```
#b56e68
```
#b56e68 rgb(181,110,104)
```
#b57468
```
#b57468 rgb(181,116,104)
```

Similar Colors

Text with hexadecimal color #b5686f

This text has a font color of #b5686f.

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

#b5686f background color

This paragraph has a background color of #b5686f.

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

#b5686f border color

This element has a border color of #b5686f.

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

CSS codes

.text {color:#b5686f;}

.background {background-color:#b5686f;}

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

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

#070304
```
#070304 rgb(7,3,4)
```
#140a0b
```
#140a0b rgb(20,10,11)
```
#211012
```
#211012 rgb(33,16,18)
```
#2e1719
```
#2e1719 rgb(46,23,25)
```
#3c1d20
```
#3c1d20 rgb(60,29,32)
```
#492427
```
#492427 rgb(73,36,39)
```
#562a2e
```
#562a2e rgb(86,42,46)
```
#633135
```
#633135 rgb(99,49,53)
```
#70373c
```
#70373c rgb(112,55,60)
```
#7d3d43
```
#7d3d43 rgb(125,61,67)
```
#8b444a
```
#8b444a rgb(139,68,74)
```
#984a51
```
#984a51 rgb(152,74,81)
```
#a55158
```
#a55158 rgb(165,81,88)
```

Shade Color Variation

#af5b62
```
#af5b62 rgb(175,91,98)
```
#b5686f
```
#b5686f rgb(181,104,111)
```
#bb757c
```
#bb757c rgb(187,117,124)
```
#c28288
```
#c28288 rgb(194,130,136)
```
#c88f95
```
#c88f95 rgb(200,143,149)
```
#cf9da1
```
#cf9da1 rgb(207,157,161)
```
#d5aaae
```
#d5aaae rgb(213,170,174)
```
#dcb7ba
```
#dcb7ba rgb(220,183,186)
```
#e2c4c7
```
#e2c4c7 rgb(226,196,199)
```
#e9d1d3
```
#e9d1d3 rgb(233,209,211)
```
#efdee0
```
#efdee0 rgb(239,222,224)
```
#f6eced
```
#f6eced rgb(246,236,237)
```
#fcf9f9
```
#fcf9f9 rgb(252,249,249)
```

Tint Color Variation

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

#928b8b
```
#928b8b rgb(146,139,139)
```
#9b8284
```
#9b8284 rgb(155,130,132)
```
#a4797d
```
#a4797d rgb(164,121,125)
```
#ac7176
```
#ac7176 rgb(172,113,118)
```
#b5686f
```
#b5686f rgb(181,104,111)
```
#be5f68
```
#be5f68 rgb(190,95,104)
```
#c65761
```
#c65761 rgb(198,87,97)
```
#cf4e5a
```
#cf4e5a rgb(207,78,90)
```
#d84553
```
#d84553 rgb(216,69,83)
```
#e03d4c
```
#e03d4c rgb(224,61,76)
```
#e93445
```
#e93445 rgb(233,52,69)
```
#f22b3d
```
#f22b3d rgb(242,43,61)
```
#fa2336
```
#fa2336 rgb(250,35,54)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8b7b7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#888480 Protanopia 1% of men
#978072 Deuteranopia 1% of men
#b86f77 Tritanopia 0.001% of the population

Trichromacy

#987979 Protanomaly 1% of men, 0.01% of women
#a27771 Deuteranomaly 6% of men, 0.4% of women
#b76c74 Tritanomaly 0.01% of the population

#b5686f hex color

#b5686f Color Information

#b5686f Color Conversion

Color Schemes with #b5686f

Alternatives to #b5686f

#b5686f Preview

Shades and Tints of #b5686f

Tones of #b5686f

Color Blindness Simulator