#b4bb6f hex color

In a RGB color space, hex #b4bb6f is composed of 70.6% red, 73.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 40.6% yellow and 26.7% black. It has a hue angle of 65.5 degrees, a saturation of 35.8% and a lightness of 58.4%. #b4bb6f color hex could be obtained by blending #ffffde with #697700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 73
- B 44
RGB color chart
- C 4
- M 0
- Y 41
- K 27
CMYK color chart

● #b4bb6f color description : Slightly desaturated yellow.

The hexadecimal color #b4bb6f has RGB values of R:180, G:187, B:111 and CMYK values of C:0.04, M:0, Y:0.41, K:0.27. Its decimal value is 11844463.

Hex triplet	b4bb6f	`#b4bb6f`
RGB Decimal	180, 187, 111	`rgb(180,187,111)`
RGB Percent	70.6, 73.3, 43.5	`rgb(70.6%,73.3%,43.5%)`
CMYK	4, 0, 41, 27
HSL	65.5°, 35.8, 58.4	`hsl(65.5,35.8%,58.4%)`
HSV (or HSB)	65.5°, 40.6, 73.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.799, -14.06, 37.62
XYZ	39.461, 46.392, 21.914
xyY	0.366, 0.43, 46.392
CIE-LCH	73.799, 40.162, 110.492
CIE-LUV	73.799, -0.766, 50.721
Hunter-Lab	68.112, -15.779, 28.603
Binary	10110100, 10111011, 01101111

#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#766fbb
```
#766fbb rgb(118,111,187)
```

Complementary Color

#bb9c6f
```
#bb9c6f rgb(187,156,111)
```
#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#8ebb6f
```
#8ebb6f rgb(142,187,111)
```

Analogous Color

#9c6fbb
```
#9c6fbb rgb(156,111,187)
```
#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#6f8ebb
```
#6f8ebb rgb(111,142,187)
```

Split Complementary Color

#bb6fb4
```
#bb6fb4 rgb(187,111,180)
```
#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#6fb4bb
```
#6fb4bb rgb(111,180,187)
```

Triadic Color

#bb766f
```
#bb766f rgb(187,118,111)
```
#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#6fb4bb
```
#6fb4bb rgb(111,180,187)
```
#766fbb
```
#766fbb rgb(118,111,187)
```

Tetradic Color

#8f9647
```
#8f9647 rgb(143,150,71)
```
#a0a84f
```
#a0a84f rgb(160,168,79)
```
#abb35e
```
#abb35e rgb(171,179,94)
```
#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#bdc380
```
#bdc380 rgb(189,195,128)
```
#c6cb92
```
#c6cb92 rgb(198,203,146)
```
#cfd4a3
```
#cfd4a3 rgb(207,212,163)
```

Monochromatic Color

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

#bbaf6f
```
#bbaf6f rgb(187,175,111)
```
#bbb56f
```
#bbb56f rgb(187,181,111)
```
#babb6f
```
#babb6f rgb(186,187,111)
```
#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#aebb6f
```
#aebb6f rgb(174,187,111)
```
#a7bb6f
```
#a7bb6f rgb(167,187,111)
```
#a1bb6f
```
#a1bb6f rgb(161,187,111)
```

Similar Colors

Text with hexadecimal color #b4bb6f

This text has a font color of #b4bb6f.

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

#b4bb6f background color

This paragraph has a background color of #b4bb6f.

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

#b4bb6f border color

This element has a border color of #b4bb6f.

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

CSS codes

.text {color:#b4bb6f;}

.background {background-color:#b4bb6f;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0f1008
```
#0f1008 rgb(15,16,8)
```
#1c1d0e
```
#1c1d0e rgb(28,29,14)
```
#282b14
```
#282b14 rgb(40,43,20)
```
#35381a
```
#35381a rgb(53,56,26)
```
#424521
```
#424521 rgb(66,69,33)
```
#4e5327
```
#4e5327 rgb(78,83,39)
```
#5b602d
```
#5b602d rgb(91,96,45)
```
#686d34
```
#686d34 rgb(104,109,52)
```
#757a3a
```
#757a3a rgb(117,122,58)
```
#818840
```
#818840 rgb(129,136,64)
```
#8e9546
```
#8e9546 rgb(142,149,70)
```
#9ba24d
```
#9ba24d rgb(155,162,77)
```

Shade Color Variation

#a6ae54
```
#a6ae54 rgb(166,174,84)
```
#adb562
```
#adb562 rgb(173,181,98)
```
#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#bbc17c
```
#bbc17c rgb(187,193,124)
```
#c2c88a
```
#c2c88a rgb(194,200,138)
```
#c9ce97
```
#c9ce97 rgb(201,206,151)
```
#d0d4a4
```
#d0d4a4 rgb(208,212,164)
```
#d7dab2
```
#d7dab2 rgb(215,218,178)
```
#dee1bf
```
#dee1bf rgb(222,225,191)
```
#e5e7cc
```
#e5e7cc rgb(229,231,204)
```
#ecedda
```
#ecedda rgb(236,237,218)
```
#f2f4e7
```
#f2f4e7 rgb(242,244,231)
```
#f9faf4
```
#f9faf4 rgb(249,250,244)
```

Tint Color Variation

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

#999a90
```
#999a90 rgb(153,154,144)
```
#a0a387
```
#a0a387 rgb(160,163,135)
```
#a7ab7f
```
#a7ab7f rgb(167,171,127)
```
#adb377
```
#adb377 rgb(173,179,119)
```
#b4bb6f
```
#b4bb6f rgb(180,187,111)
```
#bbc367
```
#bbc367 rgb(187,195,103)
```
#c1cb5f
```
#c1cb5f rgb(193,203,95)
```
#c8d357
```
#c8d357 rgb(200,211,87)
```
#cfdc4e
```
#cfdc4e rgb(207,220,78)
```
#d5e446
```
#d5e446 rgb(213,228,70)
```
#dcec3e
```
#dcec3e rgb(220,236,62)
```
#e3f436
```
#e3f436 rgb(227,244,54)
```
#e9fc2e
```
#e9fc2e rgb(233,252,46)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b1b2a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b974 Protanopia 1% of men
#ddb17a Deuteranopia 1% of men
#c2b5c2 Tritanopia 0.001% of the population

Trichromacy

#c1b972 Protanomaly 1% of men, 0.01% of women
#ceb476 Deuteranomaly 6% of men, 0.4% of women
#bdb7a3 Tritanomaly 0.01% of the population

#b4bb6f hex color

#b4bb6f Color Information

#b4bb6f Color Conversion

Color Schemes with #b4bb6f

Alternatives to #b4bb6f

#b4bb6f Preview

Shades and Tints of #b4bb6f

Tones of #b4bb6f

Color Blindness Simulator