#b28225 hex color

In a RGB color space, hex #b28225 is composed of 69.8% red, 51% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27% magenta, 79.2% yellow and 30.2% black. It has a hue angle of 39.6 degrees, a saturation of 65.6% and a lightness of 42.2%. #b28225 color hex could be obtained by blending #ffff4a 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

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

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

Hex triplet	b28225	`#b28225`
RGB Decimal	178, 130, 37	`rgb(178,130,37)`
RGB Percent	69.8, 51, 14.5	`rgb(69.8%,51%,14.5%)`
CMYK	0, 27, 79, 30
HSL	39.6°, 65.6, 42.2	`hsl(39.6,65.6%,42.2%)`
HSV (or HSB)	39.6°, 79.2, 69.8
Web Safe	999933	`#999933`

CIE-LAB	57.622, 10.032, 54.003
XYZ	26.677, 25.565, 5.28
xyY	0.464, 0.444, 25.565
CIE-LCH	57.622, 54.927, 79.476
CIE-LUV	57.622, 39.441, 53.77
Hunter-Lab	50.562, 5.695, 29.202
Binary	10110010, 10000010, 00100101

#b28225
```
#b28225 rgb(178,130,37)
```
#2555b2
```
#2555b2 rgb(37,85,178)
```

Complementary Color

#b23c25
```
#b23c25 rgb(178,60,37)
```
#b28225
```
#b28225 rgb(178,130,37)
```
#9cb225
```
#9cb225 rgb(156,178,37)
```

Analogous Color

#3c25b2
```
#3c25b2 rgb(60,37,178)
```
#b28225
```
#b28225 rgb(178,130,37)
```
#259cb2
```
#259cb2 rgb(37,156,178)
```

Split Complementary Color

#8225b2
```
#8225b2 rgb(130,37,178)
```
#b28225
```
#b28225 rgb(178,130,37)
```
#25b282
```
#25b282 rgb(37,178,130)
```

Triadic Color

#b22555
```
#b22555 rgb(178,37,85)
```
#b28225
```
#b28225 rgb(178,130,37)
```
#25b282
```
#25b282 rgb(37,178,130)
```
#2555b2
```
#2555b2 rgb(37,85,178)
```

Tetradic Color

#735418
```
#735418 rgb(115,84,24)
```
#88631c
```
#88631c rgb(136,99,28)
```
#9d7321
```
#9d7321 rgb(157,115,33)
```
#b28225
```
#b28225 rgb(178,130,37)
```
#c79129
```
#c79129 rgb(199,145,41)
```
#d59f35
```
#d59f35 rgb(213,159,53)
```
#d9a94a
```
#d9a94a rgb(217,169,74)
```

Monochromatic Color

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

#b25f25
```
#b25f25 rgb(178,95,37)
```
#b26b25
```
#b26b25 rgb(178,107,37)
```
#b27625
```
#b27625 rgb(178,118,37)
```
#b28225
```
#b28225 rgb(178,130,37)
```
#b28e25
```
#b28e25 rgb(178,142,37)
```
#b29a25
```
#b29a25 rgb(178,154,37)
```
#b2a525
```
#b2a525 rgb(178,165,37)
```

Similar Colors

Text with hexadecimal color #b28225

This text has a font color of #b28225.

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

#b28225 background color

This paragraph has a background color of #b28225.

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

#b28225 border color

This element has a border color of #b28225.

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

CSS codes

.text {color:#b28225;}

.background {background-color:#b28225;}

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

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, #100b03 is the darkest color, while #fffffe is the lightest one.

#100b03
```
#100b03 rgb(16,11,3)
```
#201707
```
#201707 rgb(32,23,7)
```
#30230a
```
#30230a rgb(48,35,10)
```
#402f0d
```
#402f0d rgb(64,47,13)
```
#513b11
```
#513b11 rgb(81,59,17)
```
#614714
```
#614714 rgb(97,71,20)
```
#715317
```
#715317 rgb(113,83,23)
```
#815e1b
```
#815e1b rgb(129,94,27)
```
#926a1e
```
#926a1e rgb(146,106,30)
```
#a27622
```
#a27622 rgb(162,118,34)
```
#b28225
```
#b28225 rgb(178,130,37)
```
#c28e28
```
#c28e28 rgb(194,142,40)
```
#d29a2c
```
#d29a2c rgb(210,154,44)
```

Shade Color Variation

#d6a23b
```
#d6a23b rgb(214,162,59)
```
#daa94c
```
#daa94c rgb(218,169,76)
```
#ddb15c
```
#ddb15c rgb(221,177,92)
```
#e0b96c
```
#e0b96c rgb(224,185,108)
```
#e4c17c
```
#e4c17c rgb(228,193,124)
```
#e7c88d
```
#e7c88d rgb(231,200,141)
```
#ebd09d
```
#ebd09d rgb(235,208,157)
```
#eed8ad
```
#eed8ad rgb(238,216,173)
```
#f1e0bd
```
#f1e0bd rgb(241,224,189)
```
#f5e7ce
```
#f5e7ce rgb(245,231,206)
```
#f8efde
```
#f8efde rgb(248,239,222)
```
#fbf7ee
```
#fbf7ee rgb(251,247,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#706d67
```
#706d67 rgb(112,109,103)
```
#78705f
```
#78705f rgb(120,112,95)
```
#807257
```
#807257 rgb(128,114,87)
```
#89754e
```
#89754e rgb(137,117,78)
```
#917746
```
#917746 rgb(145,119,70)
```
#997a3e
```
#997a3e rgb(153,122,62)
```
#a17d36
```
#a17d36 rgb(161,125,54)
```
#aa7f2d
```
#aa7f2d rgb(170,127,45)
```
#b28225
```
#b28225 rgb(178,130,37)
```
#ba851d
```
#ba851d rgb(186,133,29)
```
#c38714
```
#c38714 rgb(195,135,20)
```
#cb8a0c
```
#cb8a0c rgb(203,138,12)
```
#d38d04
```
#d38d04 rgb(211,141,4)
```

Tone Color Variation

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

#a19032 Protanopia 1% of men
#b3892f Deuteranopia 1% of men
#bc8088 Tritanopia 0.001% of the population

Trichromacy

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

#b28225 hex color

#b28225 Color Information

#b28225 Color Conversion

Color Schemes with #b28225

Alternatives to #b28225

#b28225 Preview

Shades and Tints of #b28225

Tones of #b28225

Color Blindness Simulator