#b4a22b hex color

In a RGB color space, hex #b4a22b is composed of 70.6% red, 63.5% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 76.1% yellow and 29.4% black. It has a hue angle of 52.1 degrees, a saturation of 61.4% and a lightness of 43.7%. #b4a22b color hex could be obtained by blending #ffff56 with #694500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 64
- B 17
RGB color chart
- C 0
- M 10
- Y 76
- K 29
CMYK color chart

● #b4a22b color description : Strong yellow.

The hexadecimal color #b4a22b has RGB values of R:180, G:162, B:43 and CMYK values of C:0, M:0.1, Y:0.76, K:0.29. Its decimal value is 11837995.

Hex triplet	b4a22b	`#b4a22b`
RGB Decimal	180, 162, 43	`rgb(180,162,43)`
RGB Percent	70.6, 63.5, 16.9	`rgb(70.6%,63.5%,16.9%)`
CMYK	0, 10, 76, 29
HSL	52.1°, 61.4, 43.7	`hsl(52.1,61.4%,43.7%)`
HSV (or HSB)	52.1°, 76.1, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.305, -6.28, 59.976
XYZ	32.179, 35.719, 7.485
xyY	0.427, 0.474, 35.719
CIE-LCH	66.305, 60.304, 95.977
CIE-LUV	66.305, 17.382, 65.633
Hunter-Lab	59.766, -8.482, 34.411
Binary	10110100, 10100010, 00101011

#b4a22b
```
#b4a22b rgb(180,162,43)
```
#2b3db4
```
#2b3db4 rgb(43,61,180)
```

Complementary Color

#b45e2b
```
#b45e2b rgb(180,94,43)
```
#b4a22b
```
#b4a22b rgb(180,162,43)
```
#82b42b
```
#82b42b rgb(130,180,43)
```

Analogous Color

#5d2bb4
```
#5d2bb4 rgb(93,43,180)
```
#b4a22b
```
#b4a22b rgb(180,162,43)
```
#2b82b4
```
#2b82b4 rgb(43,130,180)
```

Split Complementary Color

#a22bb4
```
#a22bb4 rgb(162,43,180)
```
#b4a22b
```
#b4a22b rgb(180,162,43)
```
#2bb4a2
```
#2bb4a2 rgb(43,180,162)
```

Triadic Color

#b42b3d
```
#b42b3d rgb(180,43,61)
```
#b4a22b
```
#b4a22b rgb(180,162,43)
```
#2bb4a2
```
#2bb4a2 rgb(43,180,162)
```
#2b3db4
```
#2b3db4 rgb(43,61,180)
```

Tetradic Color

#766a1c
```
#766a1c rgb(118,106,28)
```
#8b7d21
```
#8b7d21 rgb(139,125,33)
```
#9f8f26
```
#9f8f26 rgb(159,143,38)
```
#b4a22b
```
#b4a22b rgb(180,162,43)
```
#c9b530
```
#c9b530 rgb(201,181,48)
```
#d1be41
```
#d1be41 rgb(209,190,65)
```
#d6c555
```
#d6c555 rgb(214,197,85)
```

Monochromatic Color

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

#b4802b
```
#b4802b rgb(180,128,43)
```
#b48b2b
```
#b48b2b rgb(180,139,43)
```
#b4972b
```
#b4972b rgb(180,151,43)
```
#b4a22b
```
#b4a22b rgb(180,162,43)
```
#b4ad2b
```
#b4ad2b rgb(180,173,43)
```
#afb42b
```
#afb42b rgb(175,180,43)
```
#a4b42b
```
#a4b42b rgb(164,180,43)
```

Similar Colors

Text with hexadecimal color #b4a22b

This text has a font color of #b4a22b.

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

#b4a22b background color

This paragraph has a background color of #b4a22b.

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

#b4a22b border color

This element has a border color of #b4a22b.

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

CSS codes

.text {color:#b4a22b;}

.background {background-color:#b4a22b;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#161405
```
#161405 rgb(22,20,5)
```
#262209
```
#262209 rgb(38,34,9)
```
#35300d
```
#35300d rgb(53,48,13)
```
#453e11
```
#453e11 rgb(69,62,17)
```
#554d14
```
#554d14 rgb(85,77,20)
```
#655b18
```
#655b18 rgb(101,91,24)
```
#75691c
```
#75691c rgb(117,105,28)
```
#857720
```
#857720 rgb(133,119,32)
```
#948623
```
#948623 rgb(148,134,35)
```
#a49427
```
#a49427 rgb(164,148,39)
```
#b4a22b
```
#b4a22b rgb(180,162,43)
```
#c4b02f
```
#c4b02f rgb(196,176,47)
```

Shade Color Variation

#cfbb37
```
#cfbb37 rgb(207,187,55)
```
#d3c147
```
#d3c147 rgb(211,193,71)
```
#d7c657
```
#d7c657 rgb(215,198,87)
```
#dbcb67
```
#dbcb67 rgb(219,203,103)
```
#ded176
```
#ded176 rgb(222,209,118)
```
#e2d686
```
#e2d686 rgb(226,214,134)
```
#e6db96
```
#e6db96 rgb(230,219,150)
```
#eae1a6
```
#eae1a6 rgb(234,225,166)
```
#ede6b6
```
#ede6b6 rgb(237,230,182)
```
#f1ecc6
```
#f1ecc6 rgb(241,236,198)
```
#f5f1d5
```
#f5f1d5 rgb(245,241,213)
```
#f9f6e5
```
#f9f6e5 rgb(249,246,229)
```
#fdfcf5
```
#fdfcf5 rgb(253,252,245)
```

Tint Color Variation

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

#787667
```
#787667 rgb(120,118,103)
```
#817c5e
```
#817c5e rgb(129,124,94)
```
#898256
```
#898256 rgb(137,130,86)
```
#92894d
```
#92894d rgb(146,137,77)
```
#9a8f45
```
#9a8f45 rgb(154,143,69)
```
#a3953c
```
#a3953c rgb(163,149,60)
```
#ab9c34
```
#ab9c34 rgb(171,156,52)
```
#b4a22b
```
#b4a22b rgb(180,162,43)
```
#bda822
```
#bda822 rgb(189,168,34)
```
#c5af1a
```
#c5af1a rgb(197,175,26)
```
#ceb511
```
#ceb511 rgb(206,181,17)
```
#d6bb09
```
#d6bb09 rgb(214,187,9)
```
#dfc200
```
#dfc200 rgb(223,194,0)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9f9c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a635 Protanopia 1% of men
#cd9e3a Deuteranopia 1% of men
#c19ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a431 Protanomaly 1% of men, 0.01% of women
#c49f34 Deuteranomaly 6% of men, 0.4% of women
#bc9e7a Tritanomaly 0.01% of the population

#b4a22b hex color

#b4a22b Color Information

#b4a22b Color Conversion

Color Schemes with #b4a22b

Alternatives to #b4a22b

#b4a22b Preview

Shades and Tints of #b4a22b

Tones of #b4a22b

Color Blindness Simulator