#b2bb1f hex color

In a RGB color space, hex #b2bb1f is composed of 69.8% red, 73.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 83.4% yellow and 26.7% black. It has a hue angle of 63.5 degrees, a saturation of 71.6% and a lightness of 42.7%. #b2bb1f color hex could be obtained by blending #ffff3e with #657700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 70
- G 73
- B 12
RGB color chart
- C 5
- M 0
- Y 83
- K 27
CMYK color chart

● #b2bb1f color description : Strong yellow.

The hexadecimal color #b2bb1f has RGB values of R:178, G:187, B:31 and CMYK values of C:0.05, M:0, Y:0.83, K:0.27. Its decimal value is 11713311.

Hex triplet	b2bb1f	`#b2bb1f`
RGB Decimal	178, 187, 31	`rgb(178,187,31)`
RGB Percent	69.8, 73.3, 12.2	`rgb(69.8%,73.3%,12.2%)`
CMYK	5, 0, 83, 27
HSL	63.5°, 71.6, 42.7	`hsl(63.5,71.6%,42.7%)`
HSV (or HSB)	63.5°, 83.4, 73.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.961, -20.428, 69.314
XYZ	36.378, 45.105, 8.086
xyY	0.406, 0.504, 45.105
CIE-LCH	72.961, 72.262, 106.421
CIE-LUV	72.961, -0.436, 78.074
Hunter-Lab	67.16, -20.845, 39.874
Binary	10110010, 10111011, 00011111

#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#281fbb
```
#281fbb rgb(40,31,187)
```

Complementary Color

#bb761f
```
#bb761f rgb(187,118,31)
```
#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#64bb1f
```
#64bb1f rgb(100,187,31)
```

Analogous Color

#761fbb
```
#761fbb rgb(118,31,187)
```
#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#1f64bb
```
#1f64bb rgb(31,100,187)
```

Split Complementary Color

#bb1fb2
```
#bb1fb2 rgb(187,31,178)
```
#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#1fb2bb
```
#1fb2bb rgb(31,178,187)
```

Triadic Color

#bb281f
```
#bb281f rgb(187,40,31)
```
#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#1fb2bb
```
#1fb2bb rgb(31,178,187)
```
#281fbb
```
#281fbb rgb(40,31,187)
```

Tetradic Color

#747914
```
#747914 rgb(116,121,20)
```
#888f18
```
#888f18 rgb(136,143,24)
```
#9da51b
```
#9da51b rgb(157,165,27)
```
#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#c7d123
```
#c7d123 rgb(199,209,35)
```
#d3dd30
```
#d3dd30 rgb(211,221,48)
```
#d7e046
```
#d7e046 rgb(215,224,70)
```

Monochromatic Color

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

#bb9d1f
```
#bb9d1f rgb(187,157,31)
```
#bbaa1f
```
#bbaa1f rgb(187,170,31)
```
#bbb71f
```
#bbb71f rgb(187,183,31)
```
#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#a5bb1f
```
#a5bb1f rgb(165,187,31)
```
#98bb1f
```
#98bb1f rgb(152,187,31)
```
#8bbb1f
```
#8bbb1f rgb(139,187,31)
```

Similar Colors

Text with hexadecimal color #b2bb1f

This text has a font color of #b2bb1f.

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

#b2bb1f background color

This paragraph has a background color of #b2bb1f.

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

#b2bb1f border color

This element has a border color of #b2bb1f.

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

CSS codes

.text {color:#b2bb1f;}

.background {background-color:#b2bb1f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121303
```
#121303 rgb(18,19,3)
```
#222406
```
#222406 rgb(34,36,6)
```
#323409
```
#323409 rgb(50,52,9)
```
#42450b
```
#42450b rgb(66,69,11)
```
#52560e
```
#52560e rgb(82,86,14)
```
#626711
```
#626711 rgb(98,103,17)
```
#727814
```
#727814 rgb(114,120,20)
```
#828917
```
#828917 rgb(130,137,23)
```
#929919
```
#929919 rgb(146,153,25)
```
#a2aa1c
```
#a2aa1c rgb(162,170,28)
```
#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#c2cc22
```
#c2cc22 rgb(194,204,34)
```

Shade Color Variation

#d1db26
```
#d1db26 rgb(209,219,38)
```
#d4de37
```
#d4de37 rgb(212,222,55)
```
#d8e148
```
#d8e148 rgb(216,225,72)
```
#dbe359
```
#dbe359 rgb(219,227,89)
```
#dfe669
```
#dfe669 rgb(223,230,105)
```
#e3e97a
```
#e3e97a rgb(227,233,122)
```
#e6ec8b
```
#e6ec8b rgb(230,236,139)
```
#eaef9c
```
#eaef9c rgb(234,239,156)
```
#edf1ad
```
#edf1ad rgb(237,241,173)
```
#f1f4be
```
#f1f4be rgb(241,244,190)
```
#f5f7ce
```
#f5f7ce rgb(245,247,206)
```
#f8fadf
```
#f8fadf rgb(248,250,223)
```
#fcfdf0
```
#fcfdf0 rgb(252,253,240)
```

Tint Color Variation

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

#6f706a
```
#6f706a rgb(111,112,106)
```
#777862
```
#777862 rgb(119,120,98)
```
#7e805a
```
#7e805a rgb(126,128,90)
```
#858951
```
#858951 rgb(133,137,81)
```
#8d9149
```
#8d9149 rgb(141,145,73)
```
#949941
```
#949941 rgb(148,153,65)
```
#9ca238
```
#9ca238 rgb(156,162,56)
```
#a3aa30
```
#a3aa30 rgb(163,170,48)
```
#abb327
```
#abb327 rgb(171,179,39)
```
#b2bb1f
```
#b2bb1f rgb(178,187,31)
```
#b9c317
```
#b9c317 rgb(185,195,23)
```
#c1cc0e
```
#c1cc0e rgb(193,204,14)
```
#c8d406
```
#c8d406 rgb(200,212,6)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9ab8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb728 Protanopia 1% of men
#e3ae35 Deuteranopia 1% of men
#c3b2be Tritanopia 0.001% of the population

Trichromacy

#c3b825 Protanomaly 1% of men, 0.01% of women
#d1b22d Deuteranomaly 6% of men, 0.4% of women
#bdb584 Tritanomaly 0.01% of the population

#b2bb1f hex color

#b2bb1f Color Information

#b2bb1f Color Conversion

Color Schemes with #b2bb1f

Alternatives to #b2bb1f

#b2bb1f Preview

Shades and Tints of #b2bb1f

Tones of #b2bb1f

Color Blindness Simulator