#b28a2d hex color

In a RGB color space, hex #b28a2d is composed of 69.8% red, 54.1% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.5% magenta, 74.7% yellow and 30.2% black. It has a hue angle of 42 degrees, a saturation of 59.6% and a lightness of 43.7%. #b28a2d color hex could be obtained by blending #ffff5a with #651500. Closest websafe color is: #999933.

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

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

The hexadecimal color #b28a2d has RGB values of R:178, G:138, B:45 and CMYK values of C:0, M:0.22, Y:0.75, K:0.3. Its decimal value is 11700781.

Hex triplet	b28a2d	`#b28a2d`
RGB Decimal	178, 138, 45	`rgb(178,138,45)`
RGB Percent	69.8, 54.1, 17.6	`rgb(69.8%,54.1%,17.6%)`
CMYK	0, 22, 75, 30
HSL	42°, 59.6, 43.7	`hsl(42,59.6%,43.7%)`
HSV (or HSB)	42°, 74.7, 69.8
Web Safe	999933	`#999933`

CIE-LAB	59.737, 5.932, 52.884
XYZ	27.923, 27.833, 6.384
xyY	0.449, 0.448, 27.833
CIE-LCH	59.737, 53.215, 83.6
CIE-LUV	59.737, 33.066, 55.033
Hunter-Lab	52.757, 2.151, 29.755
Binary	10110010, 10001010, 00101101

#b28a2d
```
#b28a2d rgb(178,138,45)
```
#2d55b2
```
#2d55b2 rgb(45,85,178)
```

Complementary Color

#b2482d
```
#b2482d rgb(178,72,45)
```
#b28a2d
```
#b28a2d rgb(178,138,45)
```
#98b22d
```
#98b22d rgb(152,178,45)
```

Analogous Color

#472db2
```
#472db2 rgb(71,45,178)
```
#b28a2d
```
#b28a2d rgb(178,138,45)
```
#2d98b2
```
#2d98b2 rgb(45,152,178)
```

Split Complementary Color

#8a2db2
```
#8a2db2 rgb(138,45,178)
```
#b28a2d
```
#b28a2d rgb(178,138,45)
```
#2db28a
```
#2db28a rgb(45,178,138)
```

Triadic Color

#b22d55
```
#b22d55 rgb(178,45,85)
```
#b28a2d
```
#b28a2d rgb(178,138,45)
```
#2db28a
```
#2db28a rgb(45,178,138)
```
#2d55b2
```
#2d55b2 rgb(45,85,178)
```

Tetradic Color

#755b1e
```
#755b1e rgb(117,91,30)
```
#896a23
```
#896a23 rgb(137,106,35)
```
#9e7a28
```
#9e7a28 rgb(158,122,40)
```
#b28a2d
```
#b28a2d rgb(178,138,45)
```
#c69a32
```
#c69a32 rgb(198,154,50)
```
#cfa543
```
#cfa543 rgb(207,165,67)
```
#d5af57
```
#d5af57 rgb(213,175,87)
```

Monochromatic Color

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

#b2692d
```
#b2692d rgb(178,105,45)
```
#b2742d
```
#b2742d rgb(178,116,45)
```
#b27f2d
```
#b27f2d rgb(178,127,45)
```
#b28a2d
```
#b28a2d rgb(178,138,45)
```
#b2952d
```
#b2952d rgb(178,149,45)
```
#b2a02d
```
#b2a02d rgb(178,160,45)
```
#b2ab2d
```
#b2ab2d rgb(178,171,45)
```

Similar Colors

Text with hexadecimal color #b28a2d

This text has a font color of #b28a2d.

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

#b28a2d background color

This paragraph has a background color of #b28a2d.

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

#b28a2d border color

This element has a border color of #b28a2d.

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

CSS codes

.text {color:#b28a2d;}

.background {background-color:#b28a2d;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#151105
```
#151105 rgb(21,17,5)
```
#251d09
```
#251d09 rgb(37,29,9)
```
#35290d
```
#35290d rgb(53,41,13)
```
#443511
```
#443511 rgb(68,53,17)
```
#544115
```
#544115 rgb(84,65,21)
```
#644d19
```
#644d19 rgb(100,77,25)
```
#73591d
```
#73591d rgb(115,89,29)
```
#836621
```
#836621 rgb(131,102,33)
```
#937225
```
#937225 rgb(147,114,37)
```
#a27e29
```
#a27e29 rgb(162,126,41)
```
#b28a2d
```
#b28a2d rgb(178,138,45)
```
#c29631
```
#c29631 rgb(194,150,49)
```

Shade Color Variation

#cda139
```
#cda139 rgb(205,161,57)
```
#d1a849
```
#d1a849 rgb(209,168,73)
```
#d5b059
```
#d5b059 rgb(213,176,89)
```
#d9b768
```
#d9b768 rgb(217,183,104)
```
#ddbe78
```
#ddbe78 rgb(221,190,120)
```
#e1c688
```
#e1c688 rgb(225,198,136)
```
#e5cd97
```
#e5cd97 rgb(229,205,151)
```
#e9d5a7
```
#e9d5a7 rgb(233,213,167)
```
#eddcb6
```
#eddcb6 rgb(237,220,182)
```
#f1e4c6
```
#f1e4c6 rgb(241,228,198)
```
#f5ebd6
```
#f5ebd6 rgb(245,235,214)
```
#f9f3e5
```
#f9f3e5 rgb(249,243,229)
```
#fdfaf5
```
#fdfaf5 rgb(253,250,245)
```

Tint Color Variation

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

#767269
```
#767269 rgb(118,114,105)
```
#7f7560
```
#7f7560 rgb(127,117,96)
```
#877958
```
#877958 rgb(135,121,88)
```
#907c4f
```
#907c4f rgb(144,124,79)
```
#988047
```
#988047 rgb(152,128,71)
```
#a1833e
```
#a1833e rgb(161,131,62)
```
#a98736
```
#a98736 rgb(169,135,54)
```
#b28a2d
```
#b28a2d rgb(178,138,45)
```
#bb8d24
```
#bb8d24 rgb(187,141,36)
```
#c3911c
```
#c3911c rgb(195,145,28)
```
#cc9413
```
#cc9413 rgb(204,148,19)
```
#d4980b
```
#d4980b rgb(212,152,11)
```
#dd9b02
```
#dd9b02 rgb(221,155,2)
```

Tone Color Variation

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

#a69539 Protanopia 1% of men
#b98e38 Deuteranopia 1% of men
#bc8790 Tritanopia 0.001% of the population

Trichromacy

#aa9134 Protanomaly 1% of men, 0.01% of women
#b68d34 Deuteranomaly 6% of men, 0.4% of women
#b8886c Tritanomaly 0.01% of the population

#b28a2d hex color

#b28a2d Color Information

#b28a2d Color Conversion

Color Schemes with #b28a2d

Alternatives to #b28a2d

#b28a2d Preview

Shades and Tints of #b28a2d

Tones of #b28a2d

Color Blindness Simulator