#b48b1e hex color

In a RGB color space, hex #b48b1e is composed of 70.6% red, 54.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.8% magenta, 83.3% yellow and 29.4% black. It has a hue angle of 43.6 degrees, a saturation of 71.4% and a lightness of 41.2%. #b48b1e color hex could be obtained by blending #ffff3c with #691700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 55
- B 12
RGB color chart
- C 0
- M 23
- Y 83
- K 29
CMYK color chart

● #b48b1e color description : Strong orange.

The hexadecimal color #b48b1e has RGB values of R:180, G:139, B:30 and CMYK values of C:0, M:0.23, Y:0.83, K:0.29. Its decimal value is 11832094.

Hex triplet	b48b1e	`#b48b1e`
RGB Decimal	180, 139, 30	`rgb(180,139,30)`
RGB Percent	70.6, 54.5, 11.8	`rgb(70.6%,54.5%,11.8%)`
CMYK	0, 23, 83, 29
HSL	43.6°, 71.4, 41.2	`hsl(43.6,71.4%,41.2%)`
HSV (or HSB)	43.6°, 83.3, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.126, 5.706, 58.719
XYZ	28.29, 28.264, 5.194
xyY	0.458, 0.458, 28.264
CIE-LCH	60.126, 58.996, 84.449
CIE-LUV	60.126, 34.426, 58.934
Hunter-Lab	53.164, 1.948, 31.422
Binary	10110100, 10001011, 00011110

#b48b1e
```
#b48b1e rgb(180,139,30)
```
#1e47b4
```
#1e47b4 rgb(30,71,180)
```

Complementary Color

#b4401e
```
#b4401e rgb(180,64,30)
```
#b48b1e
```
#b48b1e rgb(180,139,30)
```
#92b41e
```
#92b41e rgb(146,180,30)
```

Analogous Color

#401eb4
```
#401eb4 rgb(64,30,180)
```
#b48b1e
```
#b48b1e rgb(180,139,30)
```
#1e92b4
```
#1e92b4 rgb(30,146,180)
```

Split Complementary Color

#8b1eb4
```
#8b1eb4 rgb(139,30,180)
```
#b48b1e
```
#b48b1e rgb(180,139,30)
```
#1eb48b
```
#1eb48b rgb(30,180,139)
```

Triadic Color

#b41e47
```
#b41e47 rgb(180,30,71)
```
#b48b1e
```
#b48b1e rgb(180,139,30)
```
#1eb48b
```
#1eb48b rgb(30,180,139)
```
#1e47b4
```
#1e47b4 rgb(30,71,180)
```

Tetradic Color

#725813
```
#725813 rgb(114,88,19)
```
#886917
```
#886917 rgb(136,105,23)
```
#9e7a1a
```
#9e7a1a rgb(158,122,26)
```
#b48b1e
```
#b48b1e rgb(180,139,30)
```
#ca9c22
```
#ca9c22 rgb(202,156,34)
```
#dbab2a
```
#dbab2a rgb(219,171,42)
```
#dfb33f
```
#dfb33f rgb(223,179,63)
```

Monochromatic Color

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

#b4661e
```
#b4661e rgb(180,102,30)
```
#b4721e
```
#b4721e rgb(180,114,30)
```
#b47f1e
```
#b47f1e rgb(180,127,30)
```
#b48b1e
```
#b48b1e rgb(180,139,30)
```
#b4981e
```
#b4981e rgb(180,152,30)
```
#b4a41e
```
#b4a41e rgb(180,164,30)
```
#b4b11e
```
#b4b11e rgb(180,177,30)
```

Similar Colors

Text with hexadecimal color #b48b1e

This text has a font color of #b48b1e.

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

#b48b1e background color

This paragraph has a background color of #b48b1e.

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

#b48b1e border color

This element has a border color of #b48b1e.

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

CSS codes

.text {color:#b48b1e;}

.background {background-color:#b48b1e;}

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

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

#0c0902
```
#0c0902 rgb(12,9,2)
```
#1d1605
```
#1d1605 rgb(29,22,5)
```
#2d2308
```
#2d2308 rgb(45,35,8)
```
#3e300a
```
#3e300a rgb(62,48,10)
```
#4f3d0d
```
#4f3d0d rgb(79,61,13)
```
#604a10
```
#604a10 rgb(96,74,16)
```
#715713
```
#715713 rgb(113,87,19)
```
#826416
```
#826416 rgb(130,100,22)
```
#927118
```
#927118 rgb(146,113,24)
```
#a37e1b
```
#a37e1b rgb(163,126,27)
```
#b48b1e
```
#b48b1e rgb(180,139,30)
```
#c59821
```
#c59821 rgb(197,152,33)
```
#d6a524
```
#d6a524 rgb(214,165,36)
```

Shade Color Variation

#ddad30
```
#ddad30 rgb(221,173,48)
```
#dfb441
```
#dfb441 rgb(223,180,65)
```
#e2bb52
```
#e2bb52 rgb(226,187,82)
```
#e5c163
```
#e5c163 rgb(229,193,99)
```
#e8c874
```
#e8c874 rgb(232,200,116)
```
#ebcf84
```
#ebcf84 rgb(235,207,132)
```
#edd595
```
#edd595 rgb(237,213,149)
```
#f0dca6
```
#f0dca6 rgb(240,220,166)
```
#f3e3b7
```
#f3e3b7 rgb(243,227,183)
```
#f6e9c8
```
#f6e9c8 rgb(246,233,200)
```
#f9f0d8
```
#f9f0d8 rgb(249,240,216)
```
#fbf6e9
```
#fbf6e9 rgb(251,246,233)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#6b6a67
```
#6b6a67 rgb(107,106,103)
```
#736e5f
```
#736e5f rgb(115,110,95)
```
#7b7157
```
#7b7157 rgb(123,113,87)
```
#84754e
```
#84754e rgb(132,117,78)
```
#8c7946
```
#8c7946 rgb(140,121,70)
```
#947c3e
```
#947c3e rgb(148,124,62)
```
#9c8036
```
#9c8036 rgb(156,128,54)
```
#a4842e
```
#a4842e rgb(164,132,46)
```
#ac8726
```
#ac8726 rgb(172,135,38)
```
#b48b1e
```
#b48b1e rgb(180,139,30)
```
#bc8f16
```
#bc8f16 rgb(188,143,22)
```
#c4920e
```
#c4920e rgb(196,146,14)
```
#cc9606
```
#cc9606 rgb(204,150,6)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#938b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8962b Protanopia 1% of men
#bb8f2a Deuteranopia 1% of men
#be8791 Tritanopia 0.001% of the population

Trichromacy

#ac9226 Protanomaly 1% of men, 0.01% of women
#b88d26 Deuteranomaly 6% of men, 0.4% of women
#ba8867 Tritanomaly 0.01% of the population

#b48b1e hex color

#b48b1e Color Information

#b48b1e Color Conversion

Color Schemes with #b48b1e

Alternatives to #b48b1e

#b48b1e Preview

Shades and Tints of #b48b1e

Tones of #b48b1e

Color Blindness Simulator