#b48400 hex color

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

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

● #b48400 color description : Strong orange.

The hexadecimal color #b48400 has RGB values of R:180, G:132, B:0 and CMYK values of C:0, M:0.27, Y:1, K:0.29. Its decimal value is 11830272.

Hex triplet	b48400	`#b48400`
RGB Decimal	180, 132, 0	`rgb(180,132,0)`
RGB Percent	70.6, 51.8, 0	`rgb(70.6%,51.8%,0%)`
CMYK	0, 27, 100, 29
HSL	44°, 100, 35.3	`hsl(44,100%,35.3%)`
HSV (or HSB)	44°, 100, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	58.233, 9.013, 63.604
XYZ	27.074, 26.207, 3.633
xyY	0.476, 0.46, 26.207
CIE-LCH	58.233, 64.239, 81.934
CIE-LUV	58.233, 40.411, 59.664
Hunter-Lab	51.193, 4.814, 31.628
Binary	10110100, 10000100, 00000000

#b48400
```
#b48400 rgb(180,132,0)
```
#0030b4
```
#0030b4 rgb(0,48,180)
```

Complementary Color

#b42a00
```
#b42a00 rgb(180,42,0)
```
#b48400
```
#b48400 rgb(180,132,0)
```
#8ab400
```
#8ab400 rgb(138,180,0)
```

Analogous Color

#2a00b4
```
#2a00b4 rgb(42,0,180)
```
#b48400
```
#b48400 rgb(180,132,0)
```
#008ab4
```
#008ab4 rgb(0,138,180)
```

Split Complementary Color

#8400b4
```
#8400b4 rgb(132,0,180)
```
#b48400
```
#b48400 rgb(180,132,0)
```
#00b484
```
#00b484 rgb(0,180,132)
```

Triadic Color

#b40030
```
#b40030 rgb(180,0,48)
```
#b48400
```
#b48400 rgb(180,132,0)
```
#00b484
```
#00b484 rgb(0,180,132)
```
#0030b4
```
#0030b4 rgb(0,48,180)
```

Tetradic Color

#684c00
```
#684c00 rgb(104,76,0)
```
#815f00
```
#815f00 rgb(129,95,0)
```
#9b7100
```
#9b7100 rgb(155,113,0)
```
#b48400
```
#b48400 rgb(180,132,0)
```
#ce9700
```
#ce9700 rgb(206,151,0)
```
#e7a900
```
#e7a900 rgb(231,169,0)
```
#ffbb01
```
#ffbb01 rgb(255,187,1)
```

Monochromatic Color

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

#b45700
```
#b45700 rgb(180,87,0)
```
#b46600
```
#b46600 rgb(180,102,0)
```
#b47500
```
#b47500 rgb(180,117,0)
```
#b48400
```
#b48400 rgb(180,132,0)
```
#b49300
```
#b49300 rgb(180,147,0)
```
#b4a200
```
#b4a200 rgb(180,162,0)
```
#b4b100
```
#b4b100 rgb(180,177,0)
```

Similar Colors

Text with hexadecimal color #b48400

This text has a font color of #b48400.

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

#b48400 background color

This paragraph has a background color of #b48400.

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

#b48400 border color

This element has a border color of #b48400.

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

CSS codes

.text {color:#b48400;}

.background {background-color:#b48400;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#171100
```
#171100 rgb(23,17,0)
```
#2b1f00
```
#2b1f00 rgb(43,31,0)
```
#3e2e00
```
#3e2e00 rgb(62,46,0)
```
#523c00
```
#523c00 rgb(82,60,0)
```
#664a00
```
#664a00 rgb(102,74,0)
```
#795900
```
#795900 rgb(121,89,0)
```
#8d6700
```
#8d6700 rgb(141,103,0)
```
#a07600
```
#a07600 rgb(160,118,0)
```
#b48400
```
#b48400 rgb(180,132,0)
```
#c89200
```
#c89200 rgb(200,146,0)
```
#dba100
```
#dba100 rgb(219,161,0)
```
#efaf00
```
#efaf00 rgb(239,175,0)
```

Shade Color Variation

#ffbc03
```
#ffbc03 rgb(255,188,3)
```
#ffc117
```
#ffc117 rgb(255,193,23)
```
#ffc62b
```
#ffc62b rgb(255,198,43)
```
#ffcc3e
```
#ffcc3e rgb(255,204,62)
```
#ffd152
```
#ffd152 rgb(255,209,82)
```
#ffd666
```
#ffd666 rgb(255,214,102)
```
#ffdb79
```
#ffdb79 rgb(255,219,121)
```
#ffe18d
```
#ffe18d rgb(255,225,141)
```
#ffe6a0
```
#ffe6a0 rgb(255,230,160)
```
#ffebb4
```
#ffebb4 rgb(255,235,180)
```
#fff0c8
```
#fff0c8 rgb(255,240,200)
```
#fff5db
```
#fff5db rgb(255,245,219)
```
#fffbef
```
#fffbef rgb(255,251,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 #b48400 is the most saturated one.

#615d53
```
#615d53 rgb(97,93,83)
```
#68604c
```
#68604c rgb(104,96,76)
```
#6f6445
```
#6f6445 rgb(111,100,69)
```
#76673e
```
#76673e rgb(118,103,62)
```
#7d6a37
```
#7d6a37 rgb(125,106,55)
```
#846d30
```
#846d30 rgb(132,109,48)
```
#8a712a
```
#8a712a rgb(138,113,42)
```
#917423
```
#917423 rgb(145,116,35)
```
#98771c
```
#98771c rgb(152,119,28)
```
#9f7a15
```
#9f7a15 rgb(159,122,21)
```
#a67e0e
```
#a67e0e rgb(166,126,14)
```
#ad8107
```
#ad8107 rgb(173,129,7)
```
#b48400
```
#b48400 rgb(180,132,0)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8d8369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3920c Protanopia 1% of men
#b68a00 Deuteranopia 1% of men
#be818a Tritanopia 0.001% of the population

Trichromacy

#a98d07 Protanomaly 1% of men, 0.01% of women
#b58800 Deuteranomaly 6% of men, 0.4% of women
#ba8257 Tritanomaly 0.01% of the population

#b48400 hex color

#b48400 Color Information

#b48400 Color Conversion

Color Schemes with #b48400

Alternatives to #b48400

#b48400 Preview

Shades and Tints of #b48400

Tones of #b48400

Color Blindness Simulator