#b46f30 hex color

In a RGB color space, hex #b46f30 is composed of 70.6% red, 43.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.3% magenta, 73.3% yellow and 29.4% black. It has a hue angle of 28.6 degrees, a saturation of 57.9% and a lightness of 44.7%. #b46f30 color hex could be obtained by blending #ffde60 with #690000. Closest websafe color is: #cc6633.

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

● #b46f30 color description : Moderate orange.

The hexadecimal color #b46f30 has RGB values of R:180, G:111, B:48 and CMYK values of C:0, M:0.38, Y:0.73, K:0.29. Its decimal value is 11824944.

Hex triplet	b46f30	`#b46f30`
RGB Decimal	180, 111, 48	`rgb(180,111,48)`
RGB Percent	70.6, 43.5, 18.8	`rgb(70.6%,43.5%,18.8%)`
CMYK	0, 38, 73, 29
HSL	28.6°, 57.9, 44.7	`hsl(28.6,57.9%,44.7%)`
HSV (or HSB)	28.6°, 73.3, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.263, 21.988, 45.102
XYZ	25.041, 21.287, 5.586
xyY	0.482, 0.41, 21.287
CIE-LCH	53.263, 50.177, 64.01
CIE-LUV	53.263, 55.073, 43.076
Hunter-Lab	46.138, 16.137, 25.118
Binary	10110100, 01101111, 00110000

#b46f30
```
#b46f30 rgb(180,111,48)
```
#3075b4
```
#3075b4 rgb(48,117,180)
```

Complementary Color

#b43033
```
#b43033 rgb(180,48,51)
```
#b46f30
```
#b46f30 rgb(180,111,48)
```
#b4b130
```
#b4b130 rgb(180,177,48)
```

Analogous Color

#3033b4
```
#3033b4 rgb(48,51,180)
```
#b46f30
```
#b46f30 rgb(180,111,48)
```
#30b4b1
```
#30b4b1 rgb(48,180,177)
```

Split Complementary Color

#6f30b4
```
#6f30b4 rgb(111,48,180)
```
#b46f30
```
#b46f30 rgb(180,111,48)
```
#30b46f
```
#30b46f rgb(48,180,111)
```

Triadic Color

#b43075
```
#b43075 rgb(180,48,117)
```
#b46f30
```
#b46f30 rgb(180,111,48)
```
#30b46f
```
#30b46f rgb(48,180,111)
```
#3075b4
```
#3075b4 rgb(48,117,180)
```

Tetradic Color

#784a20
```
#784a20 rgb(120,74,32)
```
#8c5625
```
#8c5625 rgb(140,86,37)
```
#a0632b
```
#a0632b rgb(160,99,43)
```
#b46f30
```
#b46f30 rgb(180,111,48)
```
#c87b35
```
#c87b35 rgb(200,123,53)
```
#ce8849
```
#ce8849 rgb(206,136,73)
```
#d4965d
```
#d4965d rgb(212,150,93)
```

Monochromatic Color

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

#b44e30
```
#b44e30 rgb(180,78,48)
```
#b45930
```
#b45930 rgb(180,89,48)
```
#b46430
```
#b46430 rgb(180,100,48)
```
#b46f30
```
#b46f30 rgb(180,111,48)
```
#b47a30
```
#b47a30 rgb(180,122,48)
```
#b48530
```
#b48530 rgb(180,133,48)
```
#b49030
```
#b49030 rgb(180,144,48)
```

Similar Colors

Text with hexadecimal color #b46f30

This text has a font color of #b46f30.

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

#b46f30 background color

This paragraph has a background color of #b46f30.

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

#b46f30 border color

This element has a border color of #b46f30.

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

CSS codes

.text {color:#b46f30;}

.background {background-color:#b46f30;}

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

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

#0a0603
```
#0a0603 rgb(10,6,3)
```
#191007
```
#191007 rgb(25,16,7)
```
#29190b
```
#29190b rgb(41,25,11)
```
#38230f
```
#38230f rgb(56,35,15)
```
#482c13
```
#482c13 rgb(72,44,19)
```
#573617
```
#573617 rgb(87,54,23)
```
#673f1b
```
#673f1b rgb(103,63,27)
```
#76491f
```
#76491f rgb(118,73,31)
```
#865224
```
#865224 rgb(134,82,36)
```
#955c28
```
#955c28 rgb(149,92,40)
```
#a5652c
```
#a5652c rgb(165,101,44)
```
#b46f30
```
#b46f30 rgb(180,111,48)
```
#c37934
```
#c37934 rgb(195,121,52)
```

Shade Color Variation

#cc823f
```
#cc823f rgb(204,130,63)
```
#d08c4f
```
#d08c4f rgb(208,140,79)
```
#d4975e
```
#d4975e rgb(212,151,94)
```
#d8a16e
```
#d8a16e rgb(216,161,110)
```
#dcab7d
```
#dcab7d rgb(220,171,125)
```
#e1b58d
```
#e1b58d rgb(225,181,141)
```
#e5bf9c
```
#e5bf9c rgb(229,191,156)
```
#e9c9ac
```
#e9c9ac rgb(233,201,172)
```
#edd3bb
```
#edd3bb rgb(237,211,187)
```
#f1ddcb
```
#f1ddcb rgb(241,221,203)
```
#f5e7da
```
#f5e7da rgb(245,231,218)
```
#f9f1ea
```
#f9f1ea rgb(249,241,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#77726d
```
#77726d rgb(119,114,109)
```
#7f7165
```
#7f7165 rgb(127,113,101)
```
#88715c
```
#88715c rgb(136,113,92)
```
#917153
```
#917153 rgb(145,113,83)
```
#9a704a
```
#9a704a rgb(154,112,74)
```
#a27042
```
#a27042 rgb(162,112,66)
```
#ab6f39
```
#ab6f39 rgb(171,111,57)
```
#b46f30
```
#b46f30 rgb(180,111,48)
```
#bd6f27
```
#bd6f27 rgb(189,111,39)
```
#c66e1e
```
#c66e1e rgb(198,110,30)
```
#ce6e16
```
#ce6e16 rgb(206,110,22)
```
#d76d0d
```
#d76d0d rgb(215,109,13)
```
#e06d04
```
#e06d04 rgb(224,109,4)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#87796d Atypical Achromatopsia 0.001% of the population

Dichromacy

#94853f Protanopia 1% of men
#a57f37 Deuteranopia 1% of men
#bb6f77 Tritanopia 0.001% of the population

Trichromacy

#9f7d39 Protanomaly 1% of men, 0.01% of women
#aa7934 Deuteranomaly 6% of men, 0.4% of women
#b86f5d Tritanomaly 0.01% of the population

#b46f30 hex color

#b46f30 Color Information

#b46f30 Color Conversion

Color Schemes with #b46f30

Alternatives to #b46f30

#b46f30 Preview

Shades and Tints of #b46f30

Tones of #b46f30

Color Blindness Simulator