colorhexa.com

#b28a2e hex color

In a RGB color space, hex #b28a2e is composed of 69.8% red, 54.1% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 74.2% yellow and 30.2% black. It has a hue angle of 41.8 degrees, a saturation of 58.9% and a lightness of 43.9%. #b28a2e color hex could be obtained by blending #ffff5c with #651500. Closest websafe color is: #999933.

- R 70
- G 54
- B 18
RGB color chart
- C 0
- M 22
- Y 74
- K 30
CMYK color chart

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

The hexadecimal color #b28a2e has RGB values of R:178, G:138, B:46 and CMYK values of C:0, M:0.22, Y:0.74, K:0.3. Its decimal value is 11700782.

Hex triplet	b28a2e	`#b28a2e`
RGB Decimal	178, 138, 46	`rgb(178,138,46)`
RGB Percent	69.8, 54.1, 18	`rgb(69.8%,54.1%,18%)`
CMYK	0, 22, 74, 30
HSL	41.8°, 58.9, 43.9	`hsl(41.8,58.9%,43.9%)`
HSV (or HSB)	41.8°, 74.2, 69.8
Web Safe	999933	`#999933`

CIE-LAB	59.744, 5.979, 52.482
XYZ	27.942, 27.841, 6.487
xyY	0.449, 0.447, 27.841
CIE-LCH	59.744, 52.821, 83.501
CIE-LUV	59.744, 33.022, 54.757
Hunter-Lab	52.764, 2.19, 29.646
Binary	10110010, 10001010, 00101110

#b28a2e
```
#b28a2e rgb(178,138,46)
```
#2e56b2
```
#2e56b2 rgb(46,86,178)
```

Complementary Color

#b2482e
```
#b2482e rgb(178,72,46)
```
#b28a2e
```
#b28a2e rgb(178,138,46)
```
#98b22e
```
#98b22e rgb(152,178,46)
```

Analogous Color

#482eb2
```
#482eb2 rgb(72,46,178)
```
#b28a2e
```
#b28a2e rgb(178,138,46)
```
#2e98b2
```
#2e98b2 rgb(46,152,178)
```

Split Complementary Color

#8a2eb2
```
#8a2eb2 rgb(138,46,178)
```
#b28a2e
```
#b28a2e rgb(178,138,46)
```
#2eb28a
```
#2eb28a rgb(46,178,138)
```

Triadic Color

#b22e56
```
#b22e56 rgb(178,46,86)
```
#b28a2e
```
#b28a2e rgb(178,138,46)
```
#2eb28a
```
#2eb28a rgb(46,178,138)
```
#2e56b2
```
#2e56b2 rgb(46,86,178)
```

Tetradic Color

#755b1e
```
#755b1e rgb(117,91,30)
```
#896b24
```
#896b24 rgb(137,107,36)
```
#9e7a29
```
#9e7a29 rgb(158,122,41)
```
#b28a2e
```
#b28a2e rgb(178,138,46)
```
#c69a33
```
#c69a33 rgb(198,154,51)
```
#cfa544
```
#cfa544 rgb(207,165,68)
```
#d4af59
```
#d4af59 rgb(212,175,89)
```

Monochromatic Color

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

#b2692e
```
#b2692e rgb(178,105,46)
```
#b2742e
```
#b2742e rgb(178,116,46)
```
#b27f2e
```
#b27f2e rgb(178,127,46)
```
#b28a2e
```
#b28a2e rgb(178,138,46)
```
#b2952e
```
#b2952e rgb(178,149,46)
```
#b2a02e
```
#b2a02e rgb(178,160,46)
```
#b2ab2e
```
#b2ab2e rgb(178,171,46)
```

Similar Colors

Text with hexadecimal color #b28a2e

This text has a font color of #b28a2e.

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

#b28a2e background color

This paragraph has a background color of #b28a2e.

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

#b28a2e border color

This element has a border color of #b28a2e.

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

CSS codes

.text {color:#b28a2e;}

.background {background-color:#b28a2e;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#161106
```
#161106 rgb(22,17,6)
```
#261d0a
```
#261d0a rgb(38,29,10)
```
#35290e
```
#35290e rgb(53,41,14)
```
#453512
```
#453512 rgb(69,53,18)
```
#544116
```
#544116 rgb(84,65,22)
```
#644e1a
```
#644e1a rgb(100,78,26)
```
#745a1e
```
#745a1e rgb(116,90,30)
```
#836622
```
#836622 rgb(131,102,34)
```
#937226
```
#937226 rgb(147,114,38)
```
#a27e2a
```
#a27e2a rgb(162,126,42)
```
#b28a2e
```
#b28a2e rgb(178,138,46)
```
#c29632
```
#c29632 rgb(194,150,50)
```

Shade Color Variation

#cca03b
```
#cca03b rgb(204,160,59)
```
#d0a84a
```
#d0a84a rgb(208,168,74)
```
#d4af5a
```
#d4af5a rgb(212,175,90)
```
#d8b76a
```
#d8b76a rgb(216,183,106)
```
#dcbe79
```
#dcbe79 rgb(220,190,121)
```
#e0c689
```
#e0c689 rgb(224,198,137)
```
#e4cd98
```
#e4cd98 rgb(228,205,152)
```
#e9d5a8
```
#e9d5a8 rgb(233,213,168)
```
#edddb8
```
#edddb8 rgb(237,221,184)
```
#f1e4c7
```
#f1e4c7 rgb(241,228,199)
```
#f5ecd7
```
#f5ecd7 rgb(245,236,215)
```
#f9f3e6
```
#f9f3e6 rgb(249,243,230)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#76726a
```
#76726a rgb(118,114,106)
```
#7e7662
```
#7e7662 rgb(126,118,98)
```
#877959
```
#877959 rgb(135,121,89)
```
#907c50
```
#907c50 rgb(144,124,80)
```
#988048
```
#988048 rgb(152,128,72)
```
#a1833f
```
#a1833f rgb(161,131,63)
```
#a98737
```
#a98737 rgb(169,135,55)
```
#b28a2e
```
#b28a2e rgb(178,138,46)
```
#bb8d25
```
#bb8d25 rgb(187,141,37)
```
#c3911d
```
#c3911d rgb(195,145,29)
```
#cc9414
```
#cc9414 rgb(204,148,20)
```
#d4980c
```
#d4980c rgb(212,152,12)
```
#dd9b03
```
#dd9b03 rgb(221,155,3)
```

Tone Color Variation

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

#a6953a Protanopia 1% of men
#b98e39 Deuteranopia 1% of men
#bc8790 Tritanopia 0.001% of the population

Trichromacy

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