#b4682a hex color

In a RGB color space, hex #b4682a is composed of 70.6% red, 40.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.2% magenta, 76.7% yellow and 29.4% black. It has a hue angle of 27 degrees, a saturation of 62.2% and a lightness of 43.5%. #b4682a color hex could be obtained by blending #ffd054 with #690000. Closest websafe color is: #cc6633.

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

● #b4682a color description : Strong orange.

The hexadecimal color #b4682a has RGB values of R:180, G:104, B:42 and CMYK values of C:0, M:0.42, Y:0.77, K:0.29. Its decimal value is 11823146.

Hex triplet	b4682a	`#b4682a`
RGB Decimal	180, 104, 42	`rgb(180,104,42)`
RGB Percent	70.6, 40.8, 16.5	`rgb(70.6%,40.8%,16.5%)`
CMYK	0, 42, 77, 29
HSL	27°, 62.2, 43.5	`hsl(27,62.2%,43.5%)`
HSV (or HSB)	27°, 76.7, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.58, 25.576, 46.195
XYZ	24.191, 19.773, 4.733
xyY	0.497, 0.406, 19.773
CIE-LCH	51.58, 52.803, 61.029
CIE-LUV	51.58, 61.035, 42.178
Hunter-Lab	44.467, 19.292, 24.816
Binary	10110100, 01101000, 00101010

#b4682a
```
#b4682a rgb(180,104,42)
```
#2a76b4
```
#2a76b4 rgb(42,118,180)
```

Complementary Color

#b42a31
```
#b42a31 rgb(180,42,49)
```
#b4682a
```
#b4682a rgb(180,104,42)
```
#b4ad2a
```
#b4ad2a rgb(180,173,42)
```

Analogous Color

#2a31b4
```
#2a31b4 rgb(42,49,180)
```
#b4682a
```
#b4682a rgb(180,104,42)
```
#2ab4ad
```
#2ab4ad rgb(42,180,173)
```

Split Complementary Color

#682ab4
```
#682ab4 rgb(104,42,180)
```
#b4682a
```
#b4682a rgb(180,104,42)
```
#2ab468
```
#2ab468 rgb(42,180,104)
```

Triadic Color

#b42a76
```
#b42a76 rgb(180,42,118)
```
#b4682a
```
#b4682a rgb(180,104,42)
```
#2ab468
```
#2ab468 rgb(42,180,104)
```
#2a76b4
```
#2a76b4 rgb(42,118,180)
```

Tetradic Color

#76441c
```
#76441c rgb(118,68,28)
```
#8b5020
```
#8b5020 rgb(139,80,32)
```
#9f5c25
```
#9f5c25 rgb(159,92,37)
```
#b4682a
```
#b4682a rgb(180,104,42)
```
#c9742f
```
#c9742f rgb(201,116,47)
```
#d2813f
```
#d2813f rgb(210,129,63)
```
#d78f54
```
#d78f54 rgb(215,143,84)
```

Monochromatic Color

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

#b4462a
```
#b4462a rgb(180,70,42)
```
#b4512a
```
#b4512a rgb(180,81,42)
```
#b45d2a
```
#b45d2a rgb(180,93,42)
```
#b4682a
```
#b4682a rgb(180,104,42)
```
#b4742a
```
#b4742a rgb(180,116,42)
```
#b47f2a
```
#b47f2a rgb(180,127,42)
```
#b48b2a
```
#b48b2a rgb(180,139,42)
```

Similar Colors

Text with hexadecimal color #b4682a

This text has a font color of #b4682a.

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

#b4682a background color

This paragraph has a background color of #b4682a.

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

#b4682a border color

This element has a border color of #b4682a.

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

CSS codes

.text {color:#b4682a;}

.background {background-color:#b4682a;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#150c05
```
#150c05 rgb(21,12,5)
```
#251509
```
#251509 rgb(37,21,9)
```
#351e0c
```
#351e0c rgb(53,30,12)
```
#452810
```
#452810 rgb(69,40,16)
```
#553114
```
#553114 rgb(85,49,20)
```
#643a17
```
#643a17 rgb(100,58,23)
```
#74431b
```
#74431b rgb(116,67,27)
```
#844c1f
```
#844c1f rgb(132,76,31)
```
#945623
```
#945623 rgb(148,86,35)
```
#a45f26
```
#a45f26 rgb(164,95,38)
```
#b4682a
```
#b4682a rgb(180,104,42)
```
#c4712e
```
#c4712e rgb(196,113,46)
```

Shade Color Variation

#d07b35
```
#d07b35 rgb(208,123,53)
```
#d48545
```
#d48545 rgb(212,133,69)
```
#d79055
```
#d79055 rgb(215,144,85)
```
#db9a65
```
#db9a65 rgb(219,154,101)
```
#dfa475
```
#dfa475 rgb(223,164,117)
```
#e2af85
```
#e2af85 rgb(226,175,133)
```
#e6b995
```
#e6b995 rgb(230,185,149)
```
#eac4a5
```
#eac4a5 rgb(234,196,165)
```
#eeceb5
```
#eeceb5 rgb(238,206,181)
```
#f1d9c4
```
#f1d9c4 rgb(241,217,196)
```
#f5e3d4
```
#f5e3d4 rgb(245,227,212)
```
#f9ede4
```
#f9ede4 rgb(249,237,228)
```
#fcf8f4
```
#fcf8f4 rgb(252,248,244)
```

Tint Color Variation

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

#706f6e
```
#706f6e rgb(112,111,110)
```
#786e66
```
#786e66 rgb(120,110,102)
```
#816d5d
```
#816d5d rgb(129,109,93)
```
#896c55
```
#896c55 rgb(137,108,85)
```
#926b4c
```
#926b4c rgb(146,107,76)
```
#9a6b44
```
#9a6b44 rgb(154,107,68)
```
#a36a3b
```
#a36a3b rgb(163,106,59)
```
#ab6933
```
#ab6933 rgb(171,105,51)
```
#b4682a
```
#b4682a rgb(180,104,42)
```
#bd6721
```
#bd6721 rgb(189,103,33)
```
#c56619
```
#c56619 rgb(197,102,25)
```
#ce6510
```
#ce6510 rgb(206,101,16)
```
#d66508
```
#d66508 rgb(214,101,8)
```

Tone Color Variation

Below, you can see how #b4682a 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
#847568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f813a Protanopia 1% of men
#a07b30 Deuteranopia 1% of men
#bb6970 Tritanopia 0.001% of the population

Trichromacy

#9c7834 Protanomaly 1% of men, 0.01% of women
#a7742e Deuteranomaly 6% of men, 0.4% of women
#b86956 Tritanomaly 0.01% of the population

#b4682a hex color

#b4682a Color Information

#b4682a Color Conversion

Color Schemes with #b4682a

Alternatives to #b4682a

#b4682a Preview

Shades and Tints of #b4682a

Tones of #b4682a

Color Blindness Simulator