#b48f2b hex color

In a RGB color space, hex #b48f2b is composed of 70.6% red, 56.1% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 76.1% yellow and 29.4% black. It has a hue angle of 43.8 degrees, a saturation of 61.4% and a lightness of 43.7%. #b48f2b color hex could be obtained by blending #ffff56 with #691f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 56
- B 17
RGB color chart
- C 0
- M 21
- Y 76
- K 29
CMYK color chart

● #b48f2b color description : Strong orange.

The hexadecimal color #b48f2b has RGB values of R:180, G:143, B:43 and CMYK values of C:0, M:0.21, Y:0.76, K:0.29. Its decimal value is 11833131.

Hex triplet	b48f2b	`#b48f2b`
RGB Decimal	180, 143, 43	`rgb(180,143,43)`
RGB Percent	70.6, 56.1, 16.9	`rgb(70.6%,56.1%,16.9%)`
CMYK	0, 21, 76, 29
HSL	43.8°, 61.4, 43.7	`hsl(43.8,61.4%,43.7%)`
HSV (or HSB)	43.8°, 76.1, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.241, 3.985, 55.201
XYZ	29.081, 29.524, 6.452
xyY	0.447, 0.454, 29.524
CIE-LCH	61.241, 55.344, 85.871
CIE-LUV	61.241, 30.995, 57.726
Hunter-Lab	54.336, 0.448, 30.995
Binary	10110100, 10001111, 00101011

#b48f2b
```
#b48f2b rgb(180,143,43)
```
#2b50b4
```
#2b50b4 rgb(43,80,180)
```

Complementary Color

#b44b2b
```
#b44b2b rgb(180,75,43)
```
#b48f2b
```
#b48f2b rgb(180,143,43)
```
#95b42b
```
#95b42b rgb(149,180,43)
```

Analogous Color

#4b2bb4
```
#4b2bb4 rgb(75,43,180)
```
#b48f2b
```
#b48f2b rgb(180,143,43)
```
#2b95b4
```
#2b95b4 rgb(43,149,180)
```

Split Complementary Color

#8f2bb4
```
#8f2bb4 rgb(143,43,180)
```
#b48f2b
```
#b48f2b rgb(180,143,43)
```
#2bb48f
```
#2bb48f rgb(43,180,143)
```

Triadic Color

#b42b50
```
#b42b50 rgb(180,43,80)
```
#b48f2b
```
#b48f2b rgb(180,143,43)
```
#2bb48f
```
#2bb48f rgb(43,180,143)
```
#2b50b4
```
#2b50b4 rgb(43,80,180)
```

Tetradic Color

#765e1c
```
#765e1c rgb(118,94,28)
```
#8b6e21
```
#8b6e21 rgb(139,110,33)
```
#9f7f26
```
#9f7f26 rgb(159,127,38)
```
#b48f2b
```
#b48f2b rgb(180,143,43)
```
#c99f30
```
#c99f30 rgb(201,159,48)
```
#d1aa41
```
#d1aa41 rgb(209,170,65)
```
#d6b355
```
#d6b355 rgb(214,179,85)
```

Monochromatic Color

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

#b46d2b
```
#b46d2b rgb(180,109,43)
```
#b4782b
```
#b4782b rgb(180,120,43)
```
#b4842b
```
#b4842b rgb(180,132,43)
```
#b48f2b
```
#b48f2b rgb(180,143,43)
```
#b49a2b
```
#b49a2b rgb(180,154,43)
```
#b4a62b
```
#b4a62b rgb(180,166,43)
```
#b4b12b
```
#b4b12b rgb(180,177,43)
```

Similar Colors

Text with hexadecimal color #b48f2b

This text has a font color of #b48f2b.

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

#b48f2b background color

This paragraph has a background color of #b48f2b.

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

#b48f2b border color

This element has a border color of #b48f2b.

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

CSS codes

.text {color:#b48f2b;}

.background {background-color:#b48f2b;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#161105
```
#161105 rgb(22,17,5)
```
#261e09
```
#261e09 rgb(38,30,9)
```
#352a0d
```
#352a0d rgb(53,42,13)
```
#453711
```
#453711 rgb(69,55,17)
```
#554414
```
#554414 rgb(85,68,20)
```
#655018
```
#655018 rgb(101,80,24)
```
#755d1c
```
#755d1c rgb(117,93,28)
```
#856920
```
#856920 rgb(133,105,32)
```
#947623
```
#947623 rgb(148,118,35)
```
#a48227
```
#a48227 rgb(164,130,39)
```
#b48f2b
```
#b48f2b rgb(180,143,43)
```
#c49c2f
```
#c49c2f rgb(196,156,47)
```

Shade Color Variation

#cfa637
```
#cfa637 rgb(207,166,55)
```
#d3ad47
```
#d3ad47 rgb(211,173,71)
```
#d7b457
```
#d7b457 rgb(215,180,87)
```
#dbbb67
```
#dbbb67 rgb(219,187,103)
```
#dec276
```
#dec276 rgb(222,194,118)
```
#e2c986
```
#e2c986 rgb(226,201,134)
```
#e6d096
```
#e6d096 rgb(230,208,150)
```
#ead7a6
```
#ead7a6 rgb(234,215,166)
```
#eddeb6
```
#eddeb6 rgb(237,222,182)
```
#f1e5c6
```
#f1e5c6 rgb(241,229,198)
```
#f5ecd5
```
#f5ecd5 rgb(245,236,213)
```
#f9f4e5
```
#f9f4e5 rgb(249,244,229)
```
#fdfbf5
```
#fdfbf5 rgb(253,251,245)
```

Tint Color Variation

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

#787367
```
#787367 rgb(120,115,103)
```
#81775e
```
#81775e rgb(129,119,94)
```
#897b56
```
#897b56 rgb(137,123,86)
```
#927f4d
```
#927f4d rgb(146,127,77)
```
#9a8345
```
#9a8345 rgb(154,131,69)
```
#a3873c
```
#a3873c rgb(163,135,60)
```
#ab8b34
```
#ab8b34 rgb(171,139,52)
```
#b48f2b
```
#b48f2b rgb(180,143,43)
```
#bd9322
```
#bd9322 rgb(189,147,34)
```
#c5971a
```
#c5971a rgb(197,151,26)
```
#ce9b11
```
#ce9b11 rgb(206,155,17)
```
#d69f09
```
#d69f09 rgb(214,159,9)
```
#dfa300
```
#dfa300 rgb(223,163,0)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#968f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9937 Protanopia 1% of men
#be9237 Deuteranopia 1% of men
#bf8b95 Tritanopia 0.001% of the population

Trichromacy

#ae9532 Protanomaly 1% of men, 0.01% of women
#ba9132 Deuteranomaly 6% of men, 0.4% of women
#bb8c6e Tritanomaly 0.01% of the population

#b48f2b hex color

#b48f2b Color Information

#b48f2b Color Conversion

Color Schemes with #b48f2b

Alternatives to #b48f2b

#b48f2b Preview

Shades and Tints of #b48f2b

Tones of #b48f2b

Color Blindness Simulator