#b49a22 hex color

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

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

● #b49a22 color description : Strong yellow.

The hexadecimal color #b49a22 has RGB values of R:180, G:154, B:34 and CMYK values of C:0, M:0.14, Y:0.81, K:0.29. Its decimal value is 11835938.

Hex triplet	b49a22	`#b49a22`
RGB Decimal	180, 154, 34	`rgb(180,154,34)`
RGB Percent	70.6, 60.4, 13.3	`rgb(70.6%,60.4%,13.3%)`
CMYK	0, 14, 81, 29
HSL	49.3°, 68.2, 42	`hsl(49.3,68.2%,42%)`
HSV (or HSB)	49.3°, 81.1, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.105, -2.343, 60.944
XYZ	30.667, 32.931, 6.254
xyY	0.439, 0.471, 32.931
CIE-LCH	64.105, 60.989, 92.202
CIE-LUV	64.105, 23.254, 64.24
Hunter-Lab	57.386, -5.034, 33.708
Binary	10110100, 10011010, 00100010

#b49a22
```
#b49a22 rgb(180,154,34)
```
#223cb4
```
#223cb4 rgb(34,60,180)
```

Complementary Color

#b45122
```
#b45122 rgb(180,81,34)
```
#b49a22
```
#b49a22 rgb(180,154,34)
```
#85b422
```
#85b422 rgb(133,180,34)
```

Analogous Color

#5122b4
```
#5122b4 rgb(81,34,180)
```
#b49a22
```
#b49a22 rgb(180,154,34)
```
#2285b4
```
#2285b4 rgb(34,133,180)
```

Split Complementary Color

#9a22b4
```
#9a22b4 rgb(154,34,180)
```
#b49a22
```
#b49a22 rgb(180,154,34)
```
#22b49a
```
#22b49a rgb(34,180,154)
```

Triadic Color

#b4223c
```
#b4223c rgb(180,34,60)
```
#b49a22
```
#b49a22 rgb(180,154,34)
```
#22b49a
```
#22b49a rgb(34,180,154)
```
#223cb4
```
#223cb4 rgb(34,60,180)
```

Tetradic Color

#746316
```
#746316 rgb(116,99,22)
```
#89751a
```
#89751a rgb(137,117,26)
```
#9f881e
```
#9f881e rgb(159,136,30)
```
#b49a22
```
#b49a22 rgb(180,154,34)
```
#c9ac26
```
#c9ac26 rgb(201,172,38)
```
#d8ba31
```
#d8ba31 rgb(216,186,49)
```
#dcc146
```
#dcc146 rgb(220,193,70)
```

Monochromatic Color

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

#b47622
```
#b47622 rgb(180,118,34)
```
#b48222
```
#b48222 rgb(180,130,34)
```
#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)
```

Similar Colors

Text with hexadecimal color #b49a22

This text has a font color of #b49a22.

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

#b49a22 background color

This paragraph has a background color of #b49a22.

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

#b49a22 border color

This element has a border color of #b49a22.

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

CSS codes

.text {color:#b49a22;}

.background {background-color:#b49a22;}

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

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

#0f0d03
```
#0f0d03 rgb(15,13,3)
```
#201b06
```
#201b06 rgb(32,27,6)
```
#302909
```
#302909 rgb(48,41,9)
```
#41370c
```
#41370c rgb(65,55,12)
```
#51450f
```
#51450f rgb(81,69,15)
```
#625312
```
#625312 rgb(98,83,18)
```
#726216
```
#726216 rgb(114,98,22)
```
#837019
```
#837019 rgb(131,112,25)
```
#937e1c
```
#937e1c rgb(147,126,28)
```
#a48c1f
```
#a48c1f rgb(164,140,31)
```
#b49a22
```
#b49a22 rgb(180,154,34)
```
#c4a825
```
#c4a825 rgb(196,168,37)
```
#d5b628
```
#d5b628 rgb(213,182,40)
```

Shade Color Variation

#d9bd38
```
#d9bd38 rgb(217,189,56)
```
#dcc248
```
#dcc248 rgb(220,194,72)
```
#e0c859
```
#e0c859 rgb(224,200,89)
```
#e3cd69
```
#e3cd69 rgb(227,205,105)
```
#e6d37a
```
#e6d37a rgb(230,211,122)
```
#e9d88a
```
#e9d88a rgb(233,216,138)
```
#ecde9b
```
#ecde9b rgb(236,222,155)
```
#efe3ab
```
#efe3ab rgb(239,227,171)
```
#f2e9bc
```
#f2e9bc rgb(242,233,188)
```
#f5eecc
```
#f5eecc rgb(245,238,204)
```
#f8f4dd
```
#f8f4dd rgb(248,244,221)
```
#fcf9ed
```
#fcf9ed rgb(252,249,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#727064
```
#727064 rgb(114,112,100)
```
#7a755c
```
#7a755c rgb(122,117,92)
```
#837a53
```
#837a53 rgb(131,122,83)
```
#8b804b
```
#8b804b rgb(139,128,75)
```
#938543
```
#938543 rgb(147,133,67)
```
#9b8a3b
```
#9b8a3b rgb(155,138,59)
```
#a48f32
```
#a48f32 rgb(164,143,50)
```
#ac952a
```
#ac952a rgb(172,149,42)
```
#b49a22
```
#b49a22 rgb(180,154,34)
```
#bc9f1a
```
#bc9f1a rgb(188,159,26)
```
#c4a512
```
#c4a512 rgb(196,165,18)
```
#cdaa09
```
#cdaa09 rgb(205,170,9)
```
#d5af01
```
#d5af01 rgb(213,175,1)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9a957d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a02d Protanopia 1% of men
#c79831 Deuteranopia 1% of men
#c0959f Tritanopia 0.001% of the population

Trichromacy

#b39e29 Protanomaly 1% of men, 0.01% of women
#c0992b Deuteranomaly 6% of men, 0.4% of women
#bc9671 Tritanomaly 0.01% of the population

#b49a22 hex color

#b49a22 Color Information

#b49a22 Color Conversion

Color Schemes with #b49a22

Alternatives to #b49a22

#b49a22 Preview

Shades and Tints of #b49a22

Tones of #b49a22

Color Blindness Simulator