#b2bb31 hex color

In a RGB color space, hex #b2bb31 is composed of 69.8% red, 73.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 73.8% yellow and 26.7% black. It has a hue angle of 63.9 degrees, a saturation of 58.5% and a lightness of 46.3%. #b2bb31 color hex could be obtained by blending #ffff62 with #657700. Closest websafe color is: #99cc33.

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

● #b2bb31 color description : Moderate yellow.

The hexadecimal color #b2bb31 has RGB values of R:178, G:187, B:49 and CMYK values of C:0.05, M:0, Y:0.74, K:0.27. Its decimal value is 11713329.

Hex triplet	b2bb31	`#b2bb31`
RGB Decimal	178, 187, 49	`rgb(178,187,49)`
RGB Percent	69.8, 73.3, 19.2	`rgb(69.8%,73.3%,19.2%)`
CMYK	5, 0, 74, 27
HSL	63.9°, 58.5, 46.3	`hsl(63.9,58.5%,46.3%)`
HSV (or HSB)	63.9°, 73.8, 73.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.042, -19.757, 64.187
XYZ	36.685, 45.228, 9.703
xyY	0.4, 0.494, 45.228
CIE-LCH	73.042, 67.159, 107.109
CIE-LUV	73.042, -0.632, 74.652
Hunter-Lab	67.252, -20.321, 38.522
Binary	10110010, 10111011, 00110001

#b2bb31
```
#b2bb31 rgb(178,187,49)
```
#3a31bb
```
#3a31bb rgb(58,49,187)
```

Complementary Color

#bb7f31
```
#bb7f31 rgb(187,127,49)
```
#b2bb31
```
#b2bb31 rgb(178,187,49)
```
#6dbb31
```
#6dbb31 rgb(109,187,49)
```

Analogous Color

#7f31bb
```
#7f31bb rgb(127,49,187)
```
#b2bb31
```
#b2bb31 rgb(178,187,49)
```
#316dbb
```
#316dbb rgb(49,109,187)
```

Split Complementary Color

#bb31b2
```
#bb31b2 rgb(187,49,178)
```
#b2bb31
```
#b2bb31 rgb(178,187,49)
```
#31b2bb
```
#31b2bb rgb(49,178,187)
```

Triadic Color

#bb3a31
```
#bb3a31 rgb(187,58,49)
```
#b2bb31
```
#b2bb31 rgb(178,187,49)
```
#31b2bb
```
#31b2bb rgb(49,178,187)
```
#3a31bb
```
#3a31bb rgb(58,49,187)
```

Tetradic Color

#787e21
```
#787e21 rgb(120,126,33)
```
#8c9326
```
#8c9326 rgb(140,147,38)
```
#9fa72c
```
#9fa72c rgb(159,167,44)
```
#b2bb31
```
#b2bb31 rgb(178,187,49)
```
#c2cb3a
```
#c2cb3a rgb(194,203,58)
```
#c8d14e
```
#c8d14e rgb(200,209,78)
```
#ced663
```
#ced663 rgb(206,214,99)
```

Monochromatic Color

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

#bba231
```
#bba231 rgb(187,162,49)
```
#bbad31
```
#bbad31 rgb(187,173,49)
```
#bbb931
```
#bbb931 rgb(187,185,49)
```
#b2bb31
```
#b2bb31 rgb(178,187,49)
```
#a7bb31
```
#a7bb31 rgb(167,187,49)
```
#9bbb31
```
#9bbb31 rgb(155,187,49)
```
#90bb31
```
#90bb31 rgb(144,187,49)
```

Similar Colors

Text with hexadecimal color #b2bb31

This text has a font color of #b2bb31.

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

#b2bb31 background color

This paragraph has a background color of #b2bb31.

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

#b2bb31 border color

This element has a border color of #b2bb31.

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

CSS codes

.text {color:#b2bb31;}

.background {background-color:#b2bb31;}

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

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 #fafbf0 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0f1004
```
#0f1004 rgb(15,16,4)
```
#1e2008
```
#1e2008 rgb(30,32,8)
```
#2d2f0c
```
#2d2f0c rgb(45,47,12)
```
#3c3f10
```
#3c3f10 rgb(60,63,16)
```
#4a4e14
```
#4a4e14 rgb(74,78,20)
```
#595e19
```
#595e19 rgb(89,94,25)
```
#686d1d
```
#686d1d rgb(104,109,29)
```
#777d21
```
#777d21 rgb(119,125,33)
```
#868c25
```
#868c25 rgb(134,140,37)
```
#949c29
```
#949c29 rgb(148,156,41)
```
#a3ab2d
```
#a3ab2d rgb(163,171,45)
```
#b2bb31
```
#b2bb31 rgb(178,187,49)
```

Shade Color Variation

#c0ca35
```
#c0ca35 rgb(192,202,53)
```
#c5ce45
```
#c5ce45 rgb(197,206,69)
```
#cad255
```
#cad255 rgb(202,210,85)
```
#cfd664
```
#cfd664 rgb(207,214,100)
```
#d4da74
```
#d4da74 rgb(212,218,116)
```
#d9df83
```
#d9df83 rgb(217,223,131)
```
#dde393
```
#dde393 rgb(221,227,147)
```
#e2e7a2
```
#e2e7a2 rgb(226,231,162)
```
#e7ebb2
```
#e7ebb2 rgb(231,235,178)
```
#ecefc1
```
#ecefc1 rgb(236,239,193)
```
#f1f3d1
```
#f1f3d1 rgb(241,243,209)
```
#f6f7e0
```
#f6f7e0 rgb(246,247,224)
```
#fafbf0
```
#fafbf0 rgb(250,251,240)
```

Tint Color Variation

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

#7b7b71
```
#7b7b71 rgb(123,123,113)
```
#838567
```
#838567 rgb(131,133,103)
```
#8b8e5e
```
#8b8e5e rgb(139,142,94)
```
#929755
```
#929755 rgb(146,151,85)
```
#9aa04c
```
#9aa04c rgb(154,160,76)
```
#a2a943
```
#a2a943 rgb(162,169,67)
```
#aab23a
```
#aab23a rgb(170,178,58)
```
#b2bb31
```
#b2bb31 rgb(178,187,49)
```
#bac428
```
#bac428 rgb(186,196,40)
```
#c2cd1f
```
#c2cd1f rgb(194,205,31)
```
#cad616
```
#cad616 rgb(202,214,22)
```
#d2df0d
```
#d2df0d rgb(210,223,13)
```
#d9e804
```
#d9e804 rgb(217,232,4)
```

Tone Color Variation

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

#ccb739 Protanopia 1% of men
#e2ae43 Deuteranopia 1% of men
#c3b2bf Tritanopia 0.001% of the population

Trichromacy

#c2b836 Protanomaly 1% of men, 0.01% of women
#d1b33c Deuteranomaly 6% of men, 0.4% of women
#bdb58b Tritanomaly 0.01% of the population

#b2bb31 hex color

#b2bb31 Color Information

#b2bb31 Color Conversion

Color Schemes with #b2bb31

Alternatives to #b2bb31

#b2bb31 Preview

Shades and Tints of #b2bb31

Tones of #b2bb31

Color Blindness Simulator