#b28a2a hex color

In a RGB color space, hex #b28a2a is composed of 69.8% red, 54.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 76.4% yellow and 30.2% black. It has a hue angle of 42.4 degrees, a saturation of 61.8% and a lightness of 43.1%. #b28a2a color hex could be obtained by blending #ffff54 with #651500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 54
- B 16
RGB color chart
- C 0
- M 22
- Y 76
- K 30
CMYK color chart

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

The hexadecimal color #b28a2a has RGB values of R:178, G:138, B:42 and CMYK values of C:0, M:0.22, Y:0.76, K:0.3. Its decimal value is 11700778.

Hex triplet	b28a2a	`#b28a2a`
RGB Decimal	178, 138, 42	`rgb(178,138,42)`
RGB Percent	69.8, 54.1, 16.5	`rgb(69.8%,54.1%,16.5%)`
CMYK	0, 22, 76, 30
HSL	42.4°, 61.8, 43.1	`hsl(42.4,61.8%,43.1%)`
HSV (or HSB)	42.4°, 76.4, 69.8
Web Safe	999933	`#999933`

CIE-LAB	59.717, 5.798, 54.058
XYZ	27.867, 27.81, 6.091
xyY	0.451, 0.45, 27.81
CIE-LCH	59.717, 54.368, 83.878
CIE-LUV	59.717, 33.194, 55.826
Hunter-Lab	52.736, 2.037, 30.067
Binary	10110010, 10001010, 00101010

#b28a2a
```
#b28a2a rgb(178,138,42)
```
#2a52b2
```
#2a52b2 rgb(42,82,178)
```

Complementary Color

#b2462a
```
#b2462a rgb(178,70,42)
```
#b28a2a
```
#b28a2a rgb(178,138,42)
```
#96b22a
```
#96b22a rgb(150,178,42)
```

Analogous Color

#462ab2
```
#462ab2 rgb(70,42,178)
```
#b28a2a
```
#b28a2a rgb(178,138,42)
```
#2a96b2
```
#2a96b2 rgb(42,150,178)
```

Split Complementary Color

#8a2ab2
```
#8a2ab2 rgb(138,42,178)
```
#b28a2a
```
#b28a2a rgb(178,138,42)
```
#2ab28a
```
#2ab28a rgb(42,178,138)
```

Triadic Color

#b22a52
```
#b22a52 rgb(178,42,82)
```
#b28a2a
```
#b28a2a rgb(178,138,42)
```
#2ab28a
```
#2ab28a rgb(42,178,138)
```
#2a52b2
```
#2a52b2 rgb(42,82,178)
```

Tetradic Color

#745a1b
```
#745a1b rgb(116,90,27)
```
#896a20
```
#896a20 rgb(137,106,32)
```
#9d7a25
```
#9d7a25 rgb(157,122,37)
```
#b28a2a
```
#b28a2a rgb(178,138,42)
```
#c79a2f
```
#c79a2f rgb(199,154,47)
```
#d1a63e
```
#d1a63e rgb(209,166,62)
```
#d6af52
```
#d6af52 rgb(214,175,82)
```

Monochromatic Color

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

#b2682a
```
#b2682a rgb(178,104,42)
```
#b2732a
```
#b2732a rgb(178,115,42)
```
#b27f2a
```
#b27f2a rgb(178,127,42)
```
#b28a2a
```
#b28a2a rgb(178,138,42)
```
#b2952a
```
#b2952a rgb(178,149,42)
```
#b2a12a
```
#b2a12a rgb(178,161,42)
```
#b2ac2a
```
#b2ac2a rgb(178,172,42)
```

Similar Colors

Text with hexadecimal color #b28a2a

This text has a font color of #b28a2a.

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

#b28a2a background color

This paragraph has a background color of #b28a2a.

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

#b28a2a border color

This element has a border color of #b28a2a.

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

CSS codes

.text {color:#b28a2a;}

.background {background-color:#b28a2a;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#130f05
```
#130f05 rgb(19,15,5)
```
#231b08
```
#231b08 rgb(35,27,8)
```
#33280c
```
#33280c rgb(51,40,12)
```
#433410
```
#433410 rgb(67,52,16)
```
#534014
```
#534014 rgb(83,64,20)
```
#634c17
```
#634c17 rgb(99,76,23)
```
#73591b
```
#73591b rgb(115,89,27)
```
#82651f
```
#82651f rgb(130,101,31)
```
#927123
```
#927123 rgb(146,113,35)
```
#a27e26
```
#a27e26 rgb(162,126,38)
```
#b28a2a
```
#b28a2a rgb(178,138,42)
```
#c2962e
```
#c2962e rgb(194,150,46)
```

Shade Color Variation

#cfa234
```
#cfa234 rgb(207,162,52)
```
#d3a944
```
#d3a944 rgb(211,169,68)
```
#d7b054
```
#d7b054 rgb(215,176,84)
```
#dab764
```
#dab764 rgb(218,183,100)
```
#debf74
```
#debf74 rgb(222,191,116)
```
#e2c683
```
#e2c683 rgb(226,198,131)
```
#e6cd93
```
#e6cd93 rgb(230,205,147)
```
#e9d5a3
```
#e9d5a3 rgb(233,213,163)
```
#eddcb3
```
#eddcb3 rgb(237,220,179)
```
#f1e3c3
```
#f1e3c3 rgb(241,227,195)
```
#f5ebd3
```
#f5ebd3 rgb(245,235,211)
```
#f8f2e3
```
#f8f2e3 rgb(248,242,227)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#777265
```
#777265 rgb(119,114,101)
```
#7f755d
```
#7f755d rgb(127,117,93)
```
#887954
```
#887954 rgb(136,121,84)
```
#907c4c
```
#907c4c rgb(144,124,76)
```
#998043
```
#998043 rgb(153,128,67)
```
#a1833b
```
#a1833b rgb(161,131,59)
```
#aa8732
```
#aa8732 rgb(170,135,50)
```
#b28a2a
```
#b28a2a rgb(178,138,42)
```
#ba8d22
```
#ba8d22 rgb(186,141,34)
```
#c39119
```
#c39119 rgb(195,145,25)
```
#cb9411
```
#cb9411 rgb(203,148,17)
```
#d49808
```
#d49808 rgb(212,152,8)
```

Tone Color Variation

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

#a69536 Protanopia 1% of men
#b98e35 Deuteranopia 1% of men
#bc8790 Tritanopia 0.001% of the population

Trichromacy

#aa9132 Protanomaly 1% of men, 0.01% of women
#b68c31 Deuteranomaly 6% of men, 0.4% of women
#b8886b Tritanomaly 0.01% of the population

#b28a2a hex color

#b28a2a Color Information

#b28a2a Color Conversion

Color Schemes with #b28a2a

Alternatives to #b28a2a

#b28a2a Preview

Shades and Tints of #b28a2a

Tones of #b28a2a

Color Blindness Simulator