#b2682d hex color

In a RGB color space, hex #b2682d is composed of 69.8% red, 40.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.6% magenta, 74.7% yellow and 30.2% black. It has a hue angle of 26.6 degrees, a saturation of 59.6% and a lightness of 43.7%. #b2682d color hex could be obtained by blending #ffd05a with #650000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 70
- G 41
- B 18
RGB color chart
- C 0
- M 42
- Y 75
- K 30
CMYK color chart

● #b2682d color description : Dark orange [Brown tone].

The hexadecimal color #b2682d has RGB values of R:178, G:104, B:45 and CMYK values of C:0, M:0.42, Y:0.75, K:0.3. Its decimal value is 11692077.

Hex triplet	b2682d	`#b2682d`
RGB Decimal	178, 104, 45	`rgb(178,104,45)`
RGB Percent	69.8, 40.8, 17.6	`rgb(69.8%,40.8%,17.6%)`
CMYK	0, 42, 75, 30
HSL	26.6°, 59.6, 43.7	`hsl(26.6,59.6%,43.7%)`
HSV (or HSB)	26.6°, 74.7, 69.8
Web Safe	996633	`#996633`

CIE-LAB	51.333, 24.855, 44.448
XYZ	23.785, 19.557, 5.005
xyY	0.492, 0.405, 19.557
CIE-LCH	51.333, 50.926, 60.786
CIE-LUV	51.333, 59.119, 41.092
Hunter-Lab	44.223, 18.613, 24.246
Binary	10110010, 01101000, 00101101

#b2682d
```
#b2682d rgb(178,104,45)
```
#2d77b2
```
#2d77b2 rgb(45,119,178)
```

Complementary Color

#b22d35
```
#b22d35 rgb(178,45,53)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#b2ab2d
```
#b2ab2d rgb(178,171,45)
```

Analogous Color

#2d35b2
```
#2d35b2 rgb(45,53,178)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#2db2ab
```
#2db2ab rgb(45,178,171)
```

Split Complementary Color

#682db2
```
#682db2 rgb(104,45,178)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#2db268
```
#2db268 rgb(45,178,104)
```

Triadic Color

#b22d77
```
#b22d77 rgb(178,45,119)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#2db268
```
#2db268 rgb(45,178,104)
```
#2d77b2
```
#2d77b2 rgb(45,119,178)
```

Tetradic Color

#75441e
```
#75441e rgb(117,68,30)
```
#895023
```
#895023 rgb(137,80,35)
```
#9e5c28
```
#9e5c28 rgb(158,92,40)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#c67432
```
#c67432 rgb(198,116,50)
```
#cf8143
```
#cf8143 rgb(207,129,67)
```
#d58f57
```
#d58f57 rgb(213,143,87)
```

Monochromatic Color

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

#b2472d
```
#b2472d rgb(178,71,45)
```
#b2522d
```
#b2522d rgb(178,82,45)
```
#b25d2d
```
#b25d2d rgb(178,93,45)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#b2732d
```
#b2732d rgb(178,115,45)
```
#b27e2d
```
#b27e2d rgb(178,126,45)
```
#b2892d
```
#b2892d rgb(178,137,45)
```

Similar Colors

Text with hexadecimal color #b2682d

This text has a font color of #b2682d.

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

#b2682d background color

This paragraph has a background color of #b2682d.

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

#b2682d border color

This element has a border color of #b2682d.

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

CSS codes

.text {color:#b2682d;}

.background {background-color:#b2682d;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#150d05
```
#150d05 rgb(21,13,5)
```
#251609
```
#251609 rgb(37,22,9)
```
#351f0d
```
#351f0d rgb(53,31,13)
```
#442811
```
#442811 rgb(68,40,17)
```
#543115
```
#543115 rgb(84,49,21)
```
#643a19
```
#643a19 rgb(100,58,25)
```
#73431d
```
#73431d rgb(115,67,29)
```
#834d21
```
#834d21 rgb(131,77,33)
```
#935625
```
#935625 rgb(147,86,37)
```
#a25f29
```
#a25f29 rgb(162,95,41)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#c27131
```
#c27131 rgb(194,113,49)
```

Shade Color Variation

#cd7b39
```
#cd7b39 rgb(205,123,57)
```
#d18549
```
#d18549 rgb(209,133,73)
```
#d59059
```
#d59059 rgb(213,144,89)
```
#d99a68
```
#d99a68 rgb(217,154,104)
```
#dda578
```
#dda578 rgb(221,165,120)
```
#e1af88
```
#e1af88 rgb(225,175,136)
```
#e5ba97
```
#e5ba97 rgb(229,186,151)
```
#e9c4a7
```
#e9c4a7 rgb(233,196,167)
```
#edcfb6
```
#edcfb6 rgb(237,207,182)
```
#f1d9c6
```
#f1d9c6 rgb(241,217,198)
```
#f5e3d6
```
#f5e3d6 rgb(245,227,214)
```
#f9eee5
```
#f9eee5 rgb(249,238,229)
```
#fdf8f5
```
#fdf8f5 rgb(253,248,245)
```

Tint Color Variation

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

#766f69
```
#766f69 rgb(118,111,105)
```
#7f6e60
```
#7f6e60 rgb(127,110,96)
```
#876d58
```
#876d58 rgb(135,109,88)
```
#906c4f
```
#906c4f rgb(144,108,79)
```
#986b47
```
#986b47 rgb(152,107,71)
```
#a16a3e
```
#a16a3e rgb(161,106,62)
```
#a96936
```
#a96936 rgb(169,105,54)
```
#b2682d
```
#b2682d rgb(178,104,45)
```
#bb6724
```
#bb6724 rgb(187,103,36)
```
#c3661c
```
#c3661c rgb(195,102,28)
```
#cc6513
```
#cc6513 rgb(204,101,19)
```
#d4640b
```
#d4640b rgb(212,100,11)
```
#dd6302
```
#dd6302 rgb(221,99,2)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#837468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e813c Protanopia 1% of men
#9f7b33 Deuteranopia 1% of men
#b96970 Tritanopia 0.001% of the population

Trichromacy

#9b7837 Protanomaly 1% of men, 0.01% of women
#a67431 Deuteranomaly 6% of men, 0.4% of women
#b66958 Tritanomaly 0.01% of the population

#b2682d hex color

#b2682d Color Information

#b2682d Color Conversion

Color Schemes with #b2682d

Alternatives to #b2682d

#b2682d Preview

Shades and Tints of #b2682d

Tones of #b2682d

Color Blindness Simulator