#bbb67f hex color

In a RGB color space, hex #bbb67f is composed of 73.3% red, 71.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.7% magenta, 32.1% yellow and 26.7% black. It has a hue angle of 55 degrees, a saturation of 30.6% and a lightness of 61.6%. #bbb67f color hex could be obtained by blending #fffffe with #776d00. Closest websafe color is: #cccc66.

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

● #bbb67f color description : Slightly desaturated yellow.

The hexadecimal color #bbb67f has RGB values of R:187, G:182, B:127 and CMYK values of C:0, M:0.03, Y:0.32, K:0.27. Its decimal value is 12301951.

Hex triplet	bbb67f	`#bbb67f`
RGB Decimal	187, 182, 127	`rgb(187,182,127)`
RGB Percent	73.3, 71.4, 49.8	`rgb(73.3%,71.4%,49.8%)`
CMYK	0, 3, 32, 27
HSL	55°, 30.6, 61.6	`hsl(55,30.6%,61.6%)`
HSV (or HSB)	55°, 32.1, 73.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.255, -6.769, 28.692
XYZ	41.052, 45.554, 26.708
xyY	0.362, 0.402, 45.554
CIE-LCH	73.255, 29.48, 103.275
CIE-LUV	73.255, 5.977, 39.32
Hunter-Lab	67.493, -9.544, 23.784
Binary	10111011, 10110110, 01111111

#bbb67f
```
#bbb67f rgb(187,182,127)
```
#7f84bb
```
#7f84bb rgb(127,132,187)
```

Complementary Color

#bb987f
```
#bb987f rgb(187,152,127)
```
#bbb67f
```
#bbb67f rgb(187,182,127)
```
#a2bb7f
```
#a2bb7f rgb(162,187,127)
```

Analogous Color

#987fbb
```
#987fbb rgb(152,127,187)
```
#bbb67f
```
#bbb67f rgb(187,182,127)
```
#7fa2bb
```
#7fa2bb rgb(127,162,187)
```

Split Complementary Color

#b67fbb
```
#b67fbb rgb(182,127,187)
```
#bbb67f
```
#bbb67f rgb(187,182,127)
```
#7fbbb6
```
#7fbbb6 rgb(127,187,182)
```

Triadic Color

#bb7f84
```
#bb7f84 rgb(187,127,132)
```
#bbb67f
```
#bbb67f rgb(187,182,127)
```
#7fbbb6
```
#7fbbb6 rgb(127,187,182)
```
#7f84bb
```
#7f84bb rgb(127,132,187)
```

Tetradic Color

#9b9552
```
#9b9552 rgb(155,149,82)
```
#a9a35e
```
#a9a35e rgb(169,163,94)
```
#b2ad6e
```
#b2ad6e rgb(178,173,110)
```
#bbb67f
```
#bbb67f rgb(187,182,127)
```
#c4bf90
```
#c4bf90 rgb(196,191,144)
```
#cdc9a0
```
#cdc9a0 rgb(205,201,160)
```
#d6d2b1
```
#d6d2b1 rgb(214,210,177)
```

Monochromatic Color

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

#bba77f
```
#bba77f rgb(187,167,127)
```
#bbac7f
```
#bbac7f rgb(187,172,127)
```
#bbb17f
```
#bbb17f rgb(187,177,127)
```
#bbb67f
```
#bbb67f rgb(187,182,127)
```
#bbbb7f
```
#bbbb7f rgb(187,187,127)
```
#b6bb7f
```
#b6bb7f rgb(182,187,127)
```
#b1bb7f
```
#b1bb7f rgb(177,187,127)
```

Similar Colors

Text with hexadecimal color #bbb67f

This text has a font color of #bbb67f.

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

#bbb67f background color

This paragraph has a background color of #bbb67f.

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

#bbb67f border color

This element has a border color of #bbb67f.

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

CSS codes

.text {color:#bbb67f;}

.background {background-color:#bbb67f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0c07
```
#0d0c07 rgb(13,12,7)
```
#1a190e
```
#1a190e rgb(26,25,14)
```
#272514
```
#272514 rgb(39,37,20)
```
#33311b
```
#33311b rgb(51,49,27)
```
#403e22
```
#403e22 rgb(64,62,34)
```
#4d4a29
```
#4d4a29 rgb(77,74,41)
```
#5a5630
```
#5a5630 rgb(90,86,48)
```
#676336
```
#676336 rgb(103,99,54)
```
#736f3d
```
#736f3d rgb(115,111,61)
```
#807b44
```
#807b44 rgb(128,123,68)
```
#8d884b
```
#8d884b rgb(141,136,75)
```
#9a9452
```
#9a9452 rgb(154,148,82)
```

Shade Color Variation

#a7a059
```
#a7a059 rgb(167,160,89)
```
#ada765
```
#ada765 rgb(173,167,101)
```
#b4af72
```
#b4af72 rgb(180,175,114)
```
#bbb67f
```
#bbb67f rgb(187,182,127)
```
#c2bd8c
```
#c2bd8c rgb(194,189,140)
```
#c9c599
```
#c9c599 rgb(201,197,153)
```
#cfcca5
```
#cfcca5 rgb(207,204,165)
```
#d6d3b2
```
#d6d3b2 rgb(214,211,178)
```
#dddbbf
```
#dddbbf rgb(221,219,191)
```
#e4e2cc
```
#e4e2cc rgb(228,226,204)
```
#ebe9d9
```
#ebe9d9 rgb(235,233,217)
```
#f1f0e5
```
#f1f0e5 rgb(241,240,229)
```
#f8f8f2
```
#f8f8f2 rgb(248,248,242)
```

Tint Color Variation

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

#a4a396
```
#a4a396 rgb(164,163,150)
```
#aca98e
```
#aca98e rgb(172,169,142)
```
#b3b087
```
#b3b087 rgb(179,176,135)
```
#bbb67f
```
#bbb67f rgb(187,182,127)
```
#c3bc77
```
#c3bc77 rgb(195,188,119)
```
#cac370
```
#cac370 rgb(202,195,112)
```
#d2c968
```
#d2c968 rgb(210,201,104)
```
#d9cf61
```
#d9cf61 rgb(217,207,97)
```
#e1d559
```
#e1d559 rgb(225,213,89)
```
#e8dc52
```
#e8dc52 rgb(232,220,82)
```
#f0e24a
```
#f0e24a rgb(240,226,74)
```
#f7e843
```
#f7e843 rgb(247,232,67)
```
#ffef3b
```
#ffef3b rgb(255,239,59)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b3b2a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b784 Protanopia 1% of men
#d8b088 Deuteranopia 1% of men
#c6b2be Tritanopia 0.001% of the population

Trichromacy

#c1b782 Protanomaly 1% of men, 0.01% of women
#cdb285 Deuteranomaly 6% of men, 0.4% of women
#c2b3a7 Tritanomaly 0.01% of the population

#bbb67f hex color

#bbb67f Color Information

#bbb67f Color Conversion

Color Schemes with #bbb67f

Alternatives to #bbb67f

#bbb67f Preview

Shades and Tints of #bbb67f

Tones of #bbb67f

Color Blindness Simulator