#b4b221 hex color

In a RGB color space, hex #b4b221 is composed of 70.6% red, 69.8% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 81.7% yellow and 29.4% black. It has a hue angle of 59.2 degrees, a saturation of 69% and a lightness of 41.8%. #b4b221 color hex could be obtained by blending #ffff42 with #696500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 70
- B 13
RGB color chart
- C 0
- M 1
- Y 82
- K 29
CMYK color chart

● #b4b221 color description : Strong yellow.

The hexadecimal color #b4b221 has RGB values of R:180, G:178, B:33 and CMYK values of C:0, M:0.01, Y:0.82, K:0.29. Its decimal value is 11842081.

Hex triplet	b4b221	`#b4b221`
RGB Decimal	180, 178, 33	`rgb(180,178,33)`
RGB Percent	70.6, 69.8, 12.9	`rgb(70.6%,69.8%,12.9%)`
CMYK	0, 1, 82, 29
HSL	59.2°, 69, 41.8	`hsl(59.2,69%,41.8%)`
HSV (or HSB)	59.2°, 81.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.632, -14.973, 66.895
XYZ	35.017, 41.655, 7.634
xyY	0.415, 0.494, 41.655
CIE-LCH	70.632, 68.55, 102.616
CIE-LUV	70.632, 6.72, 74.158
Hunter-Lab	64.54, -16.098, 38.165
Binary	10110100, 10110010, 00100001

#b4b221
```
#b4b221 rgb(180,178,33)
```
#2123b4
```
#2123b4 rgb(33,35,180)
```

Complementary Color

#b46921
```
#b46921 rgb(180,105,33)
```
#b4b221
```
#b4b221 rgb(180,178,33)
```
#6db421
```
#6db421 rgb(109,180,33)
```

Analogous Color

#6921b4
```
#6921b4 rgb(105,33,180)
```
#b4b221
```
#b4b221 rgb(180,178,33)
```
#216db4
```
#216db4 rgb(33,109,180)
```

Split Complementary Color

#b221b4
```
#b221b4 rgb(178,33,180)
```
#b4b221
```
#b4b221 rgb(180,178,33)
```
#21b4b2
```
#21b4b2 rgb(33,180,178)
```

Triadic Color

#b42123
```
#b42123 rgb(180,33,35)
```
#b4b221
```
#b4b221 rgb(180,178,33)
```
#21b4b2
```
#21b4b2 rgb(33,180,178)
```
#2123b4
```
#2123b4 rgb(33,35,180)
```

Tetradic Color

#737215
```
#737215 rgb(115,114,21)
```
#898719
```
#898719 rgb(137,135,25)
```
#9e9d1d
```
#9e9d1d rgb(158,157,29)
```
#b4b221
```
#b4b221 rgb(180,178,33)
```
#cac725
```
#cac725 rgb(202,199,37)
```
#d9d72f
```
#d9d72f rgb(217,215,47)
```
#dddb45
```
#dddb45 rgb(221,219,69)
```

Monochromatic Color

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

#b48d21
```
#b48d21 rgb(180,141,33)
```
#b49a21
```
#b49a21 rgb(180,154,33)
```
#b4a621
```
#b4a621 rgb(180,166,33)
```
#b4b221
```
#b4b221 rgb(180,178,33)
```
#aab421
```
#aab421 rgb(170,180,33)
```
#9eb421
```
#9eb421 rgb(158,180,33)
```
#91b421
```
#91b421 rgb(145,180,33)
```

Similar Colors

Text with hexadecimal color #b4b221

This text has a font color of #b4b221.

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

#b4b221 background color

This paragraph has a background color of #b4b221.

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

#b4b221 border color

This element has a border color of #b4b221.

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

CSS codes

.text {color:#b4b221;}

.background {background-color:#b4b221;}

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

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

#0e0e03
```
#0e0e03 rgb(14,14,3)
```
#1f1e06
```
#1f1e06 rgb(31,30,6)
```
#2f2f09
```
#2f2f09 rgb(47,47,9)
```
#403f0c
```
#403f0c rgb(64,63,12)
```
#51500f
```
#51500f rgb(81,80,15)
```
#616012
```
#616012 rgb(97,96,18)
```
#727015
```
#727015 rgb(114,112,21)
```
#828118
```
#828118 rgb(130,129,24)
```
#93911b
```
#93911b rgb(147,145,27)
```
#a3a21e
```
#a3a21e rgb(163,162,30)
```
#b4b221
```
#b4b221 rgb(180,178,33)
```
#c5c224
```
#c5c224 rgb(197,194,36)
```
#d5d327
```
#d5d327 rgb(213,211,39)
```

Shade Color Variation

#dad836
```
#dad836 rgb(218,216,54)
```
#dddb46
```
#dddb46 rgb(221,219,70)
```
#e0de57
```
#e0de57 rgb(224,222,87)
```
#e3e267
```
#e3e267 rgb(227,226,103)
```
#e6e578
```
#e6e578 rgb(230,229,120)
```
#e9e889
```
#e9e889 rgb(233,232,137)
```
#eceb99
```
#eceb99 rgb(236,235,153)
```
#efeeaa
```
#efeeaa rgb(239,238,170)
```
#f2f2ba
```
#f2f2ba rgb(242,242,186)
```
#f5f5cb
```
#f5f5cb rgb(245,245,203)
```
#f8f8dc
```
#f8f8dc rgb(248,248,220)
```
#fcfbec
```
#fcfbec rgb(252,251,236)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#727263
```
#727263 rgb(114,114,99)
```
#7b7a5a
```
#7b7a5a rgb(123,122,90)
```
#838252
```
#838252 rgb(131,130,82)
```
#8b8a4a
```
#8b8a4a rgb(139,138,74)
```
#939242
```
#939242 rgb(147,146,66)
```
#9b9a3a
```
#9b9a3a rgb(155,154,58)
```
#a4a231
```
#a4a231 rgb(164,162,49)
```
#acaa29
```
#acaa29 rgb(172,170,41)
```
#b4b221
```
#b4b221 rgb(180,178,33)
```
#bcba19
```
#bcba19 rgb(188,186,25)
```
#c4c211
```
#c4c211 rgb(196,194,17)
```
#cdca08
```
#cdca08 rgb(205,202,8)
```
#d5d200
```
#d5d200 rgb(213,210,0)
```

Tone Color Variation

Below, you can see how #b4b221 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
#a6a588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b12b Protanopia 1% of men
#dca834 Deuteranopia 1% of men
#c4aab6 Tritanopia 0.001% of the population

Trichromacy

#bfb127 Protanomaly 1% of men, 0.01% of women
#cdac2d Deuteranomaly 6% of men, 0.4% of women
#bead7f Tritanomaly 0.01% of the population

#b4b221 hex color

#b4b221 Color Information

#b4b221 Color Conversion

Color Schemes with #b4b221

Alternatives to #b4b221

#b4b221 Preview

Shades and Tints of #b4b221

Tones of #b4b221

Color Blindness Simulator