#b28448 hex color

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

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

● #b28448 color description : Dark moderate orange.

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

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

CIE-LAB	58.449, 10.922, 38.822
XYZ	27.781, 26.437, 9.77
xyY	0.434, 0.413, 26.437
CIE-LCH	58.449, 40.33, 74.287
CIE-LUV	58.449, 35.806, 42.667
Hunter-Lab	51.417, 6.468, 24.726
Binary	10110010, 10000100, 01001000

#b28448
```
#b28448 rgb(178,132,72)
```
#4876b2
```
#4876b2 rgb(72,118,178)
```

Complementary Color

#b24f48
```
#b24f48 rgb(178,79,72)
```
#b28448
```
#b28448 rgb(178,132,72)
```
#abb248
```
#abb248 rgb(171,178,72)
```

Analogous Color

#4f48b2
```
#4f48b2 rgb(79,72,178)
```
#b28448
```
#b28448 rgb(178,132,72)
```
#48abb2
```
#48abb2 rgb(72,171,178)
```

Split Complementary Color

#8448b2
```
#8448b2 rgb(132,72,178)
```
#b28448
```
#b28448 rgb(178,132,72)
```
#48b284
```
#48b284 rgb(72,178,132)
```

Triadic Color

#b24876
```
#b24876 rgb(178,72,118)
```
#b28448
```
#b28448 rgb(178,132,72)
```
#48b284
```
#48b284 rgb(72,178,132)
```
#4876b2
```
#4876b2 rgb(72,118,178)
```

Tetradic Color

#7c5c32
```
#7c5c32 rgb(124,92,50)
```
#8e6939
```
#8e6939 rgb(142,105,57)
```
#a07741
```
#a07741 rgb(160,119,65)
```
#b28448
```
#b28448 rgb(178,132,72)
```
#bb9058
```
#bb9058 rgb(187,144,88)
```
#c39c6a
```
#c39c6a rgb(195,156,106)
```
#caa87c
```
#caa87c rgb(202,168,124)
```

Monochromatic Color

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

#b26a48
```
#b26a48 rgb(178,106,72)
```
#b27248
```
#b27248 rgb(178,114,72)
```
#b27b48
```
#b27b48 rgb(178,123,72)
```
#b28448
```
#b28448 rgb(178,132,72)
```
#b28d48
```
#b28d48 rgb(178,141,72)
```
#b29648
```
#b29648 rgb(178,150,72)
```
#b29f48
```
#b29f48 rgb(178,159,72)
```

Similar Colors

Text with hexadecimal color #b28448

This text has a font color of #b28448.

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

#b28448 background color

This paragraph has a background color of #b28448.

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

#b28448 border color

This element has a border color of #b28448.

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

CSS codes

.text {color:#b28448;}

.background {background-color:#b28448;}

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

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)
```
#342715
```
#342715 rgb(52,39,21)
```
#42311b
```
#42311b rgb(66,49,27)
```
#503c20
```
#503c20 rgb(80,60,32)
```
#5e4626
```
#5e4626 rgb(94,70,38)
```
#6c502c
```
#6c502c rgb(108,80,44)
```
#7a5b31
```
#7a5b31 rgb(122,91,49)
```
#886537
```
#886537 rgb(136,101,55)
```
#966f3d
```
#966f3d rgb(150,111,61)
```
#a47a42
```
#a47a42 rgb(164,122,66)
```
#b28448
```
#b28448 rgb(178,132,72)
```

Shade Color Variation

#ba8e54
```
#ba8e54 rgb(186,142,84)
```
#bf9762
```
#bf9762 rgb(191,151,98)
```
#c5a070
```
#c5a070 rgb(197,160,112)
```
#cba97e
```
#cba97e rgb(203,169,126)
```
#d0b38c
```
#d0b38c rgb(208,179,140)
```
#d6bc9a
```
#d6bc9a rgb(214,188,154)
```
#dcc5a8
```
#dcc5a8 rgb(220,197,168)
```
#e1ceb6
```
#e1ceb6 rgb(225,206,182)
```
#e7d8c4
```
#e7d8c4 rgb(231,216,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 #f58d05 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)
```
#a88352
```
#a88352 rgb(168,131,82)
```
#b28448
```
#b28448 rgb(178,132,72)
```
#bc853e
```
#bc853e rgb(188,133,62)
```
#c58735
```
#c58735 rgb(197,135,53)
```
#cf882b
```
#cf882b rgb(207,136,43)
```
#d88922
```
#d88922 rgb(216,137,34)
```
#e28a18
```
#e28a18 rgb(226,138,24)
```
#ec8c0e
```
#ec8c0e rgb(236,140,14)
```
#f58d05
```
#f58d05 rgb(245,141,5)
```

Tone Color Variation

Below, you can see how #b28448 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
#938a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09254 Protanopia 1% of men
#b28c51 Deuteranopia 1% of men
#bb838c Tritanopia 0.001% of the population

Trichromacy

#a68d4f Protanomaly 1% of men, 0.01% of women
#b2894d Deuteranomaly 6% of men, 0.4% of women
#b78373 Tritanomaly 0.01% of the population

#b28448 hex color

#b28448 Color Information

#b28448 Color Conversion

Color Schemes with #b28448

Alternatives to #b28448

#b28448 Preview

Shades and Tints of #b28448

Tones of #b28448

Color Blindness Simulator