#b48d1e hex color

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

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

● #b48d1e color description : Strong orange.

The hexadecimal color #b48d1e has RGB values of R:180, G:141, B:30 and CMYK values of C:0, M:0.22, Y:0.83, K:0.29. Its decimal value is 11832606.

Hex triplet	b48d1e	`#b48d1e`
RGB Decimal	180, 141, 30	`rgb(180,141,30)`
RGB Percent	70.6, 55.3, 11.8	`rgb(70.6%,55.3%,11.8%)`
CMYK	0, 22, 83, 29
HSL	44.4°, 71.4, 41.2	`hsl(44.4,71.4%,41.2%)`
HSV (or HSB)	44.4°, 83.3, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.647, 4.605, 59.167
XYZ	28.582, 28.848, 5.291
xyY	0.456, 0.46, 28.848
CIE-LCH	60.647, 59.346, 85.549
CIE-LUV	60.647, 32.919, 59.735
Hunter-Lab	53.711, 0.995, 31.757
Binary	10110100, 10001101, 00011110

#b48d1e
```
#b48d1e rgb(180,141,30)
```
#1e45b4
```
#1e45b4 rgb(30,69,180)
```

Complementary Color

#b4421e
```
#b4421e rgb(180,66,30)
```
#b48d1e
```
#b48d1e rgb(180,141,30)
```
#90b41e
```
#90b41e rgb(144,180,30)
```

Analogous Color

#421eb4
```
#421eb4 rgb(66,30,180)
```
#b48d1e
```
#b48d1e rgb(180,141,30)
```
#1e90b4
```
#1e90b4 rgb(30,144,180)
```

Split Complementary Color

#8d1eb4
```
#8d1eb4 rgb(141,30,180)
```
#b48d1e
```
#b48d1e rgb(180,141,30)
```
#1eb48d
```
#1eb48d rgb(30,180,141)
```

Triadic Color

#b41e45
```
#b41e45 rgb(180,30,69)
```
#b48d1e
```
#b48d1e rgb(180,141,30)
```
#1eb48d
```
#1eb48d rgb(30,180,141)
```
#1e45b4
```
#1e45b4 rgb(30,69,180)
```

Tetradic Color

#725a13
```
#725a13 rgb(114,90,19)
```
#886b17
```
#886b17 rgb(136,107,23)
```
#9e7c1a
```
#9e7c1a rgb(158,124,26)
```
#b48d1e
```
#b48d1e rgb(180,141,30)
```
#ca9e22
```
#ca9e22 rgb(202,158,34)
```
#dbad2a
```
#dbad2a rgb(219,173,42)
```
#dfb63f
```
#dfb63f rgb(223,182,63)
```

Monochromatic Color

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

#b4681e
```
#b4681e rgb(180,104,30)
```
#b4741e
```
#b4741e rgb(180,116,30)
```
#b4811e
```
#b4811e rgb(180,129,30)
```
#b48d1e
```
#b48d1e rgb(180,141,30)
```
#b49a1e
```
#b49a1e rgb(180,154,30)
```
#b4a61e
```
#b4a61e rgb(180,166,30)
```
#b4b31e
```
#b4b31e rgb(180,179,30)
```

Similar Colors

Text with hexadecimal color #b48d1e

This text has a font color of #b48d1e.

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

#b48d1e background color

This paragraph has a background color of #b48d1e.

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

#b48d1e border color

This element has a border color of #b48d1e.

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

CSS codes

.text {color:#b48d1e;}

.background {background-color:#b48d1e;}

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

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)
```
#2d2408
```
#2d2408 rgb(45,36,8)
```
#3e310a
```
#3e310a rgb(62,49,10)
```
#4f3e0d
```
#4f3e0d rgb(79,62,13)
```
#604b10
```
#604b10 rgb(96,75,16)
```
#715813
```
#715813 rgb(113,88,19)
```
#826516
```
#826516 rgb(130,101,22)
```
#927318
```
#927318 rgb(146,115,24)
```
#a3801b
```
#a3801b rgb(163,128,27)
```
#b48d1e
```
#b48d1e rgb(180,141,30)
```
#c59a21
```
#c59a21 rgb(197,154,33)
```
#d6a724
```
#d6a724 rgb(214,167,36)
```

Shade Color Variation

#ddb030
```
#ddb030 rgb(221,176,48)
```
#dfb641
```
#dfb641 rgb(223,182,65)
```
#e2bd52
```
#e2bd52 rgb(226,189,82)
```
#e5c363
```
#e5c363 rgb(229,195,99)
```
#e8ca74
```
#e8ca74 rgb(232,202,116)
```
#ebd084
```
#ebd084 rgb(235,208,132)
```
#edd695
```
#edd695 rgb(237,214,149)
```
#f0dda6
```
#f0dda6 rgb(240,221,166)
```
#f3e3b7
```
#f3e3b7 rgb(243,227,183)
```
#f6eac8
```
#f6eac8 rgb(246,234,200)
```
#f9f0d8
```
#f9f0d8 rgb(249,240,216)
```
#fbf7e9
```
#fbf7e9 rgb(251,247,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 #cc9906 is the most saturated one.

#6b6a67
```
#6b6a67 rgb(107,106,103)
```
#736e5f
```
#736e5f rgb(115,110,95)
```
#7b7257
```
#7b7257 rgb(123,114,87)
```
#84764e
```
#84764e rgb(132,118,78)
```
#8c7a46
```
#8c7a46 rgb(140,122,70)
```
#947d3e
```
#947d3e rgb(148,125,62)
```
#9c8136
```
#9c8136 rgb(156,129,54)
```
#a4852e
```
#a4852e rgb(164,133,46)
```
#ac8926
```
#ac8926 rgb(172,137,38)
```
#b48d1e
```
#b48d1e rgb(180,141,30)
```
#bc9116
```
#bc9116 rgb(188,145,22)
```
#c4950e
```
#c4950e rgb(196,149,14)
```
#cc9906
```
#cc9906 rgb(204,153,6)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#948c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9982b Protanopia 1% of men
#bd902b Deuteranopia 1% of men
#bf8993 Tritanopia 0.001% of the population

Trichromacy

#ad9426 Protanomaly 1% of men, 0.01% of women
#b98f26 Deuteranomaly 6% of men, 0.4% of women
#bb8a68 Tritanomaly 0.01% of the population

#b48d1e hex color

#b48d1e Color Information

#b48d1e Color Conversion

Color Schemes with #b48d1e

Alternatives to #b48d1e

#b48d1e Preview

Shades and Tints of #b48d1e

Tones of #b48d1e

Color Blindness Simulator