#b4b22a hex color

In a RGB color space, hex #b4b22a is composed of 70.6% red, 69.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 76.7% yellow and 29.4% black. It has a hue angle of 59.1 degrees, a saturation of 62.2% and a lightness of 43.5%. #b4b22a color hex could be obtained by blending #ffff54 with #696500. Closest websafe color is: #cc9933.

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

● #b4b22a color description : Strong yellow.

The hexadecimal color #b4b22a has RGB values of R:180, G:178, B:42 and CMYK values of C:0, M:0.01, Y:0.77, K:0.29. Its decimal value is 11842090.

Hex triplet	b4b22a	`#b4b22a`
RGB Decimal	180, 178, 42	`rgb(180,178,42)`
RGB Percent	70.6, 69.8, 16.5	`rgb(70.6%,69.8%,16.5%)`
CMYK	0, 1, 77, 29
HSL	59.1°, 62.2, 43.5	`hsl(59.1,62.2%,43.5%)`
HSV (or HSB)	59.1°, 76.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.672, -14.655, 64.329
XYZ	35.161, 41.712, 8.389
xyY	0.412, 0.489, 41.712
CIE-LCH	70.672, 65.978, 102.834
CIE-LUV	70.672, 6.594, 72.487
Hunter-Lab	64.585, -15.846, 37.508
Binary	10110100, 10110010, 00101010

#b4b22a
```
#b4b22a rgb(180,178,42)
```
#2a2cb4
```
#2a2cb4 rgb(42,44,180)
```

Complementary Color

#b46d2a
```
#b46d2a rgb(180,109,42)
```
#b4b22a
```
#b4b22a rgb(180,178,42)
```
#71b42a
```
#71b42a rgb(113,180,42)
```

Analogous Color

#6d2ab4
```
#6d2ab4 rgb(109,42,180)
```
#b4b22a
```
#b4b22a rgb(180,178,42)
```
#2a71b4
```
#2a71b4 rgb(42,113,180)
```

Split Complementary Color

#b22ab4
```
#b22ab4 rgb(178,42,180)
```
#b4b22a
```
#b4b22a rgb(180,178,42)
```
#2ab4b2
```
#2ab4b2 rgb(42,180,178)
```

Triadic Color

#b42a2c
```
#b42a2c rgb(180,42,44)
```
#b4b22a
```
#b4b22a rgb(180,178,42)
```
#2ab4b2
```
#2ab4b2 rgb(42,180,178)
```
#2a2cb4
```
#2a2cb4 rgb(42,44,180)
```

Tetradic Color

#76751c
```
#76751c rgb(118,117,28)
```
#8b8920
```
#8b8920 rgb(139,137,32)
```
#9f9e25
```
#9f9e25 rgb(159,158,37)
```
#b4b22a
```
#b4b22a rgb(180,178,42)
```
#c9c62f
```
#c9c62f rgb(201,198,47)
```
#d2d03f
```
#d2d03f rgb(210,208,63)
```
#d7d554
```
#d7d554 rgb(215,213,84)
```

Monochromatic Color

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

#b4902a
```
#b4902a rgb(180,144,42)
```
#b49b2a
```
#b49b2a rgb(180,155,42)
```
#b4a72a
```
#b4a72a rgb(180,167,42)
```
#b4b22a
```
#b4b22a rgb(180,178,42)
```
#abb42a
```
#abb42a rgb(171,180,42)
```
#9fb42a
```
#9fb42a rgb(159,180,42)
```
#94b42a
```
#94b42a rgb(148,180,42)
```

Similar Colors

Text with hexadecimal color #b4b22a

This text has a font color of #b4b22a.

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

#b4b22a background color

This paragraph has a background color of #b4b22a.

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

#b4b22a border color

This element has a border color of #b4b22a.

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

CSS codes

.text {color:#b4b22a;}

.background {background-color:#b4b22a;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#151505
```
#151505 rgb(21,21,5)
```
#252409
```
#252409 rgb(37,36,9)
```
#35340c
```
#35340c rgb(53,52,12)
```
#454410
```
#454410 rgb(69,68,16)
```
#555414
```
#555414 rgb(85,84,20)
```
#646317
```
#646317 rgb(100,99,23)
```
#74731b
```
#74731b rgb(116,115,27)
```
#84831f
```
#84831f rgb(132,131,31)
```
#949323
```
#949323 rgb(148,147,35)
```
#a4a226
```
#a4a226 rgb(164,162,38)
```
#b4b22a
```
#b4b22a rgb(180,178,42)
```
#c4c22e
```
#c4c22e rgb(196,194,46)
```

Shade Color Variation

#d0ce35
```
#d0ce35 rgb(208,206,53)
```
#d4d245
```
#d4d245 rgb(212,210,69)
```
#d7d555
```
#d7d555 rgb(215,213,85)
```
#dbd965
```
#dbd965 rgb(219,217,101)
```
#dfdd75
```
#dfdd75 rgb(223,221,117)
```
#e2e185
```
#e2e185 rgb(226,225,133)
```
#e6e595
```
#e6e595 rgb(230,229,149)
```
#eae9a5
```
#eae9a5 rgb(234,233,165)
```
#eeedb5
```
#eeedb5 rgb(238,237,181)
```
#f1f1c4
```
#f1f1c4 rgb(241,241,196)
```
#f5f5d4
```
#f5f5d4 rgb(245,245,212)
```
#f9f8e4
```
#f9f8e4 rgb(249,248,228)
```
#fcfcf4
```
#fcfcf4 rgb(252,252,244)
```

Tint Color Variation

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

#70706e
```
#70706e rgb(112,112,110)
```
#787866
```
#787866 rgb(120,120,102)
```
#81805d
```
#81805d rgb(129,128,93)
```
#898955
```
#898955 rgb(137,137,85)
```
#92914c
```
#92914c rgb(146,145,76)
```
#9a9944
```
#9a9944 rgb(154,153,68)
```
#a3a13b
```
#a3a13b rgb(163,161,59)
```
#abaa33
```
#abaa33 rgb(171,170,51)
```
#b4b22a
```
#b4b22a rgb(180,178,42)
```
#bdba21
```
#bdba21 rgb(189,186,33)
```
#c5c319
```
#c5c319 rgb(197,195,25)
```
#cecb10
```
#cecb10 rgb(206,203,16)
```
#d6d308
```
#d6d308 rgb(214,211,8)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a68b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b133 Protanopia 1% of men
#dba83c Deuteranopia 1% of men
#c3aab6 Tritanopia 0.001% of the population

Trichromacy

#bfb130 Protanomaly 1% of men, 0.01% of women
#cdac35 Deuteranomaly 6% of men, 0.4% of women
#bead83 Tritanomaly 0.01% of the population

#b4b22a hex color

#b4b22a Color Information

#b4b22a Color Conversion

Color Schemes with #b4b22a

Alternatives to #b4b22a

#b4b22a Preview

Shades and Tints of #b4b22a

Tones of #b4b22a

Color Blindness Simulator