#b48f22 hex color

In a RGB color space, hex #b48f22 is composed of 70.6% red, 56.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 81.1% yellow and 29.4% black. It has a hue angle of 44.8 degrees, a saturation of 68.2% and a lightness of 42%. #b48f22 color hex could be obtained by blending #ffff44 with #691f00. Closest websafe color is: #cc9933.

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

● #b48f22 color description : Strong orange.

The hexadecimal color #b48f22 has RGB values of R:180, G:143, B:34 and CMYK values of C:0, M:0.21, Y:0.81, K:0.29. Its decimal value is 11833122.

Hex triplet	b48f22	`#b48f22`
RGB Decimal	180, 143, 34	`rgb(180,143,34)`
RGB Percent	70.6, 56.1, 13.3	`rgb(70.6%,56.1%,13.3%)`
CMYK	0, 21, 81, 29
HSL	44.8°, 68.2, 42	`hsl(44.8,68.2%,42%)`
HSV (or HSB)	44.8°, 81.1, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.19, 3.636, 58.371
XYZ	28.934, 29.465, 5.677
xyY	0.452, 0.46, 29.465
CIE-LCH	61.19, 58.484, 86.435
CIE-LUV	61.19, 31.304, 59.774
Hunter-Lab	54.282, 0.154, 31.797
Binary	10110100, 10001111, 00100010

#b48f22
```
#b48f22 rgb(180,143,34)
```
#2247b4
```
#2247b4 rgb(34,71,180)
```

Complementary Color

#b44622
```
#b44622 rgb(180,70,34)
```
#b48f22
```
#b48f22 rgb(180,143,34)
```
#90b422
```
#90b422 rgb(144,180,34)
```

Analogous Color

#4622b4
```
#4622b4 rgb(70,34,180)
```
#b48f22
```
#b48f22 rgb(180,143,34)
```
#2290b4
```
#2290b4 rgb(34,144,180)
```

Split Complementary Color

#8f22b4
```
#8f22b4 rgb(143,34,180)
```
#b48f22
```
#b48f22 rgb(180,143,34)
```
#22b48f
```
#22b48f rgb(34,180,143)
```

Triadic Color

#b42247
```
#b42247 rgb(180,34,71)
```
#b48f22
```
#b48f22 rgb(180,143,34)
```
#22b48f
```
#22b48f rgb(34,180,143)
```
#2247b4
```
#2247b4 rgb(34,71,180)
```

Tetradic Color

#745c16
```
#745c16 rgb(116,92,22)
```
#896d1a
```
#896d1a rgb(137,109,26)
```
#9f7e1e
```
#9f7e1e rgb(159,126,30)
```
#b48f22
```
#b48f22 rgb(180,143,34)
```
#c9a026
```
#c9a026 rgb(201,160,38)
```
#d8ae31
```
#d8ae31 rgb(216,174,49)
```
#dcb646
```
#dcb646 rgb(220,182,70)
```

Monochromatic Color

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

#b46b22
```
#b46b22 rgb(180,107,34)
```
#b47722
```
#b47722 rgb(180,119,34)
```
#b48322
```
#b48322 rgb(180,131,34)
```
#b48f22
```
#b48f22 rgb(180,143,34)
```
#b49b22
```
#b49b22 rgb(180,155,34)
```
#b4a722
```
#b4a722 rgb(180,167,34)
```
#b4b422
```
#b4b422 rgb(180,180,34)
```

Similar Colors

Text with hexadecimal color #b48f22

This text has a font color of #b48f22.

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

#b48f22 background color

This paragraph has a background color of #b48f22.

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

#b48f22 border color

This element has a border color of #b48f22.

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

CSS codes

.text {color:#b48f22;}

.background {background-color:#b48f22;}

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

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

#0f0c03
```
#0f0c03 rgb(15,12,3)
```
#201906
```
#201906 rgb(32,25,6)
```
#302609
```
#302609 rgb(48,38,9)
```
#41330c
```
#41330c rgb(65,51,12)
```
#51400f
```
#51400f rgb(81,64,15)
```
#624d12
```
#624d12 rgb(98,77,18)
```
#725b16
```
#725b16 rgb(114,91,22)
```
#836819
```
#836819 rgb(131,104,25)
```
#93751c
```
#93751c rgb(147,117,28)
```
#a4821f
```
#a4821f rgb(164,130,31)
```
#b48f22
```
#b48f22 rgb(180,143,34)
```
#c49c25
```
#c49c25 rgb(196,156,37)
```
#d5a928
```
#d5a928 rgb(213,169,40)
```

Shade Color Variation

#d9b038
```
#d9b038 rgb(217,176,56)
```
#dcb748
```
#dcb748 rgb(220,183,72)
```
#e0bd59
```
#e0bd59 rgb(224,189,89)
```
#e3c469
```
#e3c469 rgb(227,196,105)
```
#e6ca7a
```
#e6ca7a rgb(230,202,122)
```
#e9d18a
```
#e9d18a rgb(233,209,138)
```
#ecd79b
```
#ecd79b rgb(236,215,155)
```
#efdeab
```
#efdeab rgb(239,222,171)
```
#f2e4bc
```
#f2e4bc rgb(242,228,188)
```
#f5ebcc
```
#f5ebcc rgb(245,235,204)
```
#f8f1dd
```
#f8f1dd rgb(248,241,221)
```
#fcf8ed
```
#fcf8ed rgb(252,248,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#726f64
```
#726f64 rgb(114,111,100)
```
#7a735c
```
#7a735c rgb(122,115,92)
```
#837753
```
#837753 rgb(131,119,83)
```
#8b7b4b
```
#8b7b4b rgb(139,123,75)
```
#937f43
```
#937f43 rgb(147,127,67)
```
#9b833b
```
#9b833b rgb(155,131,59)
```
#a48732
```
#a48732 rgb(164,135,50)
```
#ac8b2a
```
#ac8b2a rgb(172,139,42)
```
#b48f22
```
#b48f22 rgb(180,143,34)
```
#bc931a
```
#bc931a rgb(188,147,26)
```
#c49712
```
#c49712 rgb(196,151,18)
```
#cd9b09
```
#cd9b09 rgb(205,155,9)
```
#d59f01
```
#d59f01 rgb(213,159,1)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#968e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab992e Protanopia 1% of men
#be922f Deuteranopia 1% of men
#bf8b95 Tritanopia 0.001% of the population

Trichromacy

#ae952a Protanomaly 1% of men, 0.01% of women
#ba902a Deuteranomaly 6% of men, 0.4% of women
#bb8c6b Tritanomaly 0.01% of the population

#b48f22 hex color

#b48f22 Color Information

#b48f22 Color Conversion

Color Schemes with #b48f22

Alternatives to #b48f22

#b48f22 Preview

Shades and Tints of #b48f22

Tones of #b48f22

Color Blindness Simulator