#b4bb2f hex color

In a RGB color space, hex #b4bb2f is composed of 70.6% red, 73.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 74.9% yellow and 26.7% black. It has a hue angle of 63 degrees, a saturation of 59.8% and a lightness of 45.9%. #b4bb2f color hex could be obtained by blending #ffff5e with #697700. Closest websafe color is: #cccc33.

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

● #b4bb2f color description : Moderate yellow.

The hexadecimal color #b4bb2f has RGB values of R:180, G:187, B:47 and CMYK values of C:0.04, M:0, Y:0.75, K:0.27. Its decimal value is 11844399.

Hex triplet	b4bb2f	`#b4bb2f`
RGB Decimal	180, 187, 47	`rgb(180,187,47)`
RGB Percent	70.6, 73.3, 18.4	`rgb(70.6%,73.3%,18.4%)`
CMYK	4, 0, 75, 27
HSL	63°, 59.8, 45.9	`hsl(63,59.8%,45.9%)`
HSV (or HSB)	63°, 74.9, 73.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.187, -18.996, 65.043
XYZ	37.106, 45.45, 9.507
xyY	0.403, 0.494, 45.45
CIE-LCH	73.187, 67.76, 106.281
CIE-LUV	73.187, 0.717, 75.141
Hunter-Lab	67.416, -19.733, 38.83
Binary	10110100, 10111011, 00101111

#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#362fbb
```
#362fbb rgb(54,47,187)
```

Complementary Color

#bb7c2f
```
#bb7c2f rgb(187,124,47)
```
#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#6ebb2f
```
#6ebb2f rgb(110,187,47)
```

Analogous Color

#7c2fbb
```
#7c2fbb rgb(124,47,187)
```
#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#2f6ebb
```
#2f6ebb rgb(47,110,187)
```

Split Complementary Color

#bb2fb4
```
#bb2fb4 rgb(187,47,180)
```
#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#2fb4bb
```
#2fb4bb rgb(47,180,187)
```

Triadic Color

#bb362f
```
#bb362f rgb(187,54,47)
```
#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#2fb4bb
```
#2fb4bb rgb(47,180,187)
```
#362fbb
```
#362fbb rgb(54,47,187)
```

Tetradic Color

#797e20
```
#797e20 rgb(121,126,32)
```
#8d9225
```
#8d9225 rgb(141,146,37)
```
#a0a72a
```
#a0a72a rgb(160,167,42)
```
#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#c5cd37
```
#c5cd37 rgb(197,205,55)
```
#cbd24b
```
#cbd24b rgb(203,210,75)
```
#d1d760
```
#d1d760 rgb(209,215,96)
```

Monochromatic Color

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

#bb9f2f
```
#bb9f2f rgb(187,159,47)
```
#bbab2f
```
#bbab2f rgb(187,171,47)
```
#bbb62f
```
#bbb62f rgb(187,182,47)
```
#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#a8bb2f
```
#a8bb2f rgb(168,187,47)
```
#9dbb2f
```
#9dbb2f rgb(157,187,47)
```
#91bb2f
```
#91bb2f rgb(145,187,47)
```

Similar Colors

Text with hexadecimal color #b4bb2f

This text has a font color of #b4bb2f.

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

#b4bb2f background color

This paragraph has a background color of #b4bb2f.

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

#b4bb2f border color

This element has a border color of #b4bb2f.

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

CSS codes

.text {color:#b4bb2f;}

.background {background-color:#b4bb2f;}

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

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, #0e0f04 is the darkest color, while #fffffe is the lightest one.

#0e0f04
```
#0e0f04 rgb(14,15,4)
```
#1d1e08
```
#1d1e08 rgb(29,30,8)
```
#2c2e0c
```
#2c2e0c rgb(44,46,12)
```
#3b3e0f
```
#3b3e0f rgb(59,62,15)
```
#4a4d13
```
#4a4d13 rgb(74,77,19)
```
#595d17
```
#595d17 rgb(89,93,23)
```
#696d1b
```
#696d1b rgb(105,109,27)
```
#787c1f
```
#787c1f rgb(120,124,31)
```
#878c23
```
#878c23 rgb(135,140,35)
```
#969c27
```
#969c27 rgb(150,156,39)
```
#a5ab2b
```
#a5ab2b rgb(165,171,43)
```
#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#c3cb33
```
#c3cb33 rgb(195,203,51)
```

Shade Color Variation

#c8cf42
```
#c8cf42 rgb(200,207,66)
```
#cdd351
```
#cdd351 rgb(205,211,81)
```
#d1d761
```
#d1d761 rgb(209,215,97)
```
#d6db71
```
#d6db71 rgb(214,219,113)
```
#dadf80
```
#dadf80 rgb(218,223,128)
```
#dfe390
```
#dfe390 rgb(223,227,144)
```
#e4e7a0
```
#e4e7a0 rgb(228,231,160)
```
#e8ebb0
```
#e8ebb0 rgb(232,235,176)
```
#edefbf
```
#edefbf rgb(237,239,191)
```
#f1f3cf
```
#f1f3cf rgb(241,243,207)
```
#f6f7df
```
#f6f7df rgb(246,247,223)
```
#fafbee
```
#fafbee rgb(250,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7b7c6e
```
#7b7c6e rgb(123,124,110)
```
#838565
```
#838565 rgb(131,133,101)
```
#8c8e5c
```
#8c8e5c rgb(140,142,92)
```
#949753
```
#949753 rgb(148,151,83)
```
#9ca04a
```
#9ca04a rgb(156,160,74)
```
#a4a941
```
#a4a941 rgb(164,169,65)
```
#acb238
```
#acb238 rgb(172,178,56)
```
#b4bb2f
```
#b4bb2f rgb(180,187,47)
```
#bcc426
```
#bcc426 rgb(188,196,38)
```
#c4cd1d
```
#c4cd1d rgb(196,205,29)
```
#ccd614
```
#ccd614 rgb(204,214,20)
```
#d4df0b
```
#d4df0b rgb(212,223,11)
```
#dde802
```
#dde802 rgb(221,232,2)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#abad91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb738 Protanopia 1% of men
#e3af41 Deuteranopia 1% of men
#c5b2bf Tritanopia 0.001% of the population

Trichromacy

#c3b934 Protanomaly 1% of men, 0.01% of women
#d2b33a Deuteranomaly 6% of men, 0.4% of women
#beb58a Tritanomaly 0.01% of the population

#b4bb2f hex color

#b4bb2f Color Information

#b4bb2f Color Conversion

Color Schemes with #b4bb2f

Alternatives to #b4bb2f

#b4bb2f Preview

Shades and Tints of #b4bb2f

Tones of #b4bb2f

Color Blindness Simulator