#b49948 hex color

In a RGB color space, hex #b49948 is composed of 70.6% red, 60% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 60% yellow and 29.4% black. It has a hue angle of 45 degrees, a saturation of 42.9% and a lightness of 49.4%. #b49948 color hex could be obtained by blending #ffff90 with #693300. Closest websafe color is: #cc9933.

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

● #b49948 color description : Moderate yellow.

The hexadecimal color #b49948 has RGB values of R:180, G:153, B:72 and CMYK values of C:0, M:0.15, Y:0.6, K:0.29. Its decimal value is 11835720.

Hex triplet	b49948	`#b49948`
RGB Decimal	180, 153, 72	`rgb(180,153,72)`
RGB Percent	70.6, 60, 28.2	`rgb(70.6%,60%,28.2%)`
CMYK	0, 15, 60, 29
HSL	45°, 42.9, 49.4	`hsl(45,42.9%,49.4%)`
HSV (or HSB)	45°, 60, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.124, 0.224, 45.456
XYZ	31.384, 32.955, 10.838
xyY	0.417, 0.438, 32.955
CIE-LCH	64.124, 45.456, 89.718
CIE-LUV	64.124, 22.543, 52.503
Hunter-Lab	57.406, -2.876, 28.99
Binary	10110100, 10011001, 01001000

#b49948
```
#b49948 rgb(180,153,72)
```
#4863b4
```
#4863b4 rgb(72,99,180)
```

Complementary Color

#b46348
```
#b46348 rgb(180,99,72)
```
#b49948
```
#b49948 rgb(180,153,72)
```
#99b448
```
#99b448 rgb(153,180,72)
```

Analogous Color

#6348b4
```
#6348b4 rgb(99,72,180)
```
#b49948
```
#b49948 rgb(180,153,72)
```
#4899b4
```
#4899b4 rgb(72,153,180)
```

Split Complementary Color

#9948b4
```
#9948b4 rgb(153,72,180)
```
#b49948
```
#b49948 rgb(180,153,72)
```
#48b499
```
#48b499 rgb(72,180,153)
```

Triadic Color

#b44863
```
#b44863 rgb(180,72,99)
```
#b49948
```
#b49948 rgb(180,153,72)
```
#48b499
```
#48b499 rgb(72,180,153)
```
#4863b4
```
#4863b4 rgb(72,99,180)
```

Tetradic Color

#7d6b32
```
#7d6b32 rgb(125,107,50)
```
#907a39
```
#907a39 rgb(144,122,57)
```
#a28a41
```
#a28a41 rgb(162,138,65)
```
#b49948
```
#b49948 rgb(180,153,72)
```
#bda459
```
#bda459 rgb(189,164,89)
```
#c4ae6b
```
#c4ae6b rgb(196,174,107)
```
#cbb87d
```
#cbb87d rgb(203,184,125)
```

Monochromatic Color

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

#b47e48
```
#b47e48 rgb(180,126,72)
```
#b48748
```
#b48748 rgb(180,135,72)
```
#b49048
```
#b49048 rgb(180,144,72)
```
#b49948
```
#b49948 rgb(180,153,72)
```
#b4a248
```
#b4a248 rgb(180,162,72)
```
#b4ab48
```
#b4ab48 rgb(180,171,72)
```
#b4b448
```
#b4b448 rgb(180,180,72)
```

Similar Colors

Text with hexadecimal color #b49948

This text has a font color of #b49948.

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

#b49948 background color

This paragraph has a background color of #b49948.

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

#b49948 border color

This element has a border color of #b49948.

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

CSS codes

.text {color:#b49948;}

.background {background-color:#b49948;}

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

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

#0c0a05
```
#0c0a05 rgb(12,10,5)
```
#1a160a
```
#1a160a rgb(26,22,10)
```
#282210
```
#282210 rgb(40,34,16)
```
#362e16
```
#362e16 rgb(54,46,22)
```
#443a1b
```
#443a1b rgb(68,58,27)
```
#524621
```
#524621 rgb(82,70,33)
```
#605226
```
#605226 rgb(96,82,38)
```
#6e5d2c
```
#6e5d2c rgb(110,93,44)
```
#7c6932
```
#7c6932 rgb(124,105,50)
```
#8a7537
```
#8a7537 rgb(138,117,55)
```
#98813d
```
#98813d rgb(152,129,61)
```
#a68d42
```
#a68d42 rgb(166,141,66)
```
#b49948
```
#b49948 rgb(180,153,72)
```

Shade Color Variation

#bba155
```
#bba155 rgb(187,161,85)
```
#c0a963
```
#c0a963 rgb(192,169,99)
```
#c6b171
```
#c6b171 rgb(198,177,113)
```
#ccb87f
```
#ccb87f rgb(204,184,127)
```
#d1c08d
```
#d1c08d rgb(209,192,141)
```
#d7c89b
```
#d7c89b rgb(215,200,155)
```
#ddd0a9
```
#ddd0a9 rgb(221,208,169)
```
#e2d7b7
```
#e2d7b7 rgb(226,215,183)
```
#e8dfc5
```
#e8dfc5 rgb(232,223,197)
```
#ede7d3
```
#ede7d3 rgb(237,231,211)
```
#f3eee1
```
#f3eee1 rgb(243,238,225)
```
#f9f6ef
```
#f9f6ef rgb(249,246,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#848178
```
#848178 rgb(132,129,120)
```
#8d866f
```
#8d866f rgb(141,134,111)
```
#978a65
```
#978a65 rgb(151,138,101)
```
#a18f5b
```
#a18f5b rgb(161,143,91)
```
#aa9452
```
#aa9452 rgb(170,148,82)
```
#b49948
```
#b49948 rgb(180,153,72)
```
#be9e3e
```
#be9e3e rgb(190,158,62)
```
#c7a335
```
#c7a335 rgb(199,163,53)
```
#d1a82b
```
#d1a82b rgb(209,168,43)
```
#dbac21
```
#dbac21 rgb(219,172,33)
```
#e4b118
```
#e4b118 rgb(228,177,24)
```
#eeb60e
```
#eeb60e rgb(238,182,14)
```
#f8bb04
```
#f8bb04 rgb(248,187,4)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9e9888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a052 Protanopia 1% of men
#c49953 Deuteranopia 1% of men
#bf95a0 Tritanopia 0.001% of the population

Trichromacy

#b29d4e Protanomaly 1% of men, 0.01% of women
#be994f Deuteranomaly 6% of men, 0.4% of women
#bb9680 Tritanomaly 0.01% of the population

#b49948 hex color

#b49948 Color Information

#b49948 Color Conversion

Color Schemes with #b49948

Alternatives to #b49948

#b49948 Preview

Shades and Tints of #b49948

Tones of #b49948

Color Blindness Simulator