#b48048 hex color

In a RGB color space, hex #b48048 is composed of 70.6% red, 50.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.9% magenta, 60% yellow and 29.4% black. It has a hue angle of 31.1 degrees, a saturation of 42.9% and a lightness of 49.4%. #b48048 color hex could be obtained by blending #ffff90 with #690100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 50
- B 28
RGB color chart
- C 0
- M 29
- Y 60
- K 29
CMYK color chart

● #b48048 color description : Moderate orange.

The hexadecimal color #b48048 has RGB values of R:180, G:128, B:72 and CMYK values of C:0, M:0.29, Y:0.6, K:0.29. Its decimal value is 11829320.

Hex triplet	b48048	`#b48048`
RGB Decimal	180, 128, 72	`rgb(180,128,72)`
RGB Percent	70.6, 50.2, 28.2	`rgb(70.6%,50.2%,28.2%)`
CMYK	0, 29, 60, 29
HSL	31.1°, 42.9, 49.4	`hsl(31.1,42.9%,49.4%)`
HSV (or HSB)	31.1°, 60, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	57.666, 14.021, 37.95
XYZ	27.712, 25.611, 9.614
xyY	0.44, 0.407, 25.611
CIE-LCH	57.666, 40.457, 69.723
CIE-LUV	57.666, 40.236, 40.983
Hunter-Lab	50.607, 9.18, 24.161
Binary	10110100, 10000000, 01001000

#b48048
```
#b48048 rgb(180,128,72)
```
#487cb4
```
#487cb4 rgb(72,124,180)
```

Complementary Color

#b44a48
```
#b44a48 rgb(180,74,72)
```
#b48048
```
#b48048 rgb(180,128,72)
```
#b2b448
```
#b2b448 rgb(178,180,72)
```

Analogous Color

#4a48b4
```
#4a48b4 rgb(74,72,180)
```
#b48048
```
#b48048 rgb(180,128,72)
```
#48b2b4
```
#48b2b4 rgb(72,178,180)
```

Split Complementary Color

#8048b4
```
#8048b4 rgb(128,72,180)
```
#b48048
```
#b48048 rgb(180,128,72)
```
#48b480
```
#48b480 rgb(72,180,128)
```

Triadic Color

#b4487c
```
#b4487c rgb(180,72,124)
```
#b48048
```
#b48048 rgb(180,128,72)
```
#48b480
```
#48b480 rgb(72,180,128)
```
#487cb4
```
#487cb4 rgb(72,124,180)
```

Tetradic Color

#7d5932
```
#7d5932 rgb(125,89,50)
```
#906639
```
#906639 rgb(144,102,57)
```
#a27341
```
#a27341 rgb(162,115,65)
```
#b48048
```
#b48048 rgb(180,128,72)
```
#bd8d59
```
#bd8d59 rgb(189,141,89)
```
#c4996b
```
#c4996b rgb(196,153,107)
```
#cba67d
```
#cba67d rgb(203,166,125)
```

Monochromatic Color

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

#b46548
```
#b46548 rgb(180,101,72)
```
#b46e48
```
#b46e48 rgb(180,110,72)
```
#b47748
```
#b47748 rgb(180,119,72)
```
#b48048
```
#b48048 rgb(180,128,72)
```
#b48948
```
#b48948 rgb(180,137,72)
```
#b49248
```
#b49248 rgb(180,146,72)
```
#b49b48
```
#b49b48 rgb(180,155,72)
```

Similar Colors

Text with hexadecimal color #b48048

This text has a font color of #b48048.

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

#b48048 background color

This paragraph has a background color of #b48048.

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

#b48048 border color

This element has a border color of #b48048.

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

CSS codes

.text {color:#b48048;}

.background {background-color:#b48048;}

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

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

#0c0805
```
#0c0805 rgb(12,8,5)
```
#1a120a
```
#1a120a rgb(26,18,10)
```
#281c10
```
#281c10 rgb(40,28,16)
```
#362616
```
#362616 rgb(54,38,22)
```
#44301b
```
#44301b rgb(68,48,27)
```
#523a21
```
#523a21 rgb(82,58,33)
```
#604426
```
#604426 rgb(96,68,38)
```
#6e4e2c
```
#6e4e2c rgb(110,78,44)
```
#7c5832
```
#7c5832 rgb(124,88,50)
```
#8a6237
```
#8a6237 rgb(138,98,55)
```
#986c3d
```
#986c3d rgb(152,108,61)
```
#a67642
```
#a67642 rgb(166,118,66)
```
#b48048
```
#b48048 rgb(180,128,72)
```

Shade Color Variation

#bb8a55
```
#bb8a55 rgb(187,138,85)
```
#c09363
```
#c09363 rgb(192,147,99)
```
#c69d71
```
#c69d71 rgb(198,157,113)
```
#cca77f
```
#cca77f rgb(204,167,127)
```
#d1b08d
```
#d1b08d rgb(209,176,141)
```
#d7ba9b
```
#d7ba9b rgb(215,186,155)
```
#ddc4a9
```
#ddc4a9 rgb(221,196,169)
```
#e2cdb7
```
#e2cdb7 rgb(226,205,183)
```
#e8d7c5
```
#e8d7c5 rgb(232,215,197)
```
#ede1d3
```
#ede1d3 rgb(237,225,211)
```
#f3eae1
```
#f3eae1 rgb(243,234,225)
```
#f9f4ef
```
#f9f4ef rgb(249,244,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#847e78
```
#847e78 rgb(132,126,120)
```
#8d7f6f
```
#8d7f6f rgb(141,127,111)
```
#977f65
```
#977f65 rgb(151,127,101)
```
#a17f5b
```
#a17f5b rgb(161,127,91)
```
#aa8052
```
#aa8052 rgb(170,128,82)
```
#b48048
```
#b48048 rgb(180,128,72)
```
#be803e
```
#be803e rgb(190,128,62)
```
#c78135
```
#c78135 rgb(199,129,53)
```
#d1812b
```
#d1812b rgb(209,129,43)
```
#db8121
```
#db8121 rgb(219,129,33)
```
#e48218
```
#e48218 rgb(228,130,24)
```
#ee820e
```
#ee820e rgb(238,130,14)
```
#f88304
```
#f88304 rgb(248,131,4)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#92877c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9054 Protanopia 1% of men
#af8a50 Deuteranopia 1% of men
#bc8088 Tritanopia 0.001% of the population

Trichromacy

#a68a50 Protanomaly 1% of men, 0.01% of women
#b1864d Deuteranomaly 6% of men, 0.4% of women
#b98071 Tritanomaly 0.01% of the population

#b48048 hex color

#b48048 Color Information

#b48048 Color Conversion

Color Schemes with #b48048

Alternatives to #b48048

#b48048 Preview

Shades and Tints of #b48048

Tones of #b48048

Color Blindness Simulator