#b46f54 hex color

In a RGB color space, hex #b46f54 is composed of 70.6% red, 43.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 53.3% yellow and 29.4% black. It has a hue angle of 16.9 degrees, a saturation of 39% and a lightness of 51.8%. #b46f54 color hex could be obtained by blending #ffdea8 with #690000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 71
- G 44
- B 33
RGB color chart
- C 0
- M 38
- Y 53
- K 29
CMYK color chart

● #b46f54 color description : Moderate orange.

The hexadecimal color #b46f54 has RGB values of R:180, G:111, B:84 and CMYK values of C:0, M:0.38, Y:0.53, K:0.29. Its decimal value is 11824980.

Hex triplet	b46f54	`#b46f54`
RGB Decimal	180, 111, 84	`rgb(180,111,84)`
RGB Percent	70.6, 43.5, 32.9	`rgb(70.6%,43.5%,32.9%)`
CMYK	0, 38, 53, 29
HSL	16.9°, 39, 51.8	`hsl(16.9,39%,51.8%)`
HSV (or HSB)	16.9°, 53.3, 70.6
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.722, 24.495, 26.492
XYZ	26.108, 21.714, 11.203
xyY	0.442, 0.368, 21.714
CIE-LCH	53.722, 36.081, 47.244
CIE-LUV	53.722, 51.056, 27.028
Hunter-Lab	46.598, 18.461, 18.364
Binary	10110100, 01101111, 01010100

#b46f54
```
#b46f54 rgb(180,111,84)
```
#5499b4
```
#5499b4 rgb(84,153,180)
```

Complementary Color

#b45469
```
#b45469 rgb(180,84,105)
```
#b46f54
```
#b46f54 rgb(180,111,84)
```
#b49f54
```
#b49f54 rgb(180,159,84)
```

Analogous Color

#5469b4
```
#5469b4 rgb(84,105,180)
```
#b46f54
```
#b46f54 rgb(180,111,84)
```
#54b49f
```
#54b49f rgb(84,180,159)
```

Split Complementary Color

#6f54b4
```
#6f54b4 rgb(111,84,180)
```
#b46f54
```
#b46f54 rgb(180,111,84)
```
#54b46f
```
#54b46f rgb(84,180,111)
```

Triadic Color

#b45499
```
#b45499 rgb(180,84,153)
```
#b46f54
```
#b46f54 rgb(180,111,84)
```
#54b46f
```
#54b46f rgb(84,180,111)
```
#5499b4
```
#5499b4 rgb(84,153,180)
```

Tetradic Color

#824e39
```
#824e39 rgb(130,78,57)
```
#945841
```
#945841 rgb(148,88,65)
```
#a66349
```
#a66349 rgb(166,99,73)
```
#b46f54
```
#b46f54 rgb(180,111,84)
```
#bc7e66
```
#bc7e66 rgb(188,126,102)
```
#c48d77
```
#c48d77 rgb(196,141,119)
```
#cb9c89
```
#cb9c89 rgb(203,156,137)
```

Monochromatic Color

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

#b45754
```
#b45754 rgb(180,87,84)
```
#b45f54
```
#b45f54 rgb(180,95,84)
```
#b46754
```
#b46754 rgb(180,103,84)
```
#b46f54
```
#b46f54 rgb(180,111,84)
```
#b47754
```
#b47754 rgb(180,119,84)
```
#b47f54
```
#b47f54 rgb(180,127,84)
```
#b48754
```
#b48754 rgb(180,135,84)
```

Similar Colors

Text with hexadecimal color #b46f54

This text has a font color of #b46f54.

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

#b46f54 background color

This paragraph has a background color of #b46f54.

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

#b46f54 border color

This element has a border color of #b46f54.

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

CSS codes

.text {color:#b46f54;}

.background {background-color:#b46f54;}

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

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

#060403
```
#060403 rgb(6,4,3)
```
#140c09
```
#140c09 rgb(20,12,9)
```
#22140f
```
#22140f rgb(34,20,15)
```
#2f1c15
```
#2f1c15 rgb(47,28,21)
```
#3d241b
```
#3d241b rgb(61,36,27)
```
#4a2c21
```
#4a2c21 rgb(74,44,33)
```
#583527
```
#583527 rgb(88,53,39)
```
#663d2d
```
#663d2d rgb(102,61,45)
```
#734533
```
#734533 rgb(115,69,51)
```
#814d39
```
#814d39 rgb(129,77,57)
```
#8f553f
```
#8f553f rgb(143,85,63)
```
#9c5d45
```
#9c5d45 rgb(156,93,69)
```
#aa654b
```
#aa654b rgb(170,101,75)
```

Shade Color Variation

#b46f54
```
#b46f54 rgb(180,111,84)
```
#ba7a62
```
#ba7a62 rgb(186,122,98)
```
#c0866f
```
#c0866f rgb(192,134,111)
```
#c6917d
```
#c6917d rgb(198,145,125)
```
#cc9d8b
```
#cc9d8b rgb(204,157,139)
```
#d2a898
```
#d2a898 rgb(210,168,152)
```
#d8b4a6
```
#d8b4a6 rgb(216,180,166)
```
#debfb3
```
#debfb3 rgb(222,191,179)
```
#e4cbc1
```
#e4cbc1 rgb(228,203,193)
```
#ead6cf
```
#ead6cf rgb(234,214,207)
```
#f0e2dc
```
#f0e2dc rgb(240,226,220)
```
#f6edea
```
#f6edea rgb(246,237,234)
```
#fcf9f8
```
#fcf9f8 rgb(252,249,248)
```

Tint Color Variation

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

#858483
```
#858483 rgb(133,132,131)
```
#8e807a
```
#8e807a rgb(142,128,122)
```
#987b70
```
#987b70 rgb(152,123,112)
```
#a17767
```
#a17767 rgb(161,119,103)
```
#ab735d
```
#ab735d rgb(171,115,93)
```
#b46f54
```
#b46f54 rgb(180,111,84)
```
#bd6b4b
```
#bd6b4b rgb(189,107,75)
```
#c76741
```
#c76741 rgb(199,103,65)
```
#d06338
```
#d06338 rgb(208,99,56)
```
#da5e2e
```
#da5e2e rgb(218,94,46)
```
#e35a25
```
#e35a25 rgb(227,90,37)
```
#ed561b
```
#ed561b rgb(237,86,27)
```
#f65212
```
#f65212 rgb(246,82,18)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8b7d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908663 Protanopia 1% of men
#a18159 Deuteranopia 1% of men
#ba727a Tritanopia 0.001% of the population

Trichromacy

#9d7e5d Protanomaly 1% of men, 0.01% of women
#a87a57 Deuteranomaly 6% of men, 0.4% of women
#b8716c Tritanomaly 0.01% of the population

#b46f54 hex color

#b46f54 Color Information

#b46f54 Color Conversion

Color Schemes with #b46f54

Alternatives to #b46f54

#b46f54 Preview

Shades and Tints of #b46f54

Tones of #b46f54

Color Blindness Simulator