#b28f45 hex color

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

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

● #b28f45 color description : Dark moderate orange.

The hexadecimal color #b28f45 has RGB values of R:178, G:143, B:69 and CMYK values of C:0, M:0.2, Y:0.61, K:0.3. Its decimal value is 11702085.

Hex triplet	b28f45	`#b28f45`
RGB Decimal	178, 143, 69	`rgb(178,143,69)`
RGB Percent	69.8, 56.1, 27.1	`rgb(69.8%,56.1%,27.1%)`
CMYK	0, 20, 61, 30
HSL	40.7°, 44.1, 48.4	`hsl(40.7,44.1%,48.4%)`
HSV (or HSB)	40.7°, 61.2, 69.8
Web Safe	999933	`#999933`

CIE-LAB	61.256, 4.599, 43.598
XYZ	29.257, 29.541, 9.791
xyY	0.427, 0.431, 29.541
CIE-LCH	61.256, 43.84, 83.979
CIE-LUV	61.256, 28.193, 49.016
Hunter-Lab	54.351, 0.97, 27.366
Binary	10110010, 10001111, 01000101

#b28f45
```
#b28f45 rgb(178,143,69)
```
#4568b2
```
#4568b2 rgb(69,104,178)
```

Complementary Color

#b25845
```
#b25845 rgb(178,88,69)
```
#b28f45
```
#b28f45 rgb(178,143,69)
```
#9fb245
```
#9fb245 rgb(159,178,69)
```

Analogous Color

#5845b2
```
#5845b2 rgb(88,69,178)
```
#b28f45
```
#b28f45 rgb(178,143,69)
```
#459fb2
```
#459fb2 rgb(69,159,178)
```

Split Complementary Color

#8f45b2
```
#8f45b2 rgb(143,69,178)
```
#b28f45
```
#b28f45 rgb(178,143,69)
```
#45b28f
```
#45b28f rgb(69,178,143)
```

Triadic Color

#b24568
```
#b24568 rgb(178,69,104)
```
#b28f45
```
#b28f45 rgb(178,143,69)
```
#45b28f
```
#45b28f rgb(69,178,143)
```
#4568b2
```
#4568b2 rgb(69,104,178)
```

Tetradic Color

#7b6330
```
#7b6330 rgb(123,99,48)
```
#8d7137
```
#8d7137 rgb(141,113,55)
```
#a0803e
```
#a0803e rgb(160,128,62)
```
#b28f45
```
#b28f45 rgb(178,143,69)
```
#bd9b54
```
#bd9b54 rgb(189,155,84)
```
#c4a666
```
#c4a666 rgb(196,166,102)
```
#cbb079
```
#cbb079 rgb(203,176,121)
```

Monochromatic Color

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

#b27445
```
#b27445 rgb(178,116,69)
```
#b27d45
```
#b27d45 rgb(178,125,69)
```
#b28645
```
#b28645 rgb(178,134,69)
```
#b28f45
```
#b28f45 rgb(178,143,69)
```
#b29845
```
#b29845 rgb(178,152,69)
```
#b2a145
```
#b2a145 rgb(178,161,69)
```
#b2aa45
```
#b2aa45 rgb(178,170,69)
```

Similar Colors

Text with hexadecimal color #b28f45

This text has a font color of #b28f45.

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

#b28f45 background color

This paragraph has a background color of #b28f45.

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

#b28f45 border color

This element has a border color of #b28f45.

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

CSS codes

.text {color:#b28f45;}

.background {background-color:#b28f45;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#171209
```
#171209 rgb(23,18,9)
```
#251d0e
```
#251d0e rgb(37,29,14)
```
#332914
```
#332914 rgb(51,41,20)
```
#413419
```
#413419 rgb(65,52,25)
```
#4f401f
```
#4f401f rgb(79,64,31)
```
#5d4b24
```
#5d4b24 rgb(93,75,36)
```
#6b562a
```
#6b562a rgb(107,86,42)
```
#79622f
```
#79622f rgb(121,98,47)
```
#886d35
```
#886d35 rgb(136,109,53)
```
#96783a
```
#96783a rgb(150,120,58)
```
#a48440
```
#a48440 rgb(164,132,64)
```
#b28f45
```
#b28f45 rgb(178,143,69)
```

Shade Color Variation

#bb9950
```
#bb9950 rgb(187,153,80)
```
#c0a15e
```
#c0a15e rgb(192,161,94)
```
#c6a96c
```
#c6a96c rgb(198,169,108)
```
#cbb17a
```
#cbb17a rgb(203,177,122)
```
#d1ba88
```
#d1ba88 rgb(209,186,136)
```
#d6c296
```
#d6c296 rgb(214,194,150)
```
#dccaa4
```
#dccaa4 rgb(220,202,164)
```
#e1d2b3
```
#e1d2b3 rgb(225,210,179)
```
#e7dbc1
```
#e7dbc1 rgb(231,219,193)
```
#ece3cf
```
#ece3cf rgb(236,227,207)
```
#f2ebdd
```
#f2ebdd rgb(242,235,221)
```
#f7f3eb
```
#f7f3eb rgb(247,243,235)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#837e75
```
#837e75 rgb(131,126,117)
```
#8c816b
```
#8c816b rgb(140,129,107)
```
#968562
```
#968562 rgb(150,133,98)
```
#9f8858
```
#9f8858 rgb(159,136,88)
```
#a98c4f
```
#a98c4f rgb(169,140,79)
```
#b28f45
```
#b28f45 rgb(178,143,69)
```
#bc923c
```
#bc923c rgb(188,146,60)
```
#c59632
```
#c59632 rgb(197,150,50)
```
#cf9929
```
#cf9929 rgb(207,153,41)
```
#d89d1f
```
#d89d1f rgb(216,157,31)
```
#e2a016
```
#e2a016 rgb(226,160,22)
```
#eba30c
```
#eba30c rgb(235,163,12)
```
#f5a702
```
#f5a702 rgb(245,167,2)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#989182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89950 Protanopia 1% of men
#bb924f Deuteranopia 1% of men
#bc8c96 Tritanopia 0.001% of the population

Trichromacy

#ac954c Protanomaly 1% of men, 0.01% of women
#b7914b Deuteranomaly 6% of men, 0.4% of women
#b88d78 Tritanomaly 0.01% of the population

#b28f45 hex color

#b28f45 Color Information

#b28f45 Color Conversion

Color Schemes with #b28f45

Alternatives to #b28f45

#b28f45 Preview

Shades and Tints of #b28f45

Tones of #b28f45

Color Blindness Simulator