#b4682c hex color

In a RGB color space, hex #b4682c is composed of 70.6% red, 40.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.2% magenta, 75.6% yellow and 29.4% black. It has a hue angle of 26.5 degrees, a saturation of 60.7% and a lightness of 43.9%. #b4682c color hex could be obtained by blending #ffd058 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 41
- B 17
RGB color chart
- C 0
- M 42
- Y 76
- K 29
CMYK color chart

● #b4682c color description : Strong orange.

The hexadecimal color #b4682c has RGB values of R:180, G:104, B:44 and CMYK values of C:0, M:0.42, Y:0.76, K:0.29. Its decimal value is 11823148.

Hex triplet	b4682c	`#b4682c`
RGB Decimal	180, 104, 44	`rgb(180,104,44)`
RGB Percent	70.6, 40.8, 17.3	`rgb(70.6%,40.8%,17.3%)`
CMYK	0, 42, 76, 29
HSL	26.5°, 60.7, 43.9	`hsl(26.5,60.7%,43.9%)`
HSV (or HSB)	26.5°, 75.6, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.596, 25.664, 45.28
XYZ	24.228, 19.788, 4.926
xyY	0.495, 0.404, 19.788
CIE-LCH	51.596, 52.047, 60.456
CIE-LUV	51.596, 60.865, 41.568
Hunter-Lab	44.483, 19.375, 24.572
Binary	10110100, 01101000, 00101100

#b4682c
```
#b4682c rgb(180,104,44)
```
#2c78b4
```
#2c78b4 rgb(44,120,180)
```

Complementary Color

#b42c34
```
#b42c34 rgb(180,44,52)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#b4ac2c
```
#b4ac2c rgb(180,172,44)
```

Analogous Color

#2c34b4
```
#2c34b4 rgb(44,52,180)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#2cb4ac
```
#2cb4ac rgb(44,180,172)
```

Split Complementary Color

#682cb4
```
#682cb4 rgb(104,44,180)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#2cb468
```
#2cb468 rgb(44,180,104)
```

Triadic Color

#b42c78
```
#b42c78 rgb(180,44,120)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#2cb468
```
#2cb468 rgb(44,180,104)
```
#2c78b4
```
#2c78b4 rgb(44,120,180)
```

Tetradic Color

#77441d
```
#77441d rgb(119,68,29)
```
#8b5022
```
#8b5022 rgb(139,80,34)
```
#a05c27
```
#a05c27 rgb(160,92,39)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#c87431
```
#c87431 rgb(200,116,49)
```
#d18142
```
#d18142 rgb(209,129,66)
```
#d68f57
```
#d68f57 rgb(214,143,87)
```

Monochromatic Color

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

#b4462c
```
#b4462c rgb(180,70,44)
```
#b4512c
```
#b4512c rgb(180,81,44)
```
#b45d2c
```
#b45d2c rgb(180,93,44)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#b4732c
```
#b4732c rgb(180,115,44)
```
#b47f2c
```
#b47f2c rgb(180,127,44)
```
#b48a2c
```
#b48a2c rgb(180,138,44)
```

Similar Colors

Text with hexadecimal color #b4682c

This text has a font color of #b4682c.

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

#b4682c background color

This paragraph has a background color of #b4682c.

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

#b4682c border color

This element has a border color of #b4682c.

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

CSS codes

.text {color:#b4682c;}

.background {background-color:#b4682c;}

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

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

#070402
```
#070402 rgb(7,4,2)
```
#160d05
```
#160d05 rgb(22,13,5)
```
#261609
```
#261609 rgb(38,22,9)
```
#361f0d
```
#361f0d rgb(54,31,13)
```
#462811
```
#462811 rgb(70,40,17)
```
#553115
```
#553115 rgb(85,49,21)
```
#653a19
```
#653a19 rgb(101,58,25)
```
#75441d
```
#75441d rgb(117,68,29)
```
#854d20
```
#854d20 rgb(133,77,32)
```
#945624
```
#945624 rgb(148,86,36)
```
#a45f28
```
#a45f28 rgb(164,95,40)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#c47130
```
#c47130 rgb(196,113,48)
```

Shade Color Variation

#cf7b39
```
#cf7b39 rgb(207,123,57)
```
#d28548
```
#d28548 rgb(210,133,72)
```
#d69058
```
#d69058 rgb(214,144,88)
```
#da9a68
```
#da9a68 rgb(218,154,104)
```
#dea578
```
#dea578 rgb(222,165,120)
```
#e2af88
```
#e2af88 rgb(226,175,136)
```
#e6ba97
```
#e6ba97 rgb(230,186,151)
```
#e9c4a7
```
#e9c4a7 rgb(233,196,167)
```
#edcfb7
```
#edcfb7 rgb(237,207,183)
```
#f1d9c7
```
#f1d9c7 rgb(241,217,199)
```
#f5e4d6
```
#f5e4d6 rgb(245,228,214)
```
#f9eee6
```
#f9eee6 rgb(249,238,230)
```
#fdf9f6
```
#fdf9f6 rgb(253,249,246)
```

Tint Color Variation

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

#786f68
```
#786f68 rgb(120,111,104)
```
#806e60
```
#806e60 rgb(128,110,96)
```
#896d57
```
#896d57 rgb(137,109,87)
```
#926c4e
```
#926c4e rgb(146,108,78)
```
#9a6b46
```
#9a6b46 rgb(154,107,70)
```
#a36a3d
```
#a36a3d rgb(163,106,61)
```
#ab6935
```
#ab6935 rgb(171,105,53)
```
#b4682c
```
#b4682c rgb(180,104,44)
```
#bd6723
```
#bd6723 rgb(189,103,35)
```
#c5661b
```
#c5661b rgb(197,102,27)
```
#ce6512
```
#ce6512 rgb(206,101,18)
```
#d6640a
```
#d6640a rgb(214,100,10)
```
#df6301
```
#df6301 rgb(223,99,1)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#847569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f813c Protanopia 1% of men
#a07b32 Deuteranopia 1% of men
#bb6970 Tritanopia 0.001% of the population

Trichromacy

#9c7836 Protanomaly 1% of men, 0.01% of women
#a77430 Deuteranomaly 6% of men, 0.4% of women
#b86957 Tritanomaly 0.01% of the population

#b4682c hex color

#b4682c Color Information

#b4682c Color Conversion

Color Schemes with #b4682c

Alternatives to #b4682c

#b4682c Preview

Shades and Tints of #b4682c

Tones of #b4682c

Color Blindness Simulator