#b28348 hex color

In a RGB color space, hex #b28348 is composed of 69.8% red, 51.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.4% magenta, 59.6% yellow and 30.2% black. It has a hue angle of 33.4 degrees, a saturation of 42.4% and a lightness of 49%. #b28348 color hex could be obtained by blending #ffff90 with #650700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 70
- G 51
- B 28
RGB color chart
- C 0
- M 26
- Y 60
- K 30
CMYK color chart

● #b28348 color description : Dark moderate orange.

The hexadecimal color #b28348 has RGB values of R:178, G:131, B:72 and CMYK values of C:0, M:0.26, Y:0.6, K:0.3. Its decimal value is 11699016.

Hex triplet	b28348	`#b28348`
RGB Decimal	178, 131, 72	`rgb(178,131,72)`
RGB Percent	69.8, 51.4, 28.2	`rgb(69.8%,51.4%,28.2%)`
CMYK	0, 26, 60, 30
HSL	33.4°, 42.4, 49	`hsl(33.4,42.4%,49%)`
HSV (or HSB)	33.4°, 59.6, 69.8
Web Safe	999933	`#999933`

CIE-LAB	58.195, 11.48, 38.522
XYZ	27.646, 26.167, 9.725
xyY	0.435, 0.412, 26.167
CIE-LCH	58.195, 40.196, 73.405
CIE-LUV	58.195, 36.522, 42.205
Hunter-Lab	51.154, 6.953, 24.536
Binary	10110010, 10000011, 01001000

#b28348
```
#b28348 rgb(178,131,72)
```
#4877b2
```
#4877b2 rgb(72,119,178)
```

Complementary Color

#b24e48
```
#b24e48 rgb(178,78,72)
```
#b28348
```
#b28348 rgb(178,131,72)
```
#acb248
```
#acb248 rgb(172,178,72)
```

Analogous Color

#4e48b2
```
#4e48b2 rgb(78,72,178)
```
#b28348
```
#b28348 rgb(178,131,72)
```
#48acb2
```
#48acb2 rgb(72,172,178)
```

Split Complementary Color

#8348b2
```
#8348b2 rgb(131,72,178)
```
#b28348
```
#b28348 rgb(178,131,72)
```
#48b283
```
#48b283 rgb(72,178,131)
```

Triadic Color

#b24877
```
#b24877 rgb(178,72,119)
```
#b28348
```
#b28348 rgb(178,131,72)
```
#48b283
```
#48b283 rgb(72,178,131)
```
#4877b2
```
#4877b2 rgb(72,119,178)
```

Tetradic Color

#7c5b32
```
#7c5b32 rgb(124,91,50)
```
#8e6839
```
#8e6839 rgb(142,104,57)
```
#a07641
```
#a07641 rgb(160,118,65)
```
#b28348
```
#b28348 rgb(178,131,72)
```
#bb8f58
```
#bb8f58 rgb(187,143,88)
```
#c39c6a
```
#c39c6a rgb(195,156,106)
```
#caa87c
```
#caa87c rgb(202,168,124)
```

Monochromatic Color

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

#b26948
```
#b26948 rgb(178,105,72)
```
#b27148
```
#b27148 rgb(178,113,72)
```
#b27a48
```
#b27a48 rgb(178,122,72)
```
#b28348
```
#b28348 rgb(178,131,72)
```
#b28c48
```
#b28c48 rgb(178,140,72)
```
#b29548
```
#b29548 rgb(178,149,72)
```
#b29e48
```
#b29e48 rgb(178,158,72)
```

Similar Colors

Text with hexadecimal color #b28348

This text has a font color of #b28348.

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

#b28348 background color

This paragraph has a background color of #b28348.

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

#b28348 border color

This element has a border color of #b28348.

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

CSS codes

.text {color:#b28348;}

.background {background-color:#b28348;}

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

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

#0a0804
```
#0a0804 rgb(10,8,4)
```
#18120a
```
#18120a rgb(24,18,10)
```
#261c10
```
#261c10 rgb(38,28,16)
```
#342615
```
#342615 rgb(52,38,21)
```
#42311b
```
#42311b rgb(66,49,27)
```
#503b20
```
#503b20 rgb(80,59,32)
```
#5e4526
```
#5e4526 rgb(94,69,38)
```
#6c502c
```
#6c502c rgb(108,80,44)
```
#7a5a31
```
#7a5a31 rgb(122,90,49)
```
#886437
```
#886437 rgb(136,100,55)
```
#966e3d
```
#966e3d rgb(150,110,61)
```
#a47942
```
#a47942 rgb(164,121,66)
```
#b28348
```
#b28348 rgb(178,131,72)
```

Shade Color Variation

#ba8d54
```
#ba8d54 rgb(186,141,84)
```
#bf9662
```
#bf9662 rgb(191,150,98)
```
#c59f70
```
#c59f70 rgb(197,159,112)
```
#cba97e
```
#cba97e rgb(203,169,126)
```
#d0b28c
```
#d0b28c rgb(208,178,140)
```
#d6bb9a
```
#d6bb9a rgb(214,187,154)
```
#dcc5a8
```
#dcc5a8 rgb(220,197,168)
```
#e1ceb6
```
#e1ceb6 rgb(225,206,182)
```
#e7d7c4
```
#e7d7c4 rgb(231,215,196)
```
#ede1d2
```
#ede1d2 rgb(237,225,210)
```
#f2eae0
```
#f2eae0 rgb(242,234,224)
```
#f8f3ed
```
#f8f3ed rgb(248,243,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#827e78
```
#827e78 rgb(130,126,120)
```
#8c7f6e
```
#8c7f6e rgb(140,127,110)
```
#958065
```
#958065 rgb(149,128,101)
```
#9f815b
```
#9f815b rgb(159,129,91)
```
#a88252
```
#a88252 rgb(168,130,82)
```
#b28348
```
#b28348 rgb(178,131,72)
```
#bc843e
```
#bc843e rgb(188,132,62)
```
#c58535
```
#c58535 rgb(197,133,53)
```
#cf862b
```
#cf862b rgb(207,134,43)
```
#d88722
```
#d88722 rgb(216,135,34)
```
#e28818
```
#e28818 rgb(226,136,24)
```
#ec8a0e
```
#ec8a0e rgb(236,138,14)
```
#f58b05
```
#f58b05 rgb(245,139,5)
```

Tone Color Variation

Below, you can see how #b28348 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
#92897d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9154 Protanopia 1% of men
#b18b50 Deuteranopia 1% of men
#bb828b Tritanopia 0.001% of the population

Trichromacy

#a68c4f Protanomaly 1% of men, 0.01% of women
#b1884d Deuteranomaly 6% of men, 0.4% of women
#b78273 Tritanomaly 0.01% of the population

#b28348 hex color

#b28348 Color Information

#b28348 Color Conversion

Color Schemes with #b28348

Alternatives to #b28348

#b28348 Preview

Shades and Tints of #b28348

Tones of #b28348

Color Blindness Simulator