#b48a3e hex color

In a RGB color space, hex #b48a3e is composed of 70.6% red, 54.1% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 65.6% yellow and 29.4% black. It has a hue angle of 38.6 degrees, a saturation of 48.8% and a lightness of 47.5%. #b48a3e color hex could be obtained by blending #ffff7c with #691500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 54
- B 24
RGB color chart
- C 0
- M 23
- Y 66
- K 29
CMYK color chart

● #b48a3e color description : Moderate orange.

The hexadecimal color #b48a3e has RGB values of R:180, G:138, B:62 and CMYK values of C:0, M:0.23, Y:0.66, K:0.29. Its decimal value is 11831870.

Hex triplet	b48a3e	`#b48a3e`
RGB Decimal	180, 138, 62	`rgb(180,138,62)`
RGB Percent	70.6, 54.1, 24.3	`rgb(70.6%,54.1%,24.3%)`
CMYK	0, 23, 66, 29
HSL	38.6°, 48.8, 47.5	`hsl(38.6,48.8%,47.5%)`
HSV (or HSB)	38.6°, 65.6, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.095, 7.759, 45.755
XYZ	28.781, 28.229, 8.49
xyY	0.439, 0.431, 28.229
CIE-LCH	60.095, 46.408, 80.376
CIE-LUV	60.095, 33.717, 49.626
Hunter-Lab	53.131, 3.712, 27.718
Binary	10110100, 10001010, 00111110

#b48a3e
```
#b48a3e rgb(180,138,62)
```
#3e68b4
```
#3e68b4 rgb(62,104,180)
```

Complementary Color

#b44f3e
```
#b44f3e rgb(180,79,62)
```
#b48a3e
```
#b48a3e rgb(180,138,62)
```
#a3b43e
```
#a3b43e rgb(163,180,62)
```

Analogous Color

#4f3eb4
```
#4f3eb4 rgb(79,62,180)
```
#b48a3e
```
#b48a3e rgb(180,138,62)
```
#3ea3b4
```
#3ea3b4 rgb(62,163,180)
```

Split Complementary Color

#8a3eb4
```
#8a3eb4 rgb(138,62,180)
```
#b48a3e
```
#b48a3e rgb(180,138,62)
```
#3eb48a
```
#3eb48a rgb(62,180,138)
```

Triadic Color

#b43e68
```
#b43e68 rgb(180,62,104)
```
#b48a3e
```
#b48a3e rgb(180,138,62)
```
#3eb48a
```
#3eb48a rgb(62,180,138)
```
#3e68b4
```
#3e68b4 rgb(62,104,180)
```

Tetradic Color

#7b5e2a
```
#7b5e2a rgb(123,94,42)
```
#8e6d31
```
#8e6d31 rgb(142,109,49)
```
#a17b37
```
#a17b37 rgb(161,123,55)
```
#b48a3e
```
#b48a3e rgb(180,138,62)
```
#c1974b
```
#c1974b rgb(193,151,75)
```
#c7a25e
```
#c7a25e rgb(199,162,94)
```
#cead71
```
#cead71 rgb(206,173,113)
```

Monochromatic Color

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

#b46d3e
```
#b46d3e rgb(180,109,62)
```
#b4763e
```
#b4763e rgb(180,118,62)
```
#b4803e
```
#b4803e rgb(180,128,62)
```
#b48a3e
```
#b48a3e rgb(180,138,62)
```
#b4943e
```
#b4943e rgb(180,148,62)
```
#b49e3e
```
#b49e3e rgb(180,158,62)
```
#b4a83e
```
#b4a83e rgb(180,168,62)
```

Similar Colors

Text with hexadecimal color #b48a3e

This text has a font color of #b48a3e.

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

#b48a3e background color

This paragraph has a background color of #b48a3e.

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

#b48a3e border color

This element has a border color of #b48a3e.

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

CSS codes

.text {color:#b48a3e;}

.background {background-color:#b48a3e;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#140f07
```
#140f07 rgb(20,15,7)
```
#221a0c
```
#221a0c rgb(34,26,12)
```
#312511
```
#312511 rgb(49,37,17)
```
#3f3116
```
#3f3116 rgb(63,49,22)
```
#4e3c1b
```
#4e3c1b rgb(78,60,27)
```
#5c4720
```
#5c4720 rgb(92,71,32)
```
#6b5225
```
#6b5225 rgb(107,82,37)
```
#7a5d2a
```
#7a5d2a rgb(122,93,42)
```
#88682f
```
#88682f rgb(136,104,47)
```
#977434
```
#977434 rgb(151,116,52)
```
#a57f39
```
#a57f39 rgb(165,127,57)
```
#b48a3e
```
#b48a3e rgb(180,138,62)
```

Shade Color Variation

#bf9446
```
#bf9446 rgb(191,148,70)
```
#c49d55
```
#c49d55 rgb(196,157,85)
```
#c9a563
```
#c9a563 rgb(201,165,99)
```
#ceae72
```
#ceae72 rgb(206,174,114)
```
#d3b681
```
#d3b681 rgb(211,182,129)
```
#d8be8f
```
#d8be8f rgb(216,190,143)
```
#dec79e
```
#dec79e rgb(222,199,158)
```
#e3cfac
```
#e3cfac rgb(227,207,172)
```
#e8d8bb
```
#e8d8bb rgb(232,216,187)
```
#ede0ca
```
#ede0ca rgb(237,224,202)
```
#f2e9d8
```
#f2e9d8 rgb(242,233,216)
```
#f7f1e7
```
#f7f1e7 rgb(247,241,231)
```
#fcf9f5
```
#fcf9f5 rgb(252,249,245)
```

Tint Color Variation

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

#7c7a76
```
#7c7a76 rgb(124,122,118)
```
#857d6d
```
#857d6d rgb(133,125,109)
```
#8f7f63
```
#8f7f63 rgb(143,127,99)
```
#98825a
```
#98825a rgb(152,130,90)
```
#a18551
```
#a18551 rgb(161,133,81)
```
#ab8747
```
#ab8747 rgb(171,135,71)
```
#b48a3e
```
#b48a3e rgb(180,138,62)
```
#bd8d35
```
#bd8d35 rgb(189,141,53)
```
#c78f2b
```
#c78f2b rgb(199,143,43)
```
#d09222
```
#d09222 rgb(208,146,34)
```
#d99519
```
#d99519 rgb(217,149,25)
```
#e3970f
```
#e3970f rgb(227,151,15)
```
#ec9a06
```
#ec9a06 rgb(236,154,6)
```

Tone Color Variation

Below, you can see how #b48a3e 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
#968d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6964a Protanopia 1% of men
#b88f48 Deuteranopia 1% of men
#be8891 Tritanopia 0.001% of the population

Trichromacy

#ab9245 Protanomaly 1% of men, 0.01% of women
#b68d44 Deuteranomaly 6% of men, 0.4% of women
#ba8873 Tritanomaly 0.01% of the population

#b48a3e hex color

#b48a3e Color Information

#b48a3e Color Conversion

Color Schemes with #b48a3e

Alternatives to #b48a3e

#b48a3e Preview

Shades and Tints of #b48a3e

Tones of #b48a3e

Color Blindness Simulator