#b48245 hex color

In a RGB color space, hex #b48245 is composed of 70.6% red, 51% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.8% magenta, 61.7% yellow and 29.4% black. It has a hue angle of 33 degrees, a saturation of 44.6% and a lightness of 48.8%. #b48245 color hex could be obtained by blending #ffff8a 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

● #b48245 color description : Moderate orange.

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

Hex triplet	b48245	`#b48245`
RGB Decimal	180, 130, 69	`rgb(180,130,69)`
RGB Percent	70.6, 51, 27.1	`rgb(70.6%,51%,27.1%)`
CMYK	0, 28, 62, 29
HSL	33°, 44.6, 48.8	`hsl(33,44.6%,48.8%)`
HSV (or HSB)	33°, 61.7, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.132, 12.682, 40.054
XYZ	27.88, 26.1, 9.199
xyY	0.441, 0.413, 26.1
CIE-LCH	58.132, 42.013, 72.43
CIE-LUV	58.132, 39.038, 43.221
Hunter-Lab	51.088, 8.007, 25.085
Binary	10110100, 10000010, 01000101

#b48245
```
#b48245 rgb(180,130,69)
```
#4577b4
```
#4577b4 rgb(69,119,180)
```

Complementary Color

#b44a45
```
#b44a45 rgb(180,74,69)
```
#b48245
```
#b48245 rgb(180,130,69)
```
#afb445
```
#afb445 rgb(175,180,69)
```

Analogous Color

#4a45b4
```
#4a45b4 rgb(74,69,180)
```
#b48245
```
#b48245 rgb(180,130,69)
```
#45afb4
```
#45afb4 rgb(69,175,180)
```

Split Complementary Color

#8245b4
```
#8245b4 rgb(130,69,180)
```
#b48245
```
#b48245 rgb(180,130,69)
```
#45b482
```
#45b482 rgb(69,180,130)
```

Triadic Color

#b44577
```
#b44577 rgb(180,69,119)
```
#b48245
```
#b48245 rgb(180,130,69)
```
#45b482
```
#45b482 rgb(69,180,130)
```
#4577b4
```
#4577b4 rgb(69,119,180)
```

Tetradic Color

#7d5a30
```
#7d5a30 rgb(125,90,48)
```
#8f6737
```
#8f6737 rgb(143,103,55)
```
#a2753e
```
#a2753e rgb(162,117,62)
```
#b48245
```
#b48245 rgb(180,130,69)
```
#be8e55
```
#be8e55 rgb(190,142,85)
```
#c59b67
```
#c59b67 rgb(197,155,103)
```
#cca77a
```
#cca77a rgb(204,167,122)
```

Monochromatic Color

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

#b46645
```
#b46645 rgb(180,102,69)
```
#b47045
```
#b47045 rgb(180,112,69)
```
#b47945
```
#b47945 rgb(180,121,69)
```
#b48245
```
#b48245 rgb(180,130,69)
```
#b48b45
```
#b48b45 rgb(180,139,69)
```
#b49545
```
#b49545 rgb(180,149,69)
```
#b49e45
```
#b49e45 rgb(180,158,69)
```

Similar Colors

Text with hexadecimal color #b48245

This text has a font color of #b48245.

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

#b48245 background color

This paragraph has a background color of #b48245.

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

#b48245 border color

This element has a border color of #b48245.

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

CSS codes

.text {color:#b48245;}

.background {background-color:#b48245;}

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

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

#0a0704
```
#0a0704 rgb(10,7,4)
```
#181109
```
#181109 rgb(24,17,9)
```
#261c0f
```
#261c0f rgb(38,28,15)
```
#342614
```
#342614 rgb(52,38,20)
```
#43301a
```
#43301a rgb(67,48,26)
```
#513a1f
```
#513a1f rgb(81,58,31)
```
#5f4524
```
#5f4524 rgb(95,69,36)
```
#6d4f2a
```
#6d4f2a rgb(109,79,42)
```
#7b592f
```
#7b592f rgb(123,89,47)
```
#896335
```
#896335 rgb(137,99,53)
```
#986e3a
```
#986e3a rgb(152,110,58)
```
#a67840
```
#a67840 rgb(166,120,64)
```
#b48245
```
#b48245 rgb(180,130,69)
```

Shade Color Variation

#bc8c51
```
#bc8c51 rgb(188,140,81)
```
#c2955f
```
#c2955f rgb(194,149,95)
```
#c79e6d
```
#c79e6d rgb(199,158,109)
```
#cca87b
```
#cca87b rgb(204,168,123)
```
#d2b189
```
#d2b189 rgb(210,177,137)
```
#d7bb97
```
#d7bb97 rgb(215,187,151)
```
#ddc4a6
```
#ddc4a6 rgb(221,196,166)
```
#e2cdb4
```
#e2cdb4 rgb(226,205,180)
```
#e8d7c2
```
#e8d7c2 rgb(232,215,194)
```
#ede0d0
```
#ede0d0 rgb(237,224,208)
```
#f2e9de
```
#f2e9de rgb(242,233,222)
```
#f8f3ec
```
#f8f3ec rgb(248,243,236)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#847d75
```
#847d75 rgb(132,125,117)
```
#8e7e6b
```
#8e7e6b rgb(142,126,107)
```
#977f62
```
#977f62 rgb(151,127,98)
```
#a18058
```
#a18058 rgb(161,128,88)
```
#aa814f
```
#aa814f rgb(170,129,79)
```
#b48245
```
#b48245 rgb(180,130,69)
```
#be833b
```
#be833b rgb(190,131,59)
```
#c78432
```
#c78432 rgb(199,132,50)
```
#d18528
```
#d18528 rgb(209,133,40)
```
#da861f
```
#da861f rgb(218,134,31)
```
#e48715
```
#e48715 rgb(228,135,21)
```
#ed880c
```
#ed880c rgb(237,136,12)
```
#f78902
```
#f78902 rgb(247,137,2)
```

Tone Color Variation

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

#9f9151 Protanopia 1% of men
#b18b4d Deuteranopia 1% of men
#bc818a Tritanopia 0.001% of the population

Trichromacy

#a78c4d Protanomaly 1% of men, 0.01% of women
#b2874a Deuteranomaly 6% of men, 0.4% of women
#b98171 Tritanomaly 0.01% of the population

#b48245 hex color

#b48245 Color Information

#b48245 Color Conversion

Color Schemes with #b48245

Alternatives to #b48245

#b48245 Preview

Shades and Tints of #b48245

Tones of #b48245

Color Blindness Simulator