#b28331 hex color

In a RGB color space, hex #b28331 is composed of 69.8% red, 51.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.4% magenta, 72.5% yellow and 30.2% black. It has a hue angle of 38.1 degrees, a saturation of 56.8% and a lightness of 44.5%. #b28331 color hex could be obtained by blending #ffff62 with #650700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 51
- B 19
RGB color chart
- C 0
- M 26
- Y 72
- K 30
CMYK color chart

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

The hexadecimal color #b28331 has RGB values of R:178, G:131, B:49 and CMYK values of C:0, M:0.26, Y:0.72, K:0.3. Its decimal value is 11698993.

Hex triplet	b28331	`#b28331`
RGB Decimal	178, 131, 49	`rgb(178,131,49)`
RGB Percent	69.8, 51.4, 19.2	`rgb(69.8%,51.4%,19.2%)`
CMYK	0, 26, 72, 30
HSL	38.1°, 56.8, 44.5	`hsl(38.1,56.8%,44.5%)`
HSV (or HSB)	38.1°, 72.5, 69.8
Web Safe	999933	`#999933`

CIE-LAB	57.962, 10.01, 49.415
XYZ	27.031, 25.921, 6.485
xyY	0.455, 0.436, 25.921
CIE-LCH	57.962, 50.418, 78.549
CIE-LUV	57.962, 38.092, 50.928
Hunter-Lab	50.912, 5.675, 28.087
Binary	10110010, 10000011, 00110001

#b28331
```
#b28331 rgb(178,131,49)
```
#3160b2
```
#3160b2 rgb(49,96,178)
```

Complementary Color

#b24331
```
#b24331 rgb(178,67,49)
```
#b28331
```
#b28331 rgb(178,131,49)
```
#a1b231
```
#a1b231 rgb(161,178,49)
```

Analogous Color

#4331b2
```
#4331b2 rgb(67,49,178)
```
#b28331
```
#b28331 rgb(178,131,49)
```
#31a1b2
```
#31a1b2 rgb(49,161,178)
```

Split Complementary Color

#8331b2
```
#8331b2 rgb(131,49,178)
```
#b28331
```
#b28331 rgb(178,131,49)
```
#31b283
```
#31b283 rgb(49,178,131)
```

Triadic Color

#b23160
```
#b23160 rgb(178,49,96)
```
#b28331
```
#b28331 rgb(178,131,49)
```
#31b283
```
#31b283 rgb(49,178,131)
```
#3160b2
```
#3160b2 rgb(49,96,178)
```

Tetradic Color

#765720
```
#765720 rgb(118,87,32)
```
#8a6626
```
#8a6626 rgb(138,102,38)
```
#9e742b
```
#9e742b rgb(158,116,43)
```
#b28331
```
#b28331 rgb(178,131,49)
```
#c69237
```
#c69237 rgb(198,146,55)
```
#cd9d49
```
#cd9d49 rgb(205,157,73)
```
#d2a85d
```
#d2a85d rgb(210,168,93)
```

Monochromatic Color

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

#b26331
```
#b26331 rgb(178,99,49)
```
#b26e31
```
#b26e31 rgb(178,110,49)
```
#b27831
```
#b27831 rgb(178,120,49)
```
#b28331
```
#b28331 rgb(178,131,49)
```
#b28e31
```
#b28e31 rgb(178,142,49)
```
#b29931
```
#b29931 rgb(178,153,49)
```
#b2a331
```
#b2a331 rgb(178,163,49)
```

Similar Colors

Text with hexadecimal color #b28331

This text has a font color of #b28331.

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

#b28331 background color

This paragraph has a background color of #b28331.

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

#b28331 border color

This element has a border color of #b28331.

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

CSS codes

.text {color:#b28331;}

.background {background-color:#b28331;}

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

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

#090602
```
#090602 rgb(9,6,2)
```
#181207
```
#181207 rgb(24,18,7)
```
#281d0b
```
#281d0b rgb(40,29,11)
```
#37280f
```
#37280f rgb(55,40,15)
```
#463413
```
#463413 rgb(70,52,19)
```
#563f18
```
#563f18 rgb(86,63,24)
```
#654a1c
```
#654a1c rgb(101,74,28)
```
#745620
```
#745620 rgb(116,86,32)
```
#846124
```
#846124 rgb(132,97,36)
```
#936c29
```
#936c29 rgb(147,108,41)
```
#a3782d
```
#a3782d rgb(163,120,45)
```
#b28331
```
#b28331 rgb(178,131,49)
```
#c18e35
```
#c18e35 rgb(193,142,53)
```

Shade Color Variation

#ca9840
```
#ca9840 rgb(202,152,64)
```
#cfa04f
```
#cfa04f rgb(207,160,79)
```
#d3a85f
```
#d3a85f rgb(211,168,95)
```
#d7b16e
```
#d7b16e rgb(215,177,110)
```
#dbb97d
```
#dbb97d rgb(219,185,125)
```
#e0c18d
```
#e0c18d rgb(224,193,141)
```
#e4ca9c
```
#e4ca9c rgb(228,202,156)
```
#e8d2ac
```
#e8d2ac rgb(232,210,172)
```
#ecdabb
```
#ecdabb rgb(236,218,187)
```
#f0e3ca
```
#f0e3ca rgb(240,227,202)
```
#f5ebda
```
#f5ebda rgb(245,235,218)
```
#f9f3e9
```
#f9f3e9 rgb(249,243,233)
```
#fdfbf8
```
#fdfbf8 rgb(253,251,248)
```

Tint Color Variation

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

#75726e
```
#75726e rgb(117,114,110)
```
#7e7565
```
#7e7565 rgb(126,117,101)
```
#86775d
```
#86775d rgb(134,119,93)
```
#8f7a54
```
#8f7a54 rgb(143,122,84)
```
#987c4b
```
#987c4b rgb(152,124,75)
```
#a17e42
```
#a17e42 rgb(161,126,66)
```
#a9813a
```
#a9813a rgb(169,129,58)
```
#b28331
```
#b28331 rgb(178,131,49)
```
#bb8528
```
#bb8528 rgb(187,133,40)
```
#c38820
```
#c38820 rgb(195,136,32)
```
#cc8a17
```
#cc8a17 rgb(204,138,23)
```
#d58c0e
```
#d58c0e rgb(213,140,14)
```
#de8f05
```
#de8f05 rgb(222,143,5)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#908777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1913d Protanopia 1% of men
#b38a3b Deuteranopia 1% of men
#bb818a Tritanopia 0.001% of the population

Trichromacy

#a78c39 Protanomaly 1% of men, 0.01% of women
#b28737 Deuteranomaly 6% of men, 0.4% of women
#b88169 Tritanomaly 0.01% of the population

#b28331 hex color

#b28331 Color Information

#b28331 Color Conversion

Color Schemes with #b28331

Alternatives to #b28331

#b28331 Preview

Shades and Tints of #b28331

Tones of #b28331

Color Blindness Simulator