#b2b228 hex color

In a RGB color space, hex #b2b228 is composed of 69.8% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 60 degrees, a saturation of 63.3% and a lightness of 42.7%. #b2b228 color hex could be obtained by blending #ffff50 with #656500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 70
- B 16
RGB color chart
- C 0
- M 0
- Y 78
- K 30
CMYK color chart

● #b2b228 color description : Dark yellow [Olive tone].

The hexadecimal color #b2b228 has RGB values of R:178, G:178, B:40 and CMYK values of C:0, M:0, Y:0.78, K:0.3. Its decimal value is 11711016.

Hex triplet	b2b228	`#b2b228`
RGB Decimal	178, 178, 40	`rgb(178,178,40)`
RGB Percent	69.8, 69.8, 15.7	`rgb(69.8%,69.8%,15.7%)`
CMYK	0, 0, 78, 30
HSL	60°, 63.3, 42.7	`hsl(60,63.3%,42.7%)`
HSV (or HSB)	60°, 77.5, 69.8
Web Safe	999933	`#999933`

CIE-LAB	70.497, -15.6, 64.728
XYZ	34.664, 41.46, 8.184
xyY	0.411, 0.492, 41.46
CIE-LCH	70.497, 66.582, 103.551
CIE-LUV	70.497, 5.253, 72.858
Hunter-Lab	64.389, -16.586, 37.537
Binary	10110010, 10110010, 00101000

#b2b228
```
#b2b228 rgb(178,178,40)
```
#2828b2
```
#2828b2 rgb(40,40,178)
```

Complementary Color

#b26d28
```
#b26d28 rgb(178,109,40)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#6db228
```
#6db228 rgb(109,178,40)
```

Analogous Color

#6d28b2
```
#6d28b2 rgb(109,40,178)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#286db2
```
#286db2 rgb(40,109,178)
```

Split Complementary Color

#b228b2
```
#b228b2 rgb(178,40,178)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#28b2b2
```
#28b2b2 rgb(40,178,178)
```

Triadic Color

#b22828
```
#b22828 rgb(178,40,40)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#28b2b2
```
#28b2b2 rgb(40,178,178)
```
#2828b2
```
#2828b2 rgb(40,40,178)
```

Tetradic Color

#74741a
```
#74741a rgb(116,116,26)
```
#88881f
```
#88881f rgb(136,136,31)
```
#9d9d23
```
#9d9d23 rgb(157,157,35)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#c7c72d
```
#c7c72d rgb(199,199,45)
```
#d3d33a
```
#d3d33a rgb(211,211,58)
```
#d7d74f
```
#d7d74f rgb(215,215,79)
```

Monochromatic Color

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

#b29028
```
#b29028 rgb(178,144,40)
```
#b29b28
```
#b29b28 rgb(178,155,40)
```
#b2a728
```
#b2a728 rgb(178,167,40)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#a7b228
```
#a7b228 rgb(167,178,40)
```
#9bb228
```
#9bb228 rgb(155,178,40)
```
#90b228
```
#90b228 rgb(144,178,40)
```

Similar Colors

Text with hexadecimal color #b2b228

This text has a font color of #b2b228.

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

#b2b228 background color

This paragraph has a background color of #b2b228.

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

#b2b228 border color

This element has a border color of #b2b228.

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

CSS codes

.text {color:#b2b228;}

.background {background-color:#b2b228;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121204
```
#121204 rgb(18,18,4)
```
#222208
```
#222208 rgb(34,34,8)
```
#32320b
```
#32320b rgb(50,50,11)
```
#42420f
```
#42420f rgb(66,66,15)
```
#525212
```
#525212 rgb(82,82,18)
```
#626216
```
#626216 rgb(98,98,22)
```
#72721a
```
#72721a rgb(114,114,26)
```
#82821d
```
#82821d rgb(130,130,29)
```
#929221
```
#929221 rgb(146,146,33)
```
#a2a224
```
#a2a224 rgb(162,162,36)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#c2c22c
```
#c2c22c rgb(194,194,44)
```

Shade Color Variation

#d1d131
```
#d1d131 rgb(209,209,49)
```
#d4d441
```
#d4d441 rgb(212,212,65)
```
#d8d851
```
#d8d851 rgb(216,216,81)
```
#dbdb61
```
#dbdb61 rgb(219,219,97)
```
#dfdf71
```
#dfdf71 rgb(223,223,113)
```
#e3e381
```
#e3e381 rgb(227,227,129)
```
#e6e691
```
#e6e691 rgb(230,230,145)
```
#eaeaa1
```
#eaeaa1 rgb(234,234,161)
```
#ededb1
```
#ededb1 rgb(237,237,177)
```
#f1f1c1
```
#f1f1c1 rgb(241,241,193)
```
#f5f5d1
```
#f5f5d1 rgb(245,245,209)
```
#f8f8e1
```
#f8f8e1 rgb(248,248,225)
```
#fcfcf1
```
#fcfcf1 rgb(252,252,241)
```

Tint Color Variation

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

#6f6f6b
```
#6f6f6b rgb(111,111,107)
```
#777763
```
#777763 rgb(119,119,99)
```
#80805a
```
#80805a rgb(128,128,90)
```
#888852
```
#888852 rgb(136,136,82)
```
#90904a
```
#90904a rgb(144,144,74)
```
#999941
```
#999941 rgb(153,153,65)
```
#a1a139
```
#a1a139 rgb(161,161,57)
```
#aaaa30
```
#aaaa30 rgb(170,170,48)
```
#b2b228
```
#b2b228 rgb(178,178,40)
```
#baba20
```
#baba20 rgb(186,186,32)
```
#c3c317
```
#c3c317 rgb(195,195,23)
```
#cbcb0f
```
#cbcb0f rgb(203,203,15)
```
#d4d406
```
#d4d406 rgb(212,212,6)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a58a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b131 Protanopia 1% of men
#dba83a Deuteranopia 1% of men
#c2aab6 Tritanopia 0.001% of the population

Trichromacy

#beb12e Protanomaly 1% of men, 0.01% of women
#ccab33 Deuteranomaly 6% of men, 0.4% of women
#bcad82 Tritanomaly 0.01% of the population

#b2b228 hex color

#b2b228 Color Information

#b2b228 Color Conversion

Color Schemes with #b2b228

Alternatives to #b2b228

#b2b228 Preview

Shades and Tints of #b2b228

Tones of #b2b228

Color Blindness Simulator