#b4b222 hex color

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

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

● #b4b222 color description : Strong yellow.

The hexadecimal color #b4b222 has RGB values of R:180, G:178, B:34 and CMYK values of C:0, M:0.01, Y:0.81, K:0.29. Its decimal value is 11842082.

Hex triplet	b4b222	`#b4b222`
RGB Decimal	180, 178, 34	`rgb(180,178,34)`
RGB Percent	70.6, 69.8, 13.3	`rgb(70.6%,69.8%,13.3%)`
CMYK	0, 1, 81, 29
HSL	59.2°, 68.2, 42	`hsl(59.2,68.2%,42%)`
HSV (or HSB)	59.2°, 81.1, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.636, -14.941, 66.633
XYZ	35.032, 41.66, 7.709
xyY	0.415, 0.494, 41.66
CIE-LCH	70.636, 68.288, 102.638
CIE-LUV	70.636, 6.708, 73.991
Hunter-Lab	64.545, -16.073, 38.1
Binary	10110100, 10110010, 00100010

#b4b222
```
#b4b222 rgb(180,178,34)
```
#2224b4
```
#2224b4 rgb(34,36,180)
```

Complementary Color

#b46922
```
#b46922 rgb(180,105,34)
```
#b4b222
```
#b4b222 rgb(180,178,34)
```
#6db422
```
#6db422 rgb(109,180,34)
```

Analogous Color

#6922b4
```
#6922b4 rgb(105,34,180)
```
#b4b222
```
#b4b222 rgb(180,178,34)
```
#226db4
```
#226db4 rgb(34,109,180)
```

Split Complementary Color

#b222b4
```
#b222b4 rgb(178,34,180)
```
#b4b222
```
#b4b222 rgb(180,178,34)
```
#22b4b2
```
#22b4b2 rgb(34,180,178)
```

Triadic Color

#b42224
```
#b42224 rgb(180,34,36)
```
#b4b222
```
#b4b222 rgb(180,178,34)
```
#22b4b2
```
#22b4b2 rgb(34,180,178)
```
#2224b4
```
#2224b4 rgb(34,36,180)
```

Tetradic Color

#747216
```
#747216 rgb(116,114,22)
```
#89881a
```
#89881a rgb(137,136,26)
```
#9f9d1e
```
#9f9d1e rgb(159,157,30)
```
#b4b222
```
#b4b222 rgb(180,178,34)
```
#c9c726
```
#c9c726 rgb(201,199,38)
```
#d8d631
```
#d8d631 rgb(216,214,49)
```
#dcda46
```
#dcda46 rgb(220,218,70)
```

Monochromatic Color

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

#b48e22
```
#b48e22 rgb(180,142,34)
```
#b49a22
```
#b49a22 rgb(180,154,34)
```
#b4a622
```
#b4a622 rgb(180,166,34)
```
#b4b222
```
#b4b222 rgb(180,178,34)
```
#aab422
```
#aab422 rgb(170,180,34)
```
#9eb422
```
#9eb422 rgb(158,180,34)
```
#92b422
```
#92b422 rgb(146,180,34)
```

Similar Colors

Text with hexadecimal color #b4b222

This text has a font color of #b4b222.

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

#b4b222 background color

This paragraph has a background color of #b4b222.

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

#b4b222 border color

This element has a border color of #b4b222.

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

CSS codes

.text {color:#b4b222;}

.background {background-color:#b4b222;}

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

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

#0f0f03
```
#0f0f03 rgb(15,15,3)
```
#201f06
```
#201f06 rgb(32,31,6)
```
#302f09
```
#302f09 rgb(48,47,9)
```
#41400c
```
#41400c rgb(65,64,12)
```
#51500f
```
#51500f rgb(81,80,15)
```
#626012
```
#626012 rgb(98,96,18)
```
#727116
```
#727116 rgb(114,113,22)
```
#838119
```
#838119 rgb(131,129,25)
```
#93911c
```
#93911c rgb(147,145,28)
```
#a4a21f
```
#a4a21f rgb(164,162,31)
```
#b4b222
```
#b4b222 rgb(180,178,34)
```
#c4c225
```
#c4c225 rgb(196,194,37)
```
#d5d328
```
#d5d328 rgb(213,211,40)
```

Shade Color Variation

#d9d738
```
#d9d738 rgb(217,215,56)
```
#dcda48
```
#dcda48 rgb(220,218,72)
```
#e0de59
```
#e0de59 rgb(224,222,89)
```
#e3e169
```
#e3e169 rgb(227,225,105)
```
#e6e47a
```
#e6e47a rgb(230,228,122)
```
#e9e88a
```
#e9e88a rgb(233,232,138)
```
#eceb9b
```
#eceb9b rgb(236,235,155)
```
#efeeab
```
#efeeab rgb(239,238,171)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#f5f5cc
```
#f5f5cc rgb(245,245,204)
```
#f8f8dd
```
#f8f8dd rgb(248,248,221)
```
#fcfbed
```
#fcfbed rgb(252,251,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#727264
```
#727264 rgb(114,114,100)
```
#7a7a5c
```
#7a7a5c rgb(122,122,92)
```
#838253
```
#838253 rgb(131,130,83)
```
#8b8a4b
```
#8b8a4b rgb(139,138,75)
```
#939243
```
#939243 rgb(147,146,67)
```
#9b9a3b
```
#9b9a3b rgb(155,154,59)
```
#a4a232
```
#a4a232 rgb(164,162,50)
```
#acaa2a
```
#acaa2a rgb(172,170,42)
```
#b4b222
```
#b4b222 rgb(180,178,34)
```
#bcba1a
```
#bcba1a rgb(188,186,26)
```
#c4c212
```
#c4c212 rgb(196,194,18)
```
#cdca09
```
#cdca09 rgb(205,202,9)
```
#d5d201
```
#d5d201 rgb(213,210,1)
```

Tone Color Variation

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

#c6b12c Protanopia 1% of men
#dca835 Deuteranopia 1% of men
#c4aab6 Tritanopia 0.001% of the population

Trichromacy

#bfb128 Protanomaly 1% of men, 0.01% of women
#cdac2e Deuteranomaly 6% of men, 0.4% of women
#bead80 Tritanomaly 0.01% of the population

#b4b222 hex color

#b4b222 Color Information

#b4b222 Color Conversion

Color Schemes with #b4b222

Alternatives to #b4b222

#b4b222 Preview

Shades and Tints of #b4b222

Tones of #b4b222

Color Blindness Simulator