#b48f74 hex color

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

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

● #b48f74 color description : Slightly desaturated orange.

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

Hex triplet	b48f74	`#b48f74`
RGB Decimal	180, 143, 116	`rgb(180,143,116)`
RGB Percent	70.6, 56.1, 45.5	`rgb(70.6%,56.1%,45.5%)`
CMYK	0, 21, 36, 29
HSL	25.3°, 29.9, 58	`hsl(25.3,29.9%,58%)`
HSV (or HSB)	25.3°, 35.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.177, 10.128, 19.685
XYZ	31.797, 30.61, 20.756
xyY	0.382, 0.368, 30.61
CIE-LCH	62.177, 22.138, 62.775
CIE-LUV	62.177, 25.92, 23.963
Hunter-Lab	55.327, 5.765, 16.486
Binary	10110100, 10001111, 01110100

#b48f74
```
#b48f74 rgb(180,143,116)
```
#7499b4
```
#7499b4 rgb(116,153,180)
```

Complementary Color

#b47479
```
#b47479 rgb(180,116,121)
```
#b48f74
```
#b48f74 rgb(180,143,116)
```
#b4af74
```
#b4af74 rgb(180,175,116)
```

Analogous Color

#7479b4
```
#7479b4 rgb(116,121,180)
```
#b48f74
```
#b48f74 rgb(180,143,116)
```
#74b4af
```
#74b4af rgb(116,180,175)
```

Split Complementary Color

#8f74b4
```
#8f74b4 rgb(143,116,180)
```
#b48f74
```
#b48f74 rgb(180,143,116)
```
#74b48f
```
#74b48f rgb(116,180,143)
```

Triadic Color

#b47499
```
#b47499 rgb(180,116,153)
```
#b48f74
```
#b48f74 rgb(180,143,116)
```
#74b48f
```
#74b48f rgb(116,180,143)
```
#7499b4
```
#7499b4 rgb(116,153,180)
```

Tetradic Color

#8f694d
```
#8f694d rgb(143,105,77)
```
#9f7556
```
#9f7556 rgb(159,117,86)
```
#ab8263
```
#ab8263 rgb(171,130,99)
```
#b48f74
```
#b48f74 rgb(180,143,116)
```
#bd9c85
```
#bd9c85 rgb(189,156,133)
```
#c6aa95
```
#c6aa95 rgb(198,170,149)
```
#cfb7a6
```
#cfb7a6 rgb(207,183,166)
```

Monochromatic Color

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

#b47f74
```
#b47f74 rgb(180,127,116)
```
#b48474
```
#b48474 rgb(180,132,116)
```
#b48a74
```
#b48a74 rgb(180,138,116)
```
#b48f74
```
#b48f74 rgb(180,143,116)
```
#b49474
```
#b49474 rgb(180,148,116)
```
#b49a74
```
#b49a74 rgb(180,154,116)
```
#b49f74
```
#b49f74 rgb(180,159,116)
```

Similar Colors

Text with hexadecimal color #b48f74

This text has a font color of #b48f74.

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

#b48f74 background color

This paragraph has a background color of #b48f74.

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

#b48f74 border color

This element has a border color of #b48f74.

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

CSS codes

.text {color:#b48f74;}

.background {background-color:#b48f74;}

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

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 #f9f6f3 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0e0a07
```
#0e0a07 rgb(14,10,7)
```
#1b140e
```
#1b140e rgb(27,20,14)
```
#271d15
```
#271d15 rgb(39,29,21)
```
#34261c
```
#34261c rgb(52,38,28)
```
#413023
```
#413023 rgb(65,48,35)
```
#4e392a
```
#4e392a rgb(78,57,42)
```
#5a4231
```
#5a4231 rgb(90,66,49)
```
#674c38
```
#674c38 rgb(103,76,56)
```
#74553e
```
#74553e rgb(116,85,62)
```
#815e45
```
#815e45 rgb(129,94,69)
```
#8d684c
```
#8d684c rgb(141,104,76)
```
#9a7153
```
#9a7153 rgb(154,113,83)
```

Shade Color Variation

#a67a5b
```
#a67a5b rgb(166,122,91)
```
#ad8567
```
#ad8567 rgb(173,133,103)
```
#b48f74
```
#b48f74 rgb(180,143,116)
```
#bb9981
```
#bb9981 rgb(187,153,129)
```
#c2a48d
```
#c2a48d rgb(194,164,141)
```
#c9ae9a
```
#c9ae9a rgb(201,174,154)
```
#cfb8a7
```
#cfb8a7 rgb(207,184,167)
```
#d6c2b4
```
#d6c2b4 rgb(214,194,180)
```
#ddcdc0
```
#ddcdc0 rgb(221,205,192)
```
#e4d7cd
```
#e4d7cd rgb(228,215,205)
```
#ebe1da
```
#ebe1da rgb(235,225,218)
```
#f2ebe7
```
#f2ebe7 rgb(242,235,231)
```
#f9f6f3
```
#f9f6f3 rgb(249,246,243)
```

Tint Color Variation

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

#9b938d
```
#9b938d rgb(155,147,141)
```
#a49284
```
#a49284 rgb(164,146,132)
```
#ac907c
```
#ac907c rgb(172,144,124)
```
#b48f74
```
#b48f74 rgb(180,143,116)
```
#bc8e6c
```
#bc8e6c rgb(188,142,108)
```
#c48c64
```
#c48c64 rgb(196,140,100)
```
#cd8b5b
```
#cd8b5b rgb(205,139,91)
```
#d58a53
```
#d58a53 rgb(213,138,83)
```
#dd894b
```
#dd894b rgb(221,137,75)
```
#e58743
```
#e58743 rgb(229,135,67)
```
#ee863a
```
#ee863a rgb(238,134,58)
```
#f68532
```
#f68532 rgb(246,133,50)
```
#fe832a
```
#fe832a rgb(254,131,42)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9d9590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59b7e Protanopia 1% of men
#b5957a Deuteranopia 1% of men
#bb909a Tritanopia 0.001% of the population

Trichromacy

#aa967a Protanomaly 1% of men, 0.01% of women
#b49378 Deuteranomaly 6% of men, 0.4% of women
#b88f8c Tritanomaly 0.01% of the population

#b48f74 hex color

#b48f74 Color Information

#b48f74 Color Conversion

Color Schemes with #b48f74

Alternatives to #b48f74

#b48f74 Preview

Shades and Tints of #b48f74

Tones of #b48f74

Color Blindness Simulator