#b28a20 hex color

In a RGB color space, hex #b28a20 is composed of 69.8% red, 54.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 82% yellow and 30.2% black. It has a hue angle of 43.6 degrees, a saturation of 69.5% and a lightness of 41.2%. #b28a20 color hex could be obtained by blending #ffff40 with #651500. Closest websafe color is: #999933.

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

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

The hexadecimal color #b28a20 has RGB values of R:178, G:138, B:32 and CMYK values of C:0, M:0.22, Y:0.82, K:0.3. Its decimal value is 11700768.

Hex triplet	b28a20	`#b28a20`
RGB Decimal	178, 138, 32	`rgb(178,138,32)`
RGB Percent	69.8, 54.1, 12.5	`rgb(69.8%,54.1%,12.5%)`
CMYK	0, 22, 82, 30
HSL	43.6°, 69.5, 41.2	`hsl(43.6,69.5%,41.2%)`
HSV (or HSB)	43.6°, 82, 69.8
Web Safe	999933	`#999933`

CIE-LAB	59.66, 5.418, 57.595
XYZ	27.71, 27.748, 5.263
xyY	0.456, 0.457, 27.748
CIE-LCH	59.66, 57.849, 84.626
CIE-LUV	59.66, 33.556, 58.084
Hunter-Lab	52.676, 1.715, 30.95
Binary	10110010, 10001010, 00100000

#b28a20
```
#b28a20 rgb(178,138,32)
```
#2048b2
```
#2048b2 rgb(32,72,178)
```

Complementary Color

#b24120
```
#b24120 rgb(178,65,32)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#91b220
```
#91b220 rgb(145,178,32)
```

Analogous Color

#4120b2
```
#4120b2 rgb(65,32,178)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#2091b2
```
#2091b2 rgb(32,145,178)
```

Split Complementary Color

#8a20b2
```
#8a20b2 rgb(138,32,178)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#20b28a
```
#20b28a rgb(32,178,138)
```

Triadic Color

#b22048
```
#b22048 rgb(178,32,72)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#20b28a
```
#20b28a rgb(32,178,138)
```
#2048b2
```
#2048b2 rgb(32,72,178)
```

Tetradic Color

#715814
```
#715814 rgb(113,88,20)
```
#876818
```
#876818 rgb(135,104,24)
```
#9c791c
```
#9c791c rgb(156,121,28)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#c89b24
```
#c89b24 rgb(200,155,36)
```
#d9aa2c
```
#d9aa2c rgb(217,170,44)
```
#ddb242
```
#ddb242 rgb(221,178,66)
```

Monochromatic Color

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

#b26620
```
#b26620 rgb(178,102,32)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#b27e20
```
#b27e20 rgb(178,126,32)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#b29620
```
#b29620 rgb(178,150,32)
```
#b2a220
```
#b2a220 rgb(178,162,32)
```
#b2af20
```
#b2af20 rgb(178,175,32)
```

Similar Colors

Text with hexadecimal color #b28a20

This text has a font color of #b28a20.

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

#b28a20 background color

This paragraph has a background color of #b28a20.

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

#b28a20 border color

This element has a border color of #b28a20.

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

CSS codes

.text {color:#b28a20;}

.background {background-color:#b28a20;}

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

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, #0c0902 is the darkest color, while #fefdfa is the lightest one.

#0c0902
```
#0c0902 rgb(12,9,2)
```
#1c1605
```
#1c1605 rgb(28,22,5)
```
#2d2308
```
#2d2308 rgb(45,35,8)
```
#3e300b
```
#3e300b rgb(62,48,11)
```
#4e3d0e
```
#4e3d0e rgb(78,61,14)
```
#5f4a11
```
#5f4a11 rgb(95,74,17)
```
#6f5614
```
#6f5614 rgb(111,86,20)
```
#806317
```
#806317 rgb(128,99,23)
```
#91701a
```
#91701a rgb(145,112,26)
```
#a17d1d
```
#a17d1d rgb(161,125,29)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#c39723
```
#c39723 rgb(195,151,35)
```
#d3a426
```
#d3a426 rgb(211,164,38)
```

Shade Color Variation

#daac33
```
#daac33 rgb(218,172,51)
```
#ddb343
```
#ddb343 rgb(221,179,67)
```
#e0ba54
```
#e0ba54 rgb(224,186,84)
```
#e3c064
```
#e3c064 rgb(227,192,100)
```
#e6c775
```
#e6c775 rgb(230,199,117)
```
#e9ce86
```
#e9ce86 rgb(233,206,134)
```
#ecd596
```
#ecd596 rgb(236,213,150)
```
#efdba7
```
#efdba7 rgb(239,219,167)
```
#f2e2b8
```
#f2e2b8 rgb(242,226,184)
```
#f5e9c8
```
#f5e9c8 rgb(245,233,200)
```
#f8f0d9
```
#f8f0d9 rgb(248,240,217)
```
#fbf6e9
```
#fbf6e9 rgb(251,246,233)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#716d61
```
#716d61 rgb(113,109,97)
```
#797059
```
#797059 rgb(121,112,89)
```
#827450
```
#827450 rgb(130,116,80)
```
#8a7848
```
#8a7848 rgb(138,120,72)
```
#927b40
```
#927b40 rgb(146,123,64)
```
#9a7f38
```
#9a7f38 rgb(154,127,56)
```
#a28330
```
#a28330 rgb(162,131,48)
```
#aa8628
```
#aa8628 rgb(170,134,40)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#ba8e18
```
#ba8e18 rgb(186,142,24)
```
#c29110
```
#c29110 rgb(194,145,16)
```
#ca9508
```
#ca9508 rgb(202,149,8)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#928a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952d Protanopia 1% of men
#b98e2c Deuteranopia 1% of men
#bd8690 Tritanopia 0.001% of the population

Trichromacy

#aa9128 Protanomaly 1% of men, 0.01% of women
#b78c27 Deuteranomaly 6% of men, 0.4% of women
#b98867 Tritanomaly 0.01% of the population

#b28a20 hex color

#b28a20 Color Information

#b28a20 Color Conversion

Color Schemes with #b28a20

Alternatives to #b28a20

#b28a20 Preview

Shades and Tints of #b28a20

Tones of #b28a20

Color Blindness Simulator