#b4bb62 hex color

In a RGB color space, hex #b4bb62 is composed of 70.6% red, 73.3% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 47.6% yellow and 26.7% black. It has a hue angle of 64.7 degrees, a saturation of 39.6% and a lightness of 55.9%. #b4bb62 color hex could be obtained by blending #ffffc4 with #697700. Closest websafe color is: #cccc66.

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

● #b4bb62 color description : Slightly desaturated yellow.

The hexadecimal color #b4bb62 has RGB values of R:180, G:187, B:98 and CMYK values of C:0.04, M:0, Y:0.48, K:0.27. Its decimal value is 11844450.

Hex triplet	b4bb62	`#b4bb62`
RGB Decimal	180, 187, 98	`rgb(180,187,98)`
RGB Percent	70.6, 73.3, 38.4	`rgb(70.6%,73.3%,38.4%)`
CMYK	4, 0, 48, 27
HSL	64.7°, 39.6, 55.9	`hsl(64.7,39.6%,55.9%)`
HSV (or HSB)	64.7°, 47.6, 73.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.627, -15.425, 43.929
XYZ	38.797, 46.126, 18.414
xyY	0.375, 0.446, 46.126
CIE-LCH	73.627, 46.558, 109.348
CIE-LUV	73.627, -0.366, 57.307
Hunter-Lab	67.916, -16.886, 31.466
Binary	10110100, 10111011, 01100010

#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#6962bb
```
#6962bb rgb(105,98,187)
```

Complementary Color

#bb9662
```
#bb9662 rgb(187,150,98)
```
#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#88bb62
```
#88bb62 rgb(136,187,98)
```

Analogous Color

#9662bb
```
#9662bb rgb(150,98,187)
```
#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#6288bb
```
#6288bb rgb(98,136,187)
```

Split Complementary Color

#bb62b4
```
#bb62b4 rgb(187,98,180)
```
#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#62b4bb
```
#62b4bb rgb(98,180,187)
```

Triadic Color

#bb6962
```
#bb6962 rgb(187,105,98)
```
#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#62b4bb
```
#62b4bb rgb(98,180,187)
```
#6962bb
```
#6962bb rgb(105,98,187)
```

Tetradic Color

#8b913f
```
#8b913f rgb(139,145,63)
```
#9ca347
```
#9ca347 rgb(156,163,71)
```
#acb350
```
#acb350 rgb(172,179,80)
```
#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#bdc374
```
#bdc374 rgb(189,195,116)
```
#c5ca86
```
#c5ca86 rgb(197,202,134)
```
#ced297
```
#ced297 rgb(206,210,151)
```

Monochromatic Color

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

#bbac62
```
#bbac62 rgb(187,172,98)
```
#bbb362
```
#bbb362 rgb(187,179,98)
```
#bbbb62
```
#bbbb62 rgb(187,187,98)
```
#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#adbb62
```
#adbb62 rgb(173,187,98)
```
#a5bb62
```
#a5bb62 rgb(165,187,98)
```
#9ebb62
```
#9ebb62 rgb(158,187,98)
```

Similar Colors

Text with hexadecimal color #b4bb62

This text has a font color of #b4bb62.

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

#b4bb62 background color

This paragraph has a background color of #b4bb62.

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

#b4bb62 border color

This element has a border color of #b4bb62.

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

CSS codes

.text {color:#b4bb62;}

.background {background-color:#b4bb62;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#141509
```
#141509 rgb(20,21,9)
```
#21230f
```
#21230f rgb(33,35,15)
```
#2e3015
```
#2e3015 rgb(46,48,21)
```
#3b3e1b
```
#3b3e1b rgb(59,62,27)
```
#484c21
```
#484c21 rgb(72,76,33)
```
#555927
```
#555927 rgb(85,89,39)
```
#62672d
```
#62672d rgb(98,103,45)
```
#707533
```
#707533 rgb(112,117,51)
```
#7d8238
```
#7d8238 rgb(125,130,56)
```
#8a903e
```
#8a903e rgb(138,144,62)
```
#979e44
```
#979e44 rgb(151,158,68)
```
#a4ab4a
```
#a4ab4a rgb(164,171,74)
```

Shade Color Variation

#adb554
```
#adb554 rgb(173,181,84)
```
#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#bbc170
```
#bbc170 rgb(187,193,112)
```
#c1c77d
```
#c1c77d rgb(193,199,125)
```
#c8cd8b
```
#c8cd8b rgb(200,205,139)
```
#ced399
```
#ced399 rgb(206,211,153)
```
#d5d9a6
```
#d5d9a6 rgb(213,217,166)
```
#dbdfb4
```
#dbdfb4 rgb(219,223,180)
```
#e2e4c2
```
#e2e4c2 rgb(226,228,194)
```
#e8eacf
```
#e8eacf rgb(232,234,207)
```
#eff0dd
```
#eff0dd rgb(239,240,221)
```
#f5f6eb
```
#f5f6eb rgb(245,246,235)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#90908d
```
#90908d rgb(144,144,141)
```
#979885
```
#979885 rgb(151,152,133)
```
#9ea17c
```
#9ea17c rgb(158,161,124)
```
#a5aa73
```
#a5aa73 rgb(165,170,115)
```
#adb26b
```
#adb26b rgb(173,178,107)
```
#b4bb62
```
#b4bb62 rgb(180,187,98)
```
#bbc459
```
#bbc459 rgb(187,196,89)
```
#c3cc51
```
#c3cc51 rgb(195,204,81)
```
#cad548
```
#cad548 rgb(202,213,72)
```
#d1de3f
```
#d1de3f rgb(209,222,63)
```
#d8e637
```
#d8e637 rgb(216,230,55)
```
#e0ef2e
```
#e0ef2e rgb(224,239,46)
```
#e7f825
```
#e7f825 rgb(231,248,37)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b0b1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab868 Protanopia 1% of men
#dfb06e Deuteranopia 1% of men
#c3b4c1 Tritanopia 0.001% of the population

Trichromacy

#c2b965 Protanomaly 1% of men, 0.01% of women
#cfb46a Deuteranomaly 6% of men, 0.4% of women
#bdb69e Tritanomaly 0.01% of the population

#b4bb62 hex color

#b4bb62 Color Information

#b4bb62 Color Conversion

Color Schemes with #b4bb62

Alternatives to #b4bb62

#b4bb62 Preview

Shades and Tints of #b4bb62

Tones of #b4bb62

Color Blindness Simulator