#b48100 hex color

In a RGB color space, hex #b48100 is composed of 70.6% red, 50.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 100% yellow and 29.4% black. It has a hue angle of 43 degrees, a saturation of 100% and a lightness of 35.3%. #b48100 color hex could be obtained by blending #ffff00 with #690300. Closest websafe color is: #cc9900.

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

● #b48100 color description : Strong orange.

The hexadecimal color #b48100 has RGB values of R:180, G:129, B:0 and CMYK values of C:0, M:0.28, Y:1, K:0.29. Its decimal value is 11829504.

Hex triplet	b48100	`#b48100`
RGB Decimal	180, 129, 0	`rgb(180,129,0)`
RGB Percent	70.6, 50.6, 0	`rgb(70.6%,50.6%,0%)`
CMYK	0, 28, 100, 29
HSL	43°, 100, 35.3	`hsl(43,100%,35.3%)`
HSV (or HSB)	43°, 100, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	57.468, 10.679, 63.084
XYZ	26.673, 25.405, 3.499
xyY	0.48, 0.457, 25.405
CIE-LCH	57.468, 63.982, 80.392
CIE-LUV	57.468, 42.773, 58.528
Hunter-Lab	50.404, 6.254, 31.167
Binary	10110100, 10000001, 00000000

#b48100
```
#b48100 rgb(180,129,0)
```
#0033b4
```
#0033b4 rgb(0,51,180)
```

Complementary Color

#b42700
```
#b42700 rgb(180,39,0)
```
#b48100
```
#b48100 rgb(180,129,0)
```
#8db400
```
#8db400 rgb(141,180,0)
```

Analogous Color

#2700b4
```
#2700b4 rgb(39,0,180)
```
#b48100
```
#b48100 rgb(180,129,0)
```
#008db4
```
#008db4 rgb(0,141,180)
```

Split Complementary Color

#8100b4
```
#8100b4 rgb(129,0,180)
```
#b48100
```
#b48100 rgb(180,129,0)
```
#00b481
```
#00b481 rgb(0,180,129)
```

Triadic Color

#b40033
```
#b40033 rgb(180,0,51)
```
#b48100
```
#b48100 rgb(180,129,0)
```
#00b481
```
#00b481 rgb(0,180,129)
```
#0033b4
```
#0033b4 rgb(0,51,180)
```

Tetradic Color

#684a00
```
#684a00 rgb(104,74,0)
```
#815c00
```
#815c00 rgb(129,92,0)
```
#9b6f00
```
#9b6f00 rgb(155,111,0)
```
#b48100
```
#b48100 rgb(180,129,0)
```
#ce9300
```
#ce9300 rgb(206,147,0)
```
#e7a600
```
#e7a600 rgb(231,166,0)
```
#ffb701
```
#ffb701 rgb(255,183,1)
```

Monochromatic Color

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

#b45400
```
#b45400 rgb(180,84,0)
```
#b46300
```
#b46300 rgb(180,99,0)
```
#b47200
```
#b47200 rgb(180,114,0)
```
#b48100
```
#b48100 rgb(180,129,0)
```
#b49000
```
#b49000 rgb(180,144,0)
```
#b49f00
```
#b49f00 rgb(180,159,0)
```
#b4ae00
```
#b4ae00 rgb(180,174,0)
```

Similar Colors

Text with hexadecimal color #b48100

This text has a font color of #b48100.

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

#b48100 background color

This paragraph has a background color of #b48100.

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

#b48100 border color

This element has a border color of #b48100.

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

CSS codes

.text {color:#b48100;}

.background {background-color:#b48100;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#171100
```
#171100 rgb(23,17,0)
```
#2b1f00
```
#2b1f00 rgb(43,31,0)
```
#3e2d00
```
#3e2d00 rgb(62,45,0)
```
#523b00
```
#523b00 rgb(82,59,0)
```
#664900
```
#664900 rgb(102,73,0)
```
#795700
```
#795700 rgb(121,87,0)
```
#8d6500
```
#8d6500 rgb(141,101,0)
```
#a07300
```
#a07300 rgb(160,115,0)
```
#b48100
```
#b48100 rgb(180,129,0)
```
#c88f00
```
#c88f00 rgb(200,143,0)
```
#db9d00
```
#db9d00 rgb(219,157,0)
```
#efab00
```
#efab00 rgb(239,171,0)
```

Shade Color Variation

#ffb803
```
#ffb803 rgb(255,184,3)
```
#ffbd17
```
#ffbd17 rgb(255,189,23)
```
#ffc32b
```
#ffc32b rgb(255,195,43)
```
#ffc83e
```
#ffc83e rgb(255,200,62)
```
#ffce52
```
#ffce52 rgb(255,206,82)
```
#ffd466
```
#ffd466 rgb(255,212,102)
```
#ffd979
```
#ffd979 rgb(255,217,121)
```
#ffdf8d
```
#ffdf8d rgb(255,223,141)
```
#ffe4a0
```
#ffe4a0 rgb(255,228,160)
```
#ffeab4
```
#ffeab4 rgb(255,234,180)
```
#ffefc8
```
#ffefc8 rgb(255,239,200)
```
#fff5db
```
#fff5db rgb(255,245,219)
```
#fffaef
```
#fffaef rgb(255,250,239)
```

Tint Color Variation

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

#615d53
```
#615d53 rgb(97,93,83)
```
#68604c
```
#68604c rgb(104,96,76)
```
#6f6345
```
#6f6345 rgb(111,99,69)
```
#76663e
```
#76663e rgb(118,102,62)
```
#7d6937
```
#7d6937 rgb(125,105,55)
```
#846c30
```
#846c30 rgb(132,108,48)
```
#8a6f2a
```
#8a6f2a rgb(138,111,42)
```
#917223
```
#917223 rgb(145,114,35)
```
#98751c
```
#98751c rgb(152,117,28)
```
#9f7815
```
#9f7815 rgb(159,120,21)
```
#a67b0e
```
#a67b0e rgb(166,123,14)
```
#ad7e07
```
#ad7e07 rgb(173,126,7)
```
#b48100
```
#b48100 rgb(180,129,0)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8c8268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1900c Protanopia 1% of men
#b48900 Deuteranopia 1% of men
#be7e87 Tritanopia 0.001% of the population

Trichromacy

#a88a08 Protanomaly 1% of men, 0.01% of women
#b48600 Deuteranomaly 6% of men, 0.4% of women
#ba7f56 Tritanomaly 0.01% of the population

#b48100 hex color

#b48100 Color Information

#b48100 Color Conversion

Color Schemes with #b48100

Alternatives to #b48100

#b48100 Preview

Shades and Tints of #b48100

Tones of #b48100

Color Blindness Simulator