#b28a2c hex color

In a RGB color space, hex #b28a2c is composed of 69.8% red, 54.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 75.3% yellow and 30.2% black. It has a hue angle of 42.1 degrees, a saturation of 60.4% and a lightness of 43.5%. #b28a2c color hex could be obtained by blending #ffff58 with #651500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 54
- B 17
RGB color chart
- C 0
- M 22
- Y 75
- K 30
CMYK color chart

● #b28a2c color description : Dark orange [Brown tone].

The hexadecimal color #b28a2c has RGB values of R:178, G:138, B:44 and CMYK values of C:0, M:0.22, Y:0.75, K:0.3. Its decimal value is 11700780.

Hex triplet	b28a2c	`#b28a2c`
RGB Decimal	178, 138, 44	`rgb(178,138,44)`
RGB Percent	69.8, 54.1, 17.3	`rgb(69.8%,54.1%,17.3%)`
CMYK	0, 22, 75, 30
HSL	42.1°, 60.4, 43.5	`hsl(42.1,60.4%,43.5%)`
HSV (or HSB)	42.1°, 75.3, 69.8
Web Safe	999933	`#999933`

CIE-LAB	59.73, 5.886, 53.281
XYZ	27.904, 27.825, 6.284
xyY	0.45, 0.449, 27.825
CIE-LCH	59.73, 53.605, 83.696
CIE-LUV	59.73, 33.11, 55.303
Hunter-Lab	52.75, 2.112, 29.862
Binary	10110010, 10001010, 00101100

#b28a2c
```
#b28a2c rgb(178,138,44)
```
#2c54b2
```
#2c54b2 rgb(44,84,178)
```

Complementary Color

#b2472c
```
#b2472c rgb(178,71,44)
```
#b28a2c
```
#b28a2c rgb(178,138,44)
```
#97b22c
```
#97b22c rgb(151,178,44)
```

Analogous Color

#472cb2
```
#472cb2 rgb(71,44,178)
```
#b28a2c
```
#b28a2c rgb(178,138,44)
```
#2c97b2
```
#2c97b2 rgb(44,151,178)
```

Split Complementary Color

#8a2cb2
```
#8a2cb2 rgb(138,44,178)
```
#b28a2c
```
#b28a2c rgb(178,138,44)
```
#2cb28a
```
#2cb28a rgb(44,178,138)
```

Triadic Color

#b22c54
```
#b22c54 rgb(178,44,84)
```
#b28a2c
```
#b28a2c rgb(178,138,44)
```
#2cb28a
```
#2cb28a rgb(44,178,138)
```
#2c54b2
```
#2c54b2 rgb(44,84,178)
```

Tetradic Color

#755a1d
```
#755a1d rgb(117,90,29)
```
#896a22
```
#896a22 rgb(137,106,34)
```
#9e7a27
```
#9e7a27 rgb(158,122,39)
```
#b28a2c
```
#b28a2c rgb(178,138,44)
```
#c69a31
```
#c69a31 rgb(198,154,49)
```
#d0a541
```
#d0a541 rgb(208,165,65)
```
#d5af55
```
#d5af55 rgb(213,175,85)
```

Monochromatic Color

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

#b2692c
```
#b2692c rgb(178,105,44)
```
#b2742c
```
#b2742c rgb(178,116,44)
```
#b27f2c
```
#b27f2c rgb(178,127,44)
```
#b28a2c
```
#b28a2c rgb(178,138,44)
```
#b2952c
```
#b2952c rgb(178,149,44)
```
#b2a02c
```
#b2a02c rgb(178,160,44)
```
#b2ac2c
```
#b2ac2c rgb(178,172,44)
```

Similar Colors

Text with hexadecimal color #b28a2c

This text has a font color of #b28a2c.

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

#b28a2c background color

This paragraph has a background color of #b28a2c.

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

#b28a2c border color

This element has a border color of #b28a2c.

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

CSS codes

.text {color:#b28a2c;}

.background {background-color:#b28a2c;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#151005
```
#151005 rgb(21,16,5)
```
#241c09
```
#241c09 rgb(36,28,9)
```
#34280d
```
#34280d rgb(52,40,13)
```
#443511
```
#443511 rgb(68,53,17)
```
#544115
```
#544115 rgb(84,65,21)
```
#634d19
```
#634d19 rgb(99,77,25)
```
#73591c
```
#73591c rgb(115,89,28)
```
#836520
```
#836520 rgb(131,101,32)
```
#937224
```
#937224 rgb(147,114,36)
```
#a27e28
```
#a27e28 rgb(162,126,40)
```
#b28a2c
```
#b28a2c rgb(178,138,44)
```
#c29630
```
#c29630 rgb(194,150,48)
```

Shade Color Variation

#cea138
```
#cea138 rgb(206,161,56)
```
#d2a847
```
#d2a847 rgb(210,168,71)
```
#d5b057
```
#d5b057 rgb(213,176,87)
```
#d9b767
```
#d9b767 rgb(217,183,103)
```
#ddbf76
```
#ddbf76 rgb(221,191,118)
```
#e1c686
```
#e1c686 rgb(225,198,134)
```
#e5cd96
```
#e5cd96 rgb(229,205,150)
```
#e9d5a6
```
#e9d5a6 rgb(233,213,166)
```
#eddcb5
```
#eddcb5 rgb(237,220,181)
```
#f1e4c5
```
#f1e4c5 rgb(241,228,197)
```
#f5ebd5
```
#f5ebd5 rgb(245,235,213)
```
#f8f3e5
```
#f8f3e5 rgb(248,243,229)
```
#fcfaf4
```
#fcfaf4 rgb(252,250,244)
```

Tint Color Variation

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

#767268
```
#767268 rgb(118,114,104)
```
#7f755f
```
#7f755f rgb(127,117,95)
```
#877957
```
#877957 rgb(135,121,87)
```
#907c4e
```
#907c4e rgb(144,124,78)
```
#988046
```
#988046 rgb(152,128,70)
```
#a1833d
```
#a1833d rgb(161,131,61)
```
#a98735
```
#a98735 rgb(169,135,53)
```
#b28a2c
```
#b28a2c rgb(178,138,44)
```
#bb8d23
```
#bb8d23 rgb(187,141,35)
```
#c3911b
```
#c3911b rgb(195,145,27)
```
#cc9412
```
#cc9412 rgb(204,148,18)
```
#d4980a
```
#d4980a rgb(212,152,10)
```
#dd9b01
```
#dd9b01 rgb(221,155,1)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#938b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69538 Protanopia 1% of men
#b98e37 Deuteranopia 1% of men
#bc8790 Tritanopia 0.001% of the population

Trichromacy

#aa9133 Protanomaly 1% of men, 0.01% of women
#b68c33 Deuteranomaly 6% of men, 0.4% of women
#b8886c Tritanomaly 0.01% of the population

#b28a2c hex color

#b28a2c Color Information

#b28a2c Color Conversion

Color Schemes with #b28a2c

Alternatives to #b28a2c

#b28a2c Preview

Shades and Tints of #b28a2c

Tones of #b28a2c

Color Blindness Simulator