#b48874 hex color

In a RGB color space, hex #b48874 is composed of 70.6% red, 53.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 35.6% yellow and 29.4% black. It has a hue angle of 18.8 degrees, a saturation of 29.9% and a lightness of 58%. #b48874 color hex could be obtained by blending #ffffe8 with #691100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 53
- B 45
RGB color chart
- C 0
- M 24
- Y 36
- K 29
CMYK color chart

● #b48874 color description : Slightly desaturated orange.

The hexadecimal color #b48874 has RGB values of R:180, G:136, B:116 and CMYK values of C:0, M:0.24, Y:0.36, K:0.29. Its decimal value is 11831412.

Hex triplet	b48874	`#b48874`
RGB Decimal	180, 136, 116	`rgb(180,136,116)`
RGB Percent	70.6, 53.3, 45.5	`rgb(70.6%,53.3%,45.5%)`
CMYK	0, 24, 36, 29
HSL	18.8°, 29.9, 58	`hsl(18.8,29.9%,58%)`
HSV (or HSB)	18.8°, 35.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.404, 14.027, 17.258
XYZ	30.779, 28.574, 20.416
xyY	0.386, 0.358, 28.574
CIE-LCH	60.404, 22.24, 50.896
CIE-LUV	60.404, 30.336, 20.108
Hunter-Lab	53.455, 9.234, 14.773
Binary	10110100, 10001000, 01110100

#b48874
```
#b48874 rgb(180,136,116)
```
#74a0b4
```
#74a0b4 rgb(116,160,180)
```

Complementary Color

#b47480
```
#b47480 rgb(180,116,128)
```
#b48874
```
#b48874 rgb(180,136,116)
```
#b4a874
```
#b4a874 rgb(180,168,116)
```

Analogous Color

#7480b4
```
#7480b4 rgb(116,128,180)
```
#b48874
```
#b48874 rgb(180,136,116)
```
#74b4a8
```
#74b4a8 rgb(116,180,168)
```

Split Complementary Color

#8874b4
```
#8874b4 rgb(136,116,180)
```
#b48874
```
#b48874 rgb(180,136,116)
```
#74b488
```
#74b488 rgb(116,180,136)
```

Triadic Color

#b474a0
```
#b474a0 rgb(180,116,160)
```
#b48874
```
#b48874 rgb(180,136,116)
```
#74b488
```
#74b488 rgb(116,180,136)
```
#74a0b4
```
#74a0b4 rgb(116,160,180)
```

Tetradic Color

#8f614d
```
#8f614d rgb(143,97,77)
```
#9f6d56
```
#9f6d56 rgb(159,109,86)
```
#ab7a63
```
#ab7a63 rgb(171,122,99)
```
#b48874
```
#b48874 rgb(180,136,116)
```
#bd9685
```
#bd9685 rgb(189,150,133)
```
#c6a495
```
#c6a495 rgb(198,164,149)
```
#cfb3a6
```
#cfb3a6 rgb(207,179,166)
```

Monochromatic Color

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

#b47874
```
#b47874 rgb(180,120,116)
```
#b47d74
```
#b47d74 rgb(180,125,116)
```
#b48374
```
#b48374 rgb(180,131,116)
```
#b48874
```
#b48874 rgb(180,136,116)
```
#b48d74
```
#b48d74 rgb(180,141,116)
```
#b49374
```
#b49374 rgb(180,147,116)
```
#b49874
```
#b49874 rgb(180,152,116)
```

Similar Colors

Text with hexadecimal color #b48874

This text has a font color of #b48874.

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

#b48874 background color

This paragraph has a background color of #b48874.

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

#b48874 border color

This element has a border color of #b48874.

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

CSS codes

.text {color:#b48874;}

.background {background-color:#b48874;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0907
```
#0e0907 rgb(14,9,7)
```
#1b120e
```
#1b120e rgb(27,18,14)
```
#271b15
```
#271b15 rgb(39,27,21)
```
#34241c
```
#34241c rgb(52,36,28)
```
#412c23
```
#412c23 rgb(65,44,35)
```
#4e352a
```
#4e352a rgb(78,53,42)
```
#5a3e31
```
#5a3e31 rgb(90,62,49)
```
#674638
```
#674638 rgb(103,70,56)
```
#744f3e
```
#744f3e rgb(116,79,62)
```
#815845
```
#815845 rgb(129,88,69)
```
#8d614c
```
#8d614c rgb(141,97,76)
```
#9a6953
```
#9a6953 rgb(154,105,83)
```

Shade Color Variation

#a6725b
```
#a6725b rgb(166,114,91)
```
#ad7d67
```
#ad7d67 rgb(173,125,103)
```
#b48874
```
#b48874 rgb(180,136,116)
```
#bb9381
```
#bb9381 rgb(187,147,129)
```
#c29e8d
```
#c29e8d rgb(194,158,141)
```
#c9a99a
```
#c9a99a rgb(201,169,154)
```
#cfb4a7
```
#cfb4a7 rgb(207,180,167)
```
#d6bfb4
```
#d6bfb4 rgb(214,191,180)
```
#ddc9c0
```
#ddc9c0 rgb(221,201,192)
```
#e4d4cd
```
#e4d4cd rgb(228,212,205)
```
#ebdfda
```
#ebdfda rgb(235,223,218)
```
#f2eae7
```
#f2eae7 rgb(242,234,231)
```
#f9f5f3
```
#f9f5f3 rgb(249,245,243)
```

Tint Color Variation

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

#9b918d
```
#9b918d rgb(155,145,141)
```
#a48e84
```
#a48e84 rgb(164,142,132)
```
#ac8b7c
```
#ac8b7c rgb(172,139,124)
```
#b48874
```
#b48874 rgb(180,136,116)
```
#bc856c
```
#bc856c rgb(188,133,108)
```
#c48264
```
#c48264 rgb(196,130,100)
```
#cd7f5b
```
#cd7f5b rgb(205,127,91)
```
#d57c53
```
#d57c53 rgb(213,124,83)
```
#dd794b
```
#dd794b rgb(221,121,75)
```
#e57543
```
#e57543 rgb(229,117,67)
```
#ee723a
```
#ee723a rgb(238,114,58)
```
#f66f32
```
#f66f32 rgb(246,111,50)
```
#fe6c2a
```
#fe6c2a rgb(254,108,42)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9a918d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f967f Protanopia 1% of men
#af917a Deuteranopia 1% of men
#ba8a94 Tritanopia 0.001% of the population

Trichromacy

#a6917b Protanomaly 1% of men, 0.01% of women
#b18e77 Deuteranomaly 6% of men, 0.4% of women
#b88988 Tritanomaly 0.01% of the population

#b48874 hex color

#b48874 Color Information

#b48874 Color Conversion

Color Schemes with #b48874

Alternatives to #b48874

#b48874 Preview

Shades and Tints of #b48874

Tones of #b48874

Color Blindness Simulator