#bbb682 hex color

In a RGB color space, hex #bbb682 is composed of 73.3% red, 71.4% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.7% magenta, 30.5% yellow and 26.7% black. It has a hue angle of 54.7 degrees, a saturation of 29.5% and a lightness of 62.2%. #bbb682 color hex could be obtained by blending #ffffff with #776d05. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 73
- G 71
- B 51
RGB color chart
- C 0
- M 3
- Y 30
- K 27
CMYK color chart

● #bbb682 color description : Slightly desaturated yellow.

The hexadecimal color #bbb682 has RGB values of R:187, G:182, B:130 and CMYK values of C:0, M:0.03, Y:0.3, K:0.27. Its decimal value is 12301954.

Hex triplet	bbb682	`#bbb682`
RGB Decimal	187, 182, 130	`rgb(187,182,130)`
RGB Percent	73.3, 71.4, 51	`rgb(73.3%,71.4%,51%)`
CMYK	0, 3, 30, 27
HSL	54.7°, 29.5, 62.2	`hsl(54.7,29.5%,62.2%)`
HSV (or HSB)	54.7°, 30.5, 73.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.307, -6.385, 27.169
XYZ	41.25, 45.633, 27.753
xyY	0.36, 0.398, 45.633
CIE-LCH	73.307, 27.909, 103.224
CIE-LUV	73.307, 5.828, 37.473
Hunter-Lab	67.552, -9.217, 22.928
Binary	10111011, 10110110, 10000010

#bbb682
```
#bbb682 rgb(187,182,130)
```
#8287bb
```
#8287bb rgb(130,135,187)
```

Complementary Color

#bb9a82
```
#bb9a82 rgb(187,154,130)
```
#bbb682
```
#bbb682 rgb(187,182,130)
```
#a4bb82
```
#a4bb82 rgb(164,187,130)
```

Analogous Color

#9a82bb
```
#9a82bb rgb(154,130,187)
```
#bbb682
```
#bbb682 rgb(187,182,130)
```
#82a4bb
```
#82a4bb rgb(130,164,187)
```

Split Complementary Color

#b682bb
```
#b682bb rgb(182,130,187)
```
#bbb682
```
#bbb682 rgb(187,182,130)
```
#82bbb6
```
#82bbb6 rgb(130,187,182)
```

Triadic Color

#bb8287
```
#bb8287 rgb(187,130,135)
```
#bbb682
```
#bbb682 rgb(187,182,130)
```
#82bbb6
```
#82bbb6 rgb(130,187,182)
```
#8287bb
```
#8287bb rgb(130,135,187)
```

Tetradic Color

#9c9655
```
#9c9655 rgb(156,150,85)
```
#a9a361
```
#a9a361 rgb(169,163,97)
```
#b2ac71
```
#b2ac71 rgb(178,172,113)
```
#bbb682
```
#bbb682 rgb(187,182,130)
```
#c4c093
```
#c4c093 rgb(196,192,147)
```
#cdc9a3
```
#cdc9a3 rgb(205,201,163)
```
#d6d3b4
```
#d6d3b4 rgb(214,211,180)
```

Monochromatic Color

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

#bba882
```
#bba882 rgb(187,168,130)
```
#bbad82
```
#bbad82 rgb(187,173,130)
```
#bbb182
```
#bbb182 rgb(187,177,130)
```
#bbb682
```
#bbb682 rgb(187,182,130)
```
#bbbb82
```
#bbbb82 rgb(187,187,130)
```
#b7bb82
```
#b7bb82 rgb(183,187,130)
```
#b2bb82
```
#b2bb82 rgb(178,187,130)
```

Similar Colors

Text with hexadecimal color #bbb682

This text has a font color of #bbb682.

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

#bbb682 background color

This paragraph has a background color of #bbb682.

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

#bbb682 border color

This element has a border color of #bbb682.

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

CSS codes

.text {color:#bbb682;}

.background {background-color:#bbb682;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f0e08
```
#0f0e08 rgb(15,14,8)
```
#1b1a0f
```
#1b1a0f rgb(27,26,15)
```
#282716
```
#282716 rgb(40,39,22)
```
#35331d
```
#35331d rgb(53,51,29)
```
#423f24
```
#423f24 rgb(66,63,36)
```
#4e4b2b
```
#4e4b2b rgb(78,75,43)
```
#5b5731
```
#5b5731 rgb(91,87,49)
```
#686438
```
#686438 rgb(104,100,56)
```
#74703f
```
#74703f rgb(116,112,63)
```
#817c46
```
#817c46 rgb(129,124,70)
```
#8e884d
```
#8e884d rgb(142,136,77)
```
#9a9454
```
#9a9454 rgb(154,148,84)
```

Shade Color Variation

#a6a05c
```
#a6a05c rgb(166,160,92)
```
#ada769
```
#ada769 rgb(173,167,105)
```
#b4af75
```
#b4af75 rgb(180,175,117)
```
#bbb682
```
#bbb682 rgb(187,182,130)
```
#c2bd8f
```
#c2bd8f rgb(194,189,143)
```
#c9c59b
```
#c9c59b rgb(201,197,155)
```
#d0cca8
```
#d0cca8 rgb(208,204,168)
```
#d7d4b5
```
#d7d4b5 rgb(215,212,181)
```
#dedbc2
```
#dedbc2 rgb(222,219,194)
```
#e4e3ce
```
#e4e3ce rgb(228,227,206)
```
#ebeadb
```
#ebeadb rgb(235,234,219)
```
#f2f1e8
```
#f2f1e8 rgb(242,241,232)
```
#f9f9f4
```
#f9f9f4 rgb(249,249,244)
```

Tint Color Variation

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

#a5a498
```
#a5a498 rgb(165,164,152)
```
#acaa91
```
#acaa91 rgb(172,170,145)
```
#b4b089
```
#b4b089 rgb(180,176,137)
```
#bbb682
```
#bbb682 rgb(187,182,130)
```
#c2bc7b
```
#c2bc7b rgb(194,188,123)
```
#cac273
```
#cac273 rgb(202,194,115)
```
#d1c86c
```
#d1c86c rgb(209,200,108)
```
#d9ce64
```
#d9ce64 rgb(217,206,100)
```
#e0d55d
```
#e0d55d rgb(224,213,93)
```
#e8db55
```
#e8db55 rgb(232,219,85)
```
#efe14e
```
#efe14e rgb(239,225,78)
```
#f6e747
```
#f6e747 rgb(246,231,71)
```
#feed3f
```
#feed3f rgb(254,237,63)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b4b3a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b787 Protanopia 1% of men
#d7b08b Deuteranopia 1% of men
#c6b2bf Tritanopia 0.001% of the population

Trichromacy

#c1b785 Protanomaly 1% of men, 0.01% of women
#cdb287 Deuteranomaly 6% of men, 0.4% of women
#c2b3a8 Tritanomaly 0.01% of the population

#bbb682 hex color

#bbb682 Color Information

#bbb682 Color Conversion

Color Schemes with #bbb682

Alternatives to #bbb682

#bbb682 Preview

Shades and Tints of #bbb682

Tones of #bbb682

Color Blindness Simulator