#b48300 hex color

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

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

● #b48300 color description : Strong orange.

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

Hex triplet	b48300	`#b48300`
RGB Decimal	180, 131, 0	`rgb(180,131,0)`
RGB Percent	70.6, 51.4, 0	`rgb(70.6%,51.4%,0%)`
CMYK	0, 27, 100, 29
HSL	43.7°, 100, 35.3	`hsl(43.7,100%,35.3%)`
HSV (or HSB)	43.7°, 100, 70.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	57.978, 9.568, 63.43
XYZ	26.939, 25.938, 3.588
xyY	0.477, 0.459, 25.938
CIE-LCH	57.978, 64.147, 81.422
CIE-LUV	57.978, 41.196, 59.285
Hunter-Lab	50.929, 5.294, 31.474
Binary	10110100, 10000011, 00000000

#b48300
```
#b48300 rgb(180,131,0)
```
#0031b4
```
#0031b4 rgb(0,49,180)
```

Complementary Color

#b42900
```
#b42900 rgb(180,41,0)
```
#b48300
```
#b48300 rgb(180,131,0)
```
#8bb400
```
#8bb400 rgb(139,180,0)
```

Analogous Color

#2900b4
```
#2900b4 rgb(41,0,180)
```
#b48300
```
#b48300 rgb(180,131,0)
```
#008bb4
```
#008bb4 rgb(0,139,180)
```

Split Complementary Color

#8300b4
```
#8300b4 rgb(131,0,180)
```
#b48300
```
#b48300 rgb(180,131,0)
```
#00b483
```
#00b483 rgb(0,180,131)
```

Triadic Color

#b40031
```
#b40031 rgb(180,0,49)
```
#b48300
```
#b48300 rgb(180,131,0)
```
#00b483
```
#00b483 rgb(0,180,131)
```
#0031b4
```
#0031b4 rgb(0,49,180)
```

Tetradic Color

#684b00
```
#684b00 rgb(104,75,0)
```
#815e00
```
#815e00 rgb(129,94,0)
```
#9b7000
```
#9b7000 rgb(155,112,0)
```
#b48300
```
#b48300 rgb(180,131,0)
```
#ce9600
```
#ce9600 rgb(206,150,0)
```
#e7a800
```
#e7a800 rgb(231,168,0)
```
#ffba01
```
#ffba01 rgb(255,186,1)
```

Monochromatic Color

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

#b45600
```
#b45600 rgb(180,86,0)
```
#b46500
```
#b46500 rgb(180,101,0)
```
#b47400
```
#b47400 rgb(180,116,0)
```
#b48300
```
#b48300 rgb(180,131,0)
```
#b49200
```
#b49200 rgb(180,146,0)
```
#b4a100
```
#b4a100 rgb(180,161,0)
```
#b4b000
```
#b4b000 rgb(180,176,0)
```

Similar Colors

Text with hexadecimal color #b48300

This text has a font color of #b48300.

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

#b48300 background color

This paragraph has a background color of #b48300.

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

#b48300 border color

This element has a border color of #b48300.

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

CSS codes

.text {color:#b48300;}

.background {background-color:#b48300;}

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

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)
```
#3e2d00
```
#3e2d00 rgb(62,45,0)
```
#523c00
```
#523c00 rgb(82,60,0)
```
#664a00
```
#664a00 rgb(102,74,0)
```
#795800
```
#795800 rgb(121,88,0)
```
#8d6600
```
#8d6600 rgb(141,102,0)
```
#a07500
```
#a07500 rgb(160,117,0)
```
#b48300
```
#b48300 rgb(180,131,0)
```
#c89100
```
#c89100 rgb(200,145,0)
```
#dba000
```
#dba000 rgb(219,160,0)
```
#efae00
```
#efae00 rgb(239,174,0)
```

Shade Color Variation

#ffbb03
```
#ffbb03 rgb(255,187,3)
```
#ffc017
```
#ffc017 rgb(255,192,23)
```
#ffc52b
```
#ffc52b rgb(255,197,43)
```
#ffcb3e
```
#ffcb3e rgb(255,203,62)
```
#ffd052
```
#ffd052 rgb(255,208,82)
```
#ffd566
```
#ffd566 rgb(255,213,102)
```
#ffdb79
```
#ffdb79 rgb(255,219,121)
```
#ffe08d
```
#ffe08d rgb(255,224,141)
```
#ffe5a0
```
#ffe5a0 rgb(255,229,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 #b48300 is the most saturated one.

#615d53
```
#615d53 rgb(97,93,83)
```
#68604c
```
#68604c rgb(104,96,76)
```
#6f6345
```
#6f6345 rgb(111,99,69)
```
#76673e
```
#76673e rgb(118,103,62)
```
#7d6a37
```
#7d6a37 rgb(125,106,55)
```
#846d30
```
#846d30 rgb(132,109,48)
```
#8a702a
```
#8a702a rgb(138,112,42)
```
#917323
```
#917323 rgb(145,115,35)
```
#98761c
```
#98761c rgb(152,118,28)
```
#9f7a15
```
#9f7a15 rgb(159,122,21)
```
#a67d0e
```
#a67d0e rgb(166,125,14)
```
#ad8007
```
#ad8007 rgb(173,128,7)
```
#b48300
```
#b48300 rgb(180,131,0)
```

Tone Color Variation

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

#a3910c Protanopia 1% of men
#b58a00 Deuteranopia 1% of men
#be8089 Tritanopia 0.001% of the population

Trichromacy

#a98c08 Protanomaly 1% of men, 0.01% of women
#b58700 Deuteranomaly 6% of men, 0.4% of women
#ba8157 Tritanomaly 0.01% of the population

#b48300 hex color

#b48300 Color Information

#b48300 Color Conversion

Color Schemes with #b48300

Alternatives to #b48300

#b48300 Preview

Shades and Tints of #b48300

Tones of #b48300

Color Blindness Simulator