#b48f80 hex color

In a RGB color space, hex #b48f80 is composed of 70.6% red, 56.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 28.9% yellow and 29.4% black. It has a hue angle of 17.3 degrees, a saturation of 25.7% and a lightness of 60.4%. #b48f80 color hex could be obtained by blending #ffffff with #691f01. Closest websafe color is: #cc9999.

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

● #b48f80 color description : Slightly desaturated orange.

The hexadecimal color #b48f80 has RGB values of R:180, G:143, B:128 and CMYK values of C:0, M:0.21, Y:0.29, K:0.29. Its decimal value is 11833216.

Hex triplet	b48f80	`#b48f80`
RGB Decimal	180, 143, 128	`rgb(180,143,128)`
RGB Percent	70.6, 56.1, 50.2	`rgb(70.6%,56.1%,50.2%)`
CMYK	0, 21, 29, 29
HSL	17.3°, 25.7, 60.4	`hsl(17.3,25.7%,60.4%)`
HSV (or HSB)	17.3°, 28.9, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	62.43, 11.725, 13.292
XYZ	32.541, 30.908, 24.673
xyY	0.369, 0.351, 30.908
CIE-LCH	62.43, 17.725, 48.585
CIE-LUV	62.43, 24.71, 15.851
Hunter-Lab	55.595, 7.189, 12.604
Binary	10110100, 10001111, 10000000

#b48f80
```
#b48f80 rgb(180,143,128)
```
#80a5b4
```
#80a5b4 rgb(128,165,180)
```

Complementary Color

#b4808b
```
#b4808b rgb(180,128,139)
```
#b48f80
```
#b48f80 rgb(180,143,128)
```
#b4a980
```
#b4a980 rgb(180,169,128)
```

Analogous Color

#808bb4
```
#808bb4 rgb(128,139,180)
```
#b48f80
```
#b48f80 rgb(180,143,128)
```
#80b4a9
```
#80b4a9 rgb(128,180,169)
```

Split Complementary Color

#8f80b4
```
#8f80b4 rgb(143,128,180)
```
#b48f80
```
#b48f80 rgb(180,143,128)
```
#80b48f
```
#80b48f rgb(128,180,143)
```

Triadic Color

#b480a5
```
#b480a5 rgb(180,128,165)
```
#b48f80
```
#b48f80 rgb(180,143,128)
```
#80b48f
```
#80b48f rgb(128,180,143)
```
#80a5b4
```
#80a5b4 rgb(128,165,180)
```

Tetradic Color

#926756
```
#926756 rgb(146,103,86)
```
#a17360
```
#a17360 rgb(161,115,96)
```
#ab8170
```
#ab8170 rgb(171,129,112)
```
#b48f80
```
#b48f80 rgb(180,143,128)
```
#bd9d90
```
#bd9d90 rgb(189,157,144)
```
#c7aba0
```
#c7aba0 rgb(199,171,160)
```
#d0b9b0
```
#d0b9b0 rgb(208,185,176)
```

Monochromatic Color

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

#b48280
```
#b48280 rgb(180,130,128)
```
#b48680
```
#b48680 rgb(180,134,128)
```
#b48b80
```
#b48b80 rgb(180,139,128)
```
#b48f80
```
#b48f80 rgb(180,143,128)
```
#b49380
```
#b49380 rgb(180,147,128)
```
#b49880
```
#b49880 rgb(180,152,128)
```
#b49c80
```
#b49c80 rgb(180,156,128)
```

Similar Colors

Text with hexadecimal color #b48f80

This text has a font color of #b48f80.

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

#b48f80 background color

This paragraph has a background color of #b48f80.

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

#b48f80 border color

This element has a border color of #b48f80.

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

CSS codes

.text {color:#b48f80;}

.background {background-color:#b48f80;}

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

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

#090605
```
#090605 rgb(9,6,5)
```
#150f0c
```
#150f0c rgb(21,15,12)
```
#211814
```
#211814 rgb(33,24,20)
```
#2e201b
```
#2e201b rgb(46,32,27)
```
#3a2922
```
#3a2922 rgb(58,41,34)
```
#46322a
```
#46322a rgb(70,50,42)
```
#533b31
```
#533b31 rgb(83,59,49)
```
#5f4338
```
#5f4338 rgb(95,67,56)
```
#6b4c3f
```
#6b4c3f rgb(107,76,63)
```
#785547
```
#785547 rgb(120,85,71)
```
#845e4e
```
#845e4e rgb(132,94,78)
```
#906655
```
#906655 rgb(144,102,85)
```
#9d6f5d
```
#9d6f5d rgb(157,111,93)
```

Shade Color Variation

#a57967
```
#a57967 rgb(165,121,103)
```
#ad8474
```
#ad8474 rgb(173,132,116)
```
#b48f80
```
#b48f80 rgb(180,143,128)
```
#bb9a8c
```
#bb9a8c rgb(187,154,140)
```
#c3a599
```
#c3a599 rgb(195,165,153)
```
#cab0a5
```
#cab0a5 rgb(202,176,165)
```
#d1bbb1
```
#d1bbb1 rgb(209,187,177)
```
#d8c5be
```
#d8c5be rgb(216,197,190)
```
#e0d0ca
```
#e0d0ca rgb(224,208,202)
```
#e7dbd6
```
#e7dbd6 rgb(231,219,214)
```
#eee6e3
```
#eee6e3 rgb(238,230,227)
```
#f6f1ef
```
#f6f1ef rgb(246,241,239)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#9d9997
```
#9d9997 rgb(157,153,151)
```
#a49690
```
#a49690 rgb(164,150,144)
```
#ac9288
```
#ac9288 rgb(172,146,136)
```
#b48f80
```
#b48f80 rgb(180,143,128)
```
#bc8c78
```
#bc8c78 rgb(188,140,120)
```
#c48870
```
#c48870 rgb(196,136,112)
```
#cb8569
```
#cb8569 rgb(203,133,105)
```
#d38261
```
#d38261 rgb(211,130,97)
```
#db7f59
```
#db7f59 rgb(219,127,89)
```
#e37b51
```
#e37b51 rgb(227,123,81)
```
#ea784a
```
#ea784a rgb(234,120,74)
```
#f27542
```
#f27542 rgb(242,117,66)
```
#fa713a
```
#fa713a rgb(250,113,58)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9e9693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39b89 Protanopia 1% of men
#b29686 Deuteranopia 1% of men
#ba919b Tritanopia 0.001% of the population

Trichromacy

#a99786 Protanomaly 1% of men, 0.01% of women
#b39383 Deuteranomaly 6% of men, 0.4% of women
#b89091 Tritanomaly 0.01% of the population

#b48f80 hex color

#b48f80 Color Information

#b48f80 Color Conversion

Color Schemes with #b48f80

Alternatives to #b48f80

#b48f80 Preview

Shades and Tints of #b48f80

Tones of #b48f80

Color Blindness Simulator