#b28226 hex color

In a RGB color space, hex #b28226 is composed of 69.8% red, 51% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 78.7% yellow and 30.2% black. It has a hue angle of 39.4 degrees, a saturation of 64.8% and a lightness of 42.4%. #b28226 color hex could be obtained by blending #ffff4c with #650500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 51
- B 15
RGB color chart
- C 0
- M 27
- Y 79
- K 30
CMYK color chart

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

The hexadecimal color #b28226 has RGB values of R:178, G:130, B:38 and CMYK values of C:0, M:0.27, Y:0.79, K:0.3. Its decimal value is 11698726.

Hex triplet	b28226	`#b28226`
RGB Decimal	178, 130, 38	`rgb(178,130,38)`
RGB Percent	69.8, 51, 14.9	`rgb(69.8%,51%,14.9%)`
CMYK	0, 27, 79, 30
HSL	39.4°, 64.8, 42.4	`hsl(39.4,64.8%,42.4%)`
HSV (or HSB)	39.4°, 78.7, 69.8
Web Safe	999933	`#999933`

CIE-LAB	57.628, 10.071, 53.63
XYZ	26.693, 25.572, 5.364
xyY	0.463, 0.444, 25.572
CIE-LCH	57.628, 54.567, 79.365
CIE-LUV	57.628, 39.397, 53.532
Hunter-Lab	50.568, 5.728, 29.109
Binary	10110010, 10000010, 00100110

#b28226
```
#b28226 rgb(178,130,38)
```
#2656b2
```
#2656b2 rgb(38,86,178)
```

Complementary Color

#b23c26
```
#b23c26 rgb(178,60,38)
```
#b28226
```
#b28226 rgb(178,130,38)
```
#9cb226
```
#9cb226 rgb(156,178,38)
```

Analogous Color

#3c26b2
```
#3c26b2 rgb(60,38,178)
```
#b28226
```
#b28226 rgb(178,130,38)
```
#269cb2
```
#269cb2 rgb(38,156,178)
```

Split Complementary Color

#8226b2
```
#8226b2 rgb(130,38,178)
```
#b28226
```
#b28226 rgb(178,130,38)
```
#26b282
```
#26b282 rgb(38,178,130)
```

Triadic Color

#b22656
```
#b22656 rgb(178,38,86)
```
#b28226
```
#b28226 rgb(178,130,38)
```
#26b282
```
#26b282 rgb(38,178,130)
```
#2656b2
```
#2656b2 rgb(38,86,178)
```

Tetradic Color

#735419
```
#735419 rgb(115,84,25)
```
#88631d
```
#88631d rgb(136,99,29)
```
#9d7322
```
#9d7322 rgb(157,115,34)
```
#b28226
```
#b28226 rgb(178,130,38)
```
#c7912a
```
#c7912a rgb(199,145,42)
```
#d49e37
```
#d49e37 rgb(212,158,55)
```
#d9a84c
```
#d9a84c rgb(217,168,76)
```

Monochromatic Color

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

#b25f26
```
#b25f26 rgb(178,95,38)
```
#b26b26
```
#b26b26 rgb(178,107,38)
```
#b27626
```
#b27626 rgb(178,118,38)
```
#b28226
```
#b28226 rgb(178,130,38)
```
#b28e26
```
#b28e26 rgb(178,142,38)
```
#b29926
```
#b29926 rgb(178,153,38)
```
#b2a526
```
#b2a526 rgb(178,165,38)
```

Similar Colors

Text with hexadecimal color #b28226

This text has a font color of #b28226.

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

#b28226 background color

This paragraph has a background color of #b28226.

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

#b28226 border color

This element has a border color of #b28226.

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

CSS codes

.text {color:#b28226;}

.background {background-color:#b28226;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100c03
```
#100c03 rgb(16,12,3)
```
#211807
```
#211807 rgb(33,24,7)
```
#31240a
```
#31240a rgb(49,36,10)
```
#412f0e
```
#412f0e rgb(65,47,14)
```
#513b11
```
#513b11 rgb(81,59,17)
```
#614715
```
#614715 rgb(97,71,21)
```
#715318
```
#715318 rgb(113,83,24)
```
#825f1c
```
#825f1c rgb(130,95,28)
```
#926a1f
```
#926a1f rgb(146,106,31)
```
#a27623
```
#a27623 rgb(162,118,35)
```
#b28226
```
#b28226 rgb(178,130,38)
```
#c28e29
```
#c28e29 rgb(194,142,41)
```

Shade Color Variation

#d29a2d
```
#d29a2d rgb(210,154,45)
```
#d6a13d
```
#d6a13d rgb(214,161,61)
```
#d9a94d
```
#d9a94d rgb(217,169,77)
```
#ddb15e
```
#ddb15e rgb(221,177,94)
```
#e0b96e
```
#e0b96e rgb(224,185,110)
```
#e3c17e
```
#e3c17e rgb(227,193,126)
```
#e7c88e
```
#e7c88e rgb(231,200,142)
```
#ead09e
```
#ead09e rgb(234,208,158)
```
#eed8ae
```
#eed8ae rgb(238,216,174)
```
#f1e0bf
```
#f1e0bf rgb(241,224,191)
```
#f5e8cf
```
#f5e8cf rgb(245,232,207)
```
#f8efdf
```
#f8efdf rgb(248,239,223)
```
#fcf7ef
```
#fcf7ef rgb(252,247,239)
```

Tint Color Variation

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

#706d68
```
#706d68 rgb(112,109,104)
```
#787060
```
#787060 rgb(120,112,96)
```
#807258
```
#807258 rgb(128,114,88)
```
#887550
```
#887550 rgb(136,117,80)
```
#917847
```
#917847 rgb(145,120,71)
```
#997a3f
```
#997a3f rgb(153,122,63)
```
#a17d37
```
#a17d37 rgb(161,125,55)
```
#aa7f2e
```
#aa7f2e rgb(170,127,46)
```
#b28226
```
#b28226 rgb(178,130,38)
```
#ba851e
```
#ba851e rgb(186,133,30)
```
#c38715
```
#c38715 rgb(195,135,21)
```
#cb8a0d
```
#cb8a0d rgb(203,138,13)
```
#d38c05
```
#d38c05 rgb(211,140,5)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8f8573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09033 Protanopia 1% of men
#b38930 Deuteranopia 1% of men
#bc8088 Tritanopia 0.001% of the population

Trichromacy

#a78b2e Protanomaly 1% of men, 0.01% of women
#b2862c Deuteranomaly 6% of men, 0.4% of women
#b88064 Tritanomaly 0.01% of the population

#b28226 hex color

#b28226 Color Information

#b28226 Color Conversion

Color Schemes with #b28226

Alternatives to #b28226

#b28226 Preview

Shades and Tints of #b28226

Tones of #b28226

Color Blindness Simulator