#b48244 hex color

In a RGB color space, hex #b48244 is composed of 70.6% red, 51% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.8% magenta, 62.2% yellow and 29.4% black. It has a hue angle of 33.2 degrees, a saturation of 45.2% and a lightness of 48.6%. #b48244 color hex could be obtained by blending #ffff88 with #690500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 51
- B 27
RGB color chart
- C 0
- M 28
- Y 62
- K 29
CMYK color chart

● #b48244 color description : Moderate orange.

The hexadecimal color #b48244 has RGB values of R:180, G:130, B:68 and CMYK values of C:0, M:0.28, Y:0.62, K:0.29. Its decimal value is 11829828.

Hex triplet	b48244	`#b48244`
RGB Decimal	180, 130, 68	`rgb(180,130,68)`
RGB Percent	70.6, 51, 26.7	`rgb(70.6%,51%,26.7%)`
CMYK	0, 28, 62, 29
HSL	33.2°, 45.2, 48.6	`hsl(33.2,45.2%,48.6%)`
HSV (or HSB)	33.2°, 62.2, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.12, 12.61, 40.552
XYZ	27.849, 26.087, 9.037
xyY	0.442, 0.414, 26.087
CIE-LCH	58.12, 42.467, 72.726
CIE-LUV	58.12, 39.118, 43.65
Hunter-Lab	51.076, 7.943, 25.263
Binary	10110100, 10000010, 01000100

#b48244
```
#b48244 rgb(180,130,68)
```
#4476b4
```
#4476b4 rgb(68,118,180)
```

Complementary Color

#b44a44
```
#b44a44 rgb(180,74,68)
```
#b48244
```
#b48244 rgb(180,130,68)
```
#aeb444
```
#aeb444 rgb(174,180,68)
```

Analogous Color

#4a44b4
```
#4a44b4 rgb(74,68,180)
```
#b48244
```
#b48244 rgb(180,130,68)
```
#44aeb4
```
#44aeb4 rgb(68,174,180)
```

Split Complementary Color

#8244b4
```
#8244b4 rgb(130,68,180)
```
#b48244
```
#b48244 rgb(180,130,68)
```
#44b482
```
#44b482 rgb(68,180,130)
```

Triadic Color

#b44476
```
#b44476 rgb(180,68,118)
```
#b48244
```
#b48244 rgb(180,130,68)
```
#44b482
```
#44b482 rgb(68,180,130)
```
#4476b4
```
#4476b4 rgb(68,118,180)
```

Tetradic Color

#7c5a2f
```
#7c5a2f rgb(124,90,47)
```
#8f6736
```
#8f6736 rgb(143,103,54)
```
#a1753d
```
#a1753d rgb(161,117,61)
```
#b48244
```
#b48244 rgb(180,130,68)
```
#be8e53
```
#be8e53 rgb(190,142,83)
```
#c59b66
```
#c59b66 rgb(197,155,102)
```
#cca778
```
#cca778 rgb(204,167,120)
```

Monochromatic Color

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

#b46644
```
#b46644 rgb(180,102,68)
```
#b46f44
```
#b46f44 rgb(180,111,68)
```
#b47944
```
#b47944 rgb(180,121,68)
```
#b48244
```
#b48244 rgb(180,130,68)
```
#b48b44
```
#b48b44 rgb(180,139,68)
```
#b49544
```
#b49544 rgb(180,149,68)
```
#b49e44
```
#b49e44 rgb(180,158,68)
```

Similar Colors

Text with hexadecimal color #b48244

This text has a font color of #b48244.

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

#b48244 background color

This paragraph has a background color of #b48244.

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

#b48244 border color

This element has a border color of #b48244.

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

CSS codes

.text {color:#b48244;}

.background {background-color:#b48244;}

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

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

#090703
```
#090703 rgb(9,7,3)
```
#171109
```
#171109 rgb(23,17,9)
```
#261b0e
```
#261b0e rgb(38,27,14)
```
#342514
```
#342514 rgb(52,37,20)
```
#423019
```
#423019 rgb(66,48,25)
```
#503a1e
```
#503a1e rgb(80,58,30)
```
#5f4424
```
#5f4424 rgb(95,68,36)
```
#6d4f29
```
#6d4f29 rgb(109,79,41)
```
#7b592e
```
#7b592e rgb(123,89,46)
```
#896334
```
#896334 rgb(137,99,52)
```
#986d39
```
#986d39 rgb(152,109,57)
```
#a6783f
```
#a6783f rgb(166,120,63)
```
#b48244
```
#b48244 rgb(180,130,68)
```

Shade Color Variation

#bd8c4f
```
#bd8c4f rgb(189,140,79)
```
#c2955d
```
#c2955d rgb(194,149,93)
```
#c79e6c
```
#c79e6c rgb(199,158,108)
```
#cda87a
```
#cda87a rgb(205,168,122)
```
#d2b188
```
#d2b188 rgb(210,177,136)
```
#d7ba96
```
#d7ba96 rgb(215,186,150)
```
#ddc4a4
```
#ddc4a4 rgb(221,196,164)
```
#e2cdb3
```
#e2cdb3 rgb(226,205,179)
```
#e8d6c1
```
#e8d6c1 rgb(232,214,193)
```
#ede0cf
```
#ede0cf rgb(237,224,207)
```
#f2e9dd
```
#f2e9dd rgb(242,233,221)
```
#f8f2ec
```
#f8f2ec rgb(248,242,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#847d74
```
#847d74 rgb(132,125,116)
```
#8e7e6a
```
#8e7e6a rgb(142,126,106)
```
#977f61
```
#977f61 rgb(151,127,97)
```
#a18057
```
#a18057 rgb(161,128,87)
```
#aa814e
```
#aa814e rgb(170,129,78)
```
#b48244
```
#b48244 rgb(180,130,68)
```
#be833a
```
#be833a rgb(190,131,58)
```
#c78431
```
#c78431 rgb(199,132,49)
```
#d18527
```
#d18527 rgb(209,133,39)
```
#da861e
```
#da861e rgb(218,134,30)
```
#e48714
```
#e48714 rgb(228,135,20)
```
#ed880b
```
#ed880b rgb(237,136,11)
```
#f78901
```
#f78901 rgb(247,137,1)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#92887c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9150 Protanopia 1% of men
#b18b4c Deuteranopia 1% of men
#bc818a Tritanopia 0.001% of the population

Trichromacy

#a78c4c Protanomaly 1% of men, 0.01% of women
#b28749 Deuteranomaly 6% of men, 0.4% of women
#b98170 Tritanomaly 0.01% of the population

#b48244 hex color

#b48244 Color Information

#b48244 Color Conversion

Color Schemes with #b48244

Alternatives to #b48244

#b48244 Preview

Shades and Tints of #b48244

Tones of #b48244

Color Blindness Simulator