#b48a4e hex color

In a RGB color space, hex #b48a4e is composed of 70.6% red, 54.1% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 56.7% yellow and 29.4% black. It has a hue angle of 35.3 degrees, a saturation of 40.5% and a lightness of 50.6%. #b48a4e color hex could be obtained by blending #ffff9c with #691500. Closest websafe color is: #cc9966.

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

● #b48a4e color description : Moderate orange.

The hexadecimal color #b48a4e has RGB values of R:180, G:138, B:78 and CMYK values of C:0, M:0.23, Y:0.57, K:0.29. Its decimal value is 11831886.

Hex triplet	b48a4e	`#b48a4e`
RGB Decimal	180, 138, 78	`rgb(180,138,78)`
RGB Percent	70.6, 54.1, 30.6	`rgb(70.6%,54.1%,30.6%)`
CMYK	0, 23, 57, 29
HSL	35.3°, 40.5, 50.6	`hsl(35.3,40.5%,50.6%)`
HSV (or HSB)	35.3°, 56.7, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.277, 8.932, 37.935
XYZ	29.286, 28.432, 11.153
xyY	0.425, 0.413, 28.432
CIE-LCH	60.277, 38.972, 76.751
CIE-LUV	60.277, 32.608, 42.872
Hunter-Lab	53.321, 4.727, 24.924
Binary	10110100, 10001010, 01001110

#b48a4e
```
#b48a4e rgb(180,138,78)
```
#4e78b4
```
#4e78b4 rgb(78,120,180)
```

Complementary Color

#b4574e
```
#b4574e rgb(180,87,78)
```
#b48a4e
```
#b48a4e rgb(180,138,78)
```
#abb44e
```
#abb44e rgb(171,180,78)
```

Analogous Color

#574eb4
```
#574eb4 rgb(87,78,180)
```
#b48a4e
```
#b48a4e rgb(180,138,78)
```
#4eabb4
```
#4eabb4 rgb(78,171,180)
```

Split Complementary Color

#8a4eb4
```
#8a4eb4 rgb(138,78,180)
```
#b48a4e
```
#b48a4e rgb(180,138,78)
```
#4eb48a
```
#4eb48a rgb(78,180,138)
```

Triadic Color

#b44e78
```
#b44e78 rgb(180,78,120)
```
#b48a4e
```
#b48a4e rgb(180,138,78)
```
#4eb48a
```
#4eb48a rgb(78,180,138)
```
#4e78b4
```
#4e78b4 rgb(78,120,180)
```

Tetradic Color

#7f6136
```
#7f6136 rgb(127,97,54)
```
#916f3e
```
#916f3e rgb(145,111,62)
```
#a37d45
```
#a37d45 rgb(163,125,69)
```
#b48a4e
```
#b48a4e rgb(180,138,78)
```
#bc9660
```
#bc9660 rgb(188,150,96)
```
#c3a272
```
#c3a272 rgb(195,162,114)
```
#cbae84
```
#cbae84 rgb(203,174,132)
```

Monochromatic Color

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

#b4714e
```
#b4714e rgb(180,113,78)
```
#b4794e
```
#b4794e rgb(180,121,78)
```
#b4824e
```
#b4824e rgb(180,130,78)
```
#b48a4e
```
#b48a4e rgb(180,138,78)
```
#b4934e
```
#b4934e rgb(180,147,78)
```
#b49b4e
```
#b49b4e rgb(180,155,78)
```
#b4a44e
```
#b4a44e rgb(180,164,78)
```

Similar Colors

Text with hexadecimal color #b48a4e

This text has a font color of #b48a4e.

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

#b48a4e background color

This paragraph has a background color of #b48a4e.

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

#b48a4e border color

This element has a border color of #b48a4e.

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

CSS codes

.text {color:#b48a4e;}

.background {background-color:#b48a4e;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100c07
```
#100c07 rgb(16,12,7)
```
#1e170d
```
#1e170d rgb(30,23,13)
```
#2b2112
```
#2b2112 rgb(43,33,18)
```
#392c18
```
#392c18 rgb(57,44,24)
```
#47361e
```
#47361e rgb(71,54,30)
```
#554124
```
#554124 rgb(85,65,36)
```
#634b2a
```
#634b2a rgb(99,75,42)
```
#705630
```
#705630 rgb(112,86,48)
```
#7e6035
```
#7e6035 rgb(126,96,53)
```
#8c6b3b
```
#8c6b3b rgb(140,107,59)
```
#9a7541
```
#9a7541 rgb(154,117,65)
```
#a78047
```
#a78047 rgb(167,128,71)
```

Shade Color Variation

#b48a4e
```
#b48a4e rgb(180,138,78)
```
#ba935c
```
#ba935c rgb(186,147,92)
```
#c09c6a
```
#c09c6a rgb(192,156,106)
```
#c6a577
```
#c6a577 rgb(198,165,119)
```
#cbae85
```
#cbae85 rgb(203,174,133)
```
#d1b893
```
#d1b893 rgb(209,184,147)
```
#d7c1a1
```
#d7c1a1 rgb(215,193,161)
```
#ddcaae
```
#ddcaae rgb(221,202,174)
```
#e3d3bc
```
#e3d3bc rgb(227,211,188)
```
#e9dcca
```
#e9dcca rgb(233,220,202)
```
#eee5d8
```
#eee5d8 rgb(238,229,216)
```
#f4eee6
```
#f4eee6 rgb(244,238,230)
```
#faf7f3
```
#faf7f3 rgb(250,247,243)
```

Tint Color Variation

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

#84817e
```
#84817e rgb(132,129,126)
```
#8d8375
```
#8d8375 rgb(141,131,117)
```
#97856b
```
#97856b rgb(151,133,107)
```
#a18761
```
#a18761 rgb(161,135,97)
```
#aa8858
```
#aa8858 rgb(170,136,88)
```
#b48a4e
```
#b48a4e rgb(180,138,78)
```
#be8c44
```
#be8c44 rgb(190,140,68)
```
#c78d3b
```
#c78d3b rgb(199,141,59)
```
#d18f31
```
#d18f31 rgb(209,143,49)
```
#db9127
```
#db9127 rgb(219,145,39)
```
#e4931e
```
#e4931e rgb(228,147,30)
```
#ee9414
```
#ee9414 rgb(238,148,20)
```
#f8960a
```
#f8960a rgb(248,150,10)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#978f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59759 Protanopia 1% of men
#b79057 Deuteranopia 1% of men
#bd8992 Tritanopia 0.001% of the population

Trichromacy

#aa9255 Protanomaly 1% of men, 0.01% of women
#b58e53 Deuteranomaly 6% of men, 0.4% of women
#b98979 Tritanomaly 0.01% of the population

#b48a4e hex color

#b48a4e Color Information

#b48a4e Color Conversion

Color Schemes with #b48a4e

Alternatives to #b48a4e

#b48a4e Preview

Shades and Tints of #b48a4e

Tones of #b48a4e

Color Blindness Simulator