#b28f2e hex color

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

♥
- f
- t
- g
- R 70
- G 56
- B 18
RGB color chart
- C 0
- M 20
- Y 74
- K 30
CMYK color chart

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

The hexadecimal color #b28f2e has RGB values of R:178, G:143, B:46 and CMYK values of C:0, M:0.2, Y:0.74, K:0.3. Its decimal value is 11702062.

Hex triplet	b28f2e	`#b28f2e`
RGB Decimal	178, 143, 46	`rgb(178,143,46)`
RGB Percent	69.8, 56.1, 18	`rgb(69.8%,56.1%,18%)`
CMYK	0, 20, 74, 30
HSL	44.1°, 58.9, 43.9	`hsl(44.1,58.9%,43.9%)`
HSV (or HSB)	44.1°, 74.2, 69.8
Web Safe	999933	`#999933`

CIE-LAB	61.053, 3.225, 53.768
XYZ	28.676, 29.308, 6.731
xyY	0.443, 0.453, 29.308
CIE-LCH	61.053, 53.865, 86.568
CIE-LUV	61.053, 29.343, 56.859
Hunter-Lab	54.137, -0.19, 30.524
Binary	10110010, 10001111, 00101110

#b28f2e
```
#b28f2e rgb(178,143,46)
```
#2e51b2
```
#2e51b2 rgb(46,81,178)
```

Complementary Color

#b24d2e
```
#b24d2e rgb(178,77,46)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#93b22e
```
#93b22e rgb(147,178,46)
```

Analogous Color

#4d2eb2
```
#4d2eb2 rgb(77,46,178)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#2e93b2
```
#2e93b2 rgb(46,147,178)
```

Split Complementary Color

#8f2eb2
```
#8f2eb2 rgb(143,46,178)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#2eb28f
```
#2eb28f rgb(46,178,143)
```

Triadic Color

#b22e51
```
#b22e51 rgb(178,46,81)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#2eb28f
```
#2eb28f rgb(46,178,143)
```
#2e51b2
```
#2e51b2 rgb(46,81,178)
```

Tetradic Color

#755e1e
```
#755e1e rgb(117,94,30)
```
#896e24
```
#896e24 rgb(137,110,36)
```
#9e7f29
```
#9e7f29 rgb(158,127,41)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#c69f33
```
#c69f33 rgb(198,159,51)
```
#cfaa44
```
#cfaa44 rgb(207,170,68)
```
#d4b359
```
#d4b359 rgb(212,179,89)
```

Monochromatic Color

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

#b26e2e
```
#b26e2e rgb(178,110,46)
```
#b2792e
```
#b2792e rgb(178,121,46)
```
#b2842e
```
#b2842e rgb(178,132,46)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#b29a2e
```
#b29a2e rgb(178,154,46)
```
#b2a52e
```
#b2a52e rgb(178,165,46)
```
#b2b02e
```
#b2b02e rgb(178,176,46)
```

Similar Colors

Text with hexadecimal color #b28f2e

This text has a font color of #b28f2e.

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

#b28f2e background color

This paragraph has a background color of #b28f2e.

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

#b28f2e border color

This element has a border color of #b28f2e.

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

CSS codes

.text {color:#b28f2e;}

.background {background-color:#b28f2e;}

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

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)
```
#161206
```
#161206 rgb(22,18,6)
```
#261e0a
```
#261e0a rgb(38,30,10)
```
#352b0e
```
#352b0e rgb(53,43,14)
```
#453712
```
#453712 rgb(69,55,18)
```
#544416
```
#544416 rgb(84,68,22)
```
#64501a
```
#64501a rgb(100,80,26)
```
#745d1e
```
#745d1e rgb(116,93,30)
```
#836922
```
#836922 rgb(131,105,34)
```
#937626
```
#937626 rgb(147,118,38)
```
#a2822a
```
#a2822a rgb(162,130,42)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#c29c32
```
#c29c32 rgb(194,156,50)
```

Shade Color Variation

#cca63b
```
#cca63b rgb(204,166,59)
```
#d0ad4a
```
#d0ad4a rgb(208,173,74)
```
#d4b45a
```
#d4b45a rgb(212,180,90)
```
#d8bb6a
```
#d8bb6a rgb(216,187,106)
```
#dcc279
```
#dcc279 rgb(220,194,121)
```
#e0c989
```
#e0c989 rgb(224,201,137)
```
#e4d098
```
#e4d098 rgb(228,208,152)
```
#e9d7a8
```
#e9d7a8 rgb(233,215,168)
```
#eddfb8
```
#eddfb8 rgb(237,223,184)
```
#f1e6c7
```
#f1e6c7 rgb(241,230,199)
```
#f5edd7
```
#f5edd7 rgb(245,237,215)
```
#f9f4e6
```
#f9f4e6 rgb(249,244,230)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#76736a
```
#76736a rgb(118,115,106)
```
#7e7762
```
#7e7762 rgb(126,119,98)
```
#877b59
```
#877b59 rgb(135,123,89)
```
#907f50
```
#907f50 rgb(144,127,80)
```
#988348
```
#988348 rgb(152,131,72)
```
#a1873f
```
#a1873f rgb(161,135,63)
```
#a98b37
```
#a98b37 rgb(169,139,55)
```
#b28f2e
```
#b28f2e rgb(178,143,46)
```
#bb9325
```
#bb9325 rgb(187,147,37)
```
#c3971d
```
#c3971d rgb(195,151,29)
```
#cc9b14
```
#cc9b14 rgb(204,155,20)
```
#d49f0c
```
#d49f0c rgb(212,159,12)
```
#dda303
```
#dda303 rgb(221,163,3)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#958e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa993a Protanopia 1% of men
#bd913a Deuteranopia 1% of men
#bd8b95 Tritanopia 0.001% of the population

Trichromacy

#ad9535 Protanomaly 1% of men, 0.01% of women
#b99035 Deuteranomaly 6% of men, 0.4% of women
#b98c6f Tritanomaly 0.01% of the population

#b28f2e hex color

#b28f2e Color Information

#b28f2e Color Conversion

Color Schemes with #b28f2e

Alternatives to #b28f2e

#b28f2e Preview

Shades and Tints of #b28f2e

Tones of #b28f2e

Color Blindness Simulator