#b4a226 hex color

In a RGB color space, hex #b4a226 is composed of 70.6% red, 63.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 78.9% yellow and 29.4% black. It has a hue angle of 52.4 degrees, a saturation of 65.1% and a lightness of 42.7%. #b4a226 color hex could be obtained by blending #ffff4c with #694500. Closest websafe color is: #cc9933.

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

● #b4a226 color description : Strong yellow.

The hexadecimal color #b4a226 has RGB values of R:180, G:162, B:38 and CMYK values of C:0, M:0.1, Y:0.79, K:0.29. Its decimal value is 11837990.

Hex triplet	b4a226	`#b4a226`
RGB Decimal	180, 162, 38	`rgb(180,162,38)`
RGB Percent	70.6, 63.5, 14.9	`rgb(70.6%,63.5%,14.9%)`
CMYK	0, 10, 79, 29
HSL	52.4°, 65.1, 42.7	`hsl(52.4,65.1%,42.7%)`
HSV (or HSB)	52.4°, 78.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.278, -6.477, 61.621
XYZ	32.093, 35.685, 7.031
xyY	0.429, 0.477, 35.685
CIE-LCH	66.278, 61.96, 96
CIE-LUV	66.278, 17.498, 66.719
Hunter-Lab	59.737, -8.643, 34.837
Binary	10110100, 10100010, 00100110

#b4a226
```
#b4a226 rgb(180,162,38)
```
#2638b4
```
#2638b4 rgb(38,56,180)
```

Complementary Color

#b45b26
```
#b45b26 rgb(180,91,38)
```
#b4a226
```
#b4a226 rgb(180,162,38)
```
#7fb426
```
#7fb426 rgb(127,180,38)
```

Analogous Color

#5b26b4
```
#5b26b4 rgb(91,38,180)
```
#b4a226
```
#b4a226 rgb(180,162,38)
```
#267fb4
```
#267fb4 rgb(38,127,180)
```

Split Complementary Color

#a226b4
```
#a226b4 rgb(162,38,180)
```
#b4a226
```
#b4a226 rgb(180,162,38)
```
#26b4a2
```
#26b4a2 rgb(38,180,162)
```

Triadic Color

#b42638
```
#b42638 rgb(180,38,56)
```
#b4a226
```
#b4a226 rgb(180,162,38)
```
#26b4a2
```
#26b4a2 rgb(38,180,162)
```
#2638b4
```
#2638b4 rgb(38,56,180)
```

Tetradic Color

#756919
```
#756919 rgb(117,105,25)
```
#8a7c1d
```
#8a7c1d rgb(138,124,29)
```
#9f8f22
```
#9f8f22 rgb(159,143,34)
```
#b4a226
```
#b4a226 rgb(180,162,38)
```
#c9b52a
```
#c9b52a rgb(201,181,42)
```
#d5c138
```
#d5c138 rgb(213,193,56)
```
#d9c84d
```
#d9c84d rgb(217,200,77)
```

Monochromatic Color

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

#b47f26
```
#b47f26 rgb(180,127,38)
```
#b48a26
```
#b48a26 rgb(180,138,38)
```
#b49626
```
#b49626 rgb(180,150,38)
```
#b4a226
```
#b4a226 rgb(180,162,38)
```
#b4ae26
```
#b4ae26 rgb(180,174,38)
```
#aeb426
```
#aeb426 rgb(174,180,38)
```
#a3b426
```
#a3b426 rgb(163,180,38)
```

Similar Colors

Text with hexadecimal color #b4a226

This text has a font color of #b4a226.

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

#b4a226 background color

This paragraph has a background color of #b4a226.

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

#b4a226 border color

This element has a border color of #b4a226.

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

CSS codes

.text {color:#b4a226;}

.background {background-color:#b4a226;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121004
```
#121004 rgb(18,16,4)
```
#221f07
```
#221f07 rgb(34,31,7)
```
#322d0b
```
#322d0b rgb(50,45,11)
```
#433c0e
```
#433c0e rgb(67,60,14)
```
#534b11
```
#534b11 rgb(83,75,17)
```
#635915
```
#635915 rgb(99,89,21)
```
#736818
```
#736818 rgb(115,104,24)
```
#83761c
```
#83761c rgb(131,118,28)
```
#94851f
```
#94851f rgb(148,133,31)
```
#a49323
```
#a49323 rgb(164,147,35)
```
#b4a226
```
#b4a226 rgb(180,162,38)
```
#c4b129
```
#c4b129 rgb(196,177,41)
```

Shade Color Variation

#d3be2e
```
#d3be2e rgb(211,190,46)
```
#d6c33e
```
#d6c33e rgb(214,195,62)
```
#dac84f
```
#dac84f rgb(218,200,79)
```
#ddcd5f
```
#ddcd5f rgb(221,205,95)
```
#e1d26f
```
#e1d26f rgb(225,210,111)
```
#e4d77f
```
#e4d77f rgb(228,215,127)
```
#e7dc8f
```
#e7dc8f rgb(231,220,143)
```
#ebe1a0
```
#ebe1a0 rgb(235,225,160)
```
#eee6b0
```
#eee6b0 rgb(238,230,176)
```
#f2ebc0
```
#f2ebc0 rgb(242,235,192)
```
#f5f0d0
```
#f5f0d0 rgb(245,240,208)
```
#f9f5e0
```
#f9f5e0 rgb(249,245,224)
```
#fcfbf1
```
#fcfbf1 rgb(252,251,241)
```

Tint Color Variation

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

#717069
```
#717069 rgb(113,112,105)
```
#797661
```
#797661 rgb(121,118,97)
```
#827c58
```
#827c58 rgb(130,124,88)
```
#8a8350
```
#8a8350 rgb(138,131,80)
```
#928948
```
#928948 rgb(146,137,72)
```
#9b8f3f
```
#9b8f3f rgb(155,143,63)
```
#a39537
```
#a39537 rgb(163,149,55)
```
#ac9c2e
```
#ac9c2e rgb(172,156,46)
```
#b4a226
```
#b4a226 rgb(180,162,38)
```
#bca81e
```
#bca81e rgb(188,168,30)
```
#c5af15
```
#c5af15 rgb(197,175,21)
```
#cdb50d
```
#cdb50d rgb(205,181,13)
```
#d6bb04
```
#d6bb04 rgb(214,187,4)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9e9b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a631 Protanopia 1% of men
#ce9e35 Deuteranopia 1% of men
#c19ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a42d Protanomaly 1% of men, 0.01% of women
#c49f30 Deuteranomaly 6% of men, 0.4% of women
#bc9e78 Tritanomaly 0.01% of the population

#b4a226 hex color

#b4a226 Color Information

#b4a226 Color Conversion

Color Schemes with #b4a226

Alternatives to #b4a226

#b4a226 Preview

Shades and Tints of #b4a226

Tones of #b4a226

Color Blindness Simulator