colorhexa.com

#bb986d hex color

In a RGB color space, hex #bb986d is composed of 73.3% red, 59.6% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.7% magenta, 41.7% yellow and 26.7% black. It has a hue angle of 33.1 degrees, a saturation of 36.4% and a lightness of 58%. #bb986d color hex could be obtained by blending #ffffda with #773100. Closest websafe color is: #cc9966.

- R 73
- G 60
- B 43
RGB color chart
- C 0
- M 19
- Y 42
- K 27
CMYK color chart

● #bb986d color description : Slightly desaturated orange.

The hexadecimal color #bb986d has RGB values of R:187, G:152, B:109 and CMYK values of C:0, M:0.19, Y:0.42, K:0.27. Its decimal value is 12294253.

Hex triplet	bb986d	`#bb986d`
RGB Decimal	187, 152, 109	`rgb(187,152,109)`
RGB Percent	73.3, 59.6, 42.7	`rgb(73.3%,59.6%,42.7%)`
CMYK	0, 19, 42, 27
HSL	33.1°, 36.4, 58	`hsl(33.1,36.4%,58%)`
HSV (or HSB)	33.1°, 41.7, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.063, 7.196, 27.537
XYZ	34.482, 34.127, 19.238
xyY	0.393, 0.388, 34.127
CIE-LCH	65.063, 28.462, 75.354
CIE-LUV	65.063, 25.782, 33.911
Hunter-Lab	58.418, 3.131, 21.367
Binary	10111011, 10011000, 01101101

#bb986d
```
#bb986d rgb(187,152,109)
```
#6d90bb
```
#6d90bb rgb(109,144,187)
```

Complementary Color

#bb716d
```
#bb716d rgb(187,113,109)
```
#bb986d
```
#bb986d rgb(187,152,109)
```
#b7bb6d
```
#b7bb6d rgb(183,187,109)
```

Analogous Color

#716dbb
```
#716dbb rgb(113,109,187)
```
#bb986d
```
#bb986d rgb(187,152,109)
```
#6db7bb
```
#6db7bb rgb(109,183,187)
```

Split Complementary Color

#986dbb
```
#986dbb rgb(152,109,187)
```
#bb986d
```
#bb986d rgb(187,152,109)
```
#6dbb98
```
#6dbb98 rgb(109,187,152)
```

Triadic Color

#bb6d90
```
#bb6d90 rgb(187,109,144)
```
#bb986d
```
#bb986d rgb(187,152,109)
```
#6dbb98
```
#6dbb98 rgb(109,187,152)
```
#6d90bb
```
#6d90bb rgb(109,144,187)
```

Tetradic Color

#967246
```
#967246 rgb(150,114,70)
```
#a77f4e
```
#a77f4e rgb(167,127,78)
```
#b38c5c
```
#b38c5c rgb(179,140,92)
```
#bb986d
```
#bb986d rgb(187,152,109)
```
#c3a47e
```
#c3a47e rgb(195,164,126)
```
#cbb190
```
#cbb190 rgb(203,177,144)
```
#d3bda1
```
#d3bda1 rgb(211,189,161)
```

Monochromatic Color

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

#bb856d
```
#bb856d rgb(187,133,109)
```
#bb8b6d
```
#bb8b6d rgb(187,139,109)
```
#bb926d
```
#bb926d rgb(187,146,109)
```
#bb986d
```
#bb986d rgb(187,152,109)
```
#bb9f6d
```
#bb9f6d rgb(187,159,109)
```
#bba56d
```
#bba56d rgb(187,165,109)
```
#bbac6d
```
#bbac6d rgb(187,172,109)
```

Similar Colors

Text with hexadecimal color #bb986d

This text has a font color of #bb986d.

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

#bb986d background color

This paragraph has a background color of #bb986d.

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

#bb986d border color

This element has a border color of #bb986d.

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

CSS codes

.text {color:#bb986d;}

.background {background-color:#bb986d;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0f0b07
```
#0f0b07 rgb(15,11,7)
```
#1c150d
```
#1c150d rgb(28,21,13)
```
#291f13
```
#291f13 rgb(41,31,19)
```
#372a19
```
#372a19 rgb(55,42,25)
```
#443420
```
#443420 rgb(68,52,32)
```
#523e26
```
#523e26 rgb(82,62,38)
```
#5f482c
```
#5f482c rgb(95,72,44)
```
#6c5232
```
#6c5232 rgb(108,82,50)
```
#7a5c39
```
#7a5c39 rgb(122,92,57)
```
#87673f
```
#87673f rgb(135,103,63)
```
#947145
```
#947145 rgb(148,113,69)
```
#a27b4b
```
#a27b4b rgb(162,123,75)
```

Shade Color Variation

#af8552
```
#af8552 rgb(175,133,82)
```
#b58f60
```
#b58f60 rgb(181,143,96)
```
#bb986d
```
#bb986d rgb(187,152,109)
```
#c1a17a
```
#c1a17a rgb(193,161,122)
```
#c7ab88
```
#c7ab88 rgb(199,171,136)
```
#ceb495
```
#ceb495 rgb(206,180,149)
```
#d4bea3
```
#d4bea3 rgb(212,190,163)
```
#dac7b0
```
#dac7b0 rgb(218,199,176)
```
#e0d1bd
```
#e0d1bd rgb(224,209,189)
```
#e7dacb
```
#e7dacb rgb(231,218,203)
```
#ede4d8
```
#ede4d8 rgb(237,228,216)
```
#f3ede5
```
#f3ede5 rgb(243,237,229)
```
#f9f6f3
```
#f9f6f3 rgb(249,246,243)
```

Tint Color Variation

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

#9a958e
```
#9a958e rgb(154,149,142)
```
#a29586
```
#a29586 rgb(162,149,134)
```
#ab967d
```
#ab967d rgb(171,150,125)
```
#b39775
```
#b39775 rgb(179,151,117)
```
#bb986d
```
#bb986d rgb(187,152,109)
```
#c39965
```
#c39965 rgb(195,153,101)
```
#cb9a5d
```
#cb9a5d rgb(203,154,93)
```
#d49b54
```
#d49b54 rgb(212,155,84)
```
#dc9b4c
```
#dc9b4c rgb(220,155,76)
```
#e49c44
```
#e49c44 rgb(228,156,68)
```
#ec9d3c
```
#ec9d3c rgb(236,157,60)
```
#f59e33
```
#f59e33 rgb(245,158,51)
```
#fd9f2b
```
#fd9f2b rgb(253,159,43)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a49d94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa276 Protanopia 1% of men
#c09c74 Deuteranopia 1% of men
#c397a1 Tritanopia 0.001% of the population

Trichromacy

#b39e73 Protanomaly 1% of men, 0.01% of women
#be9a72 Deuteranomaly 6% of men, 0.4% of women
#c0978e Tritanomaly 0.01% of the population