#b0684d hex color

In a RGB color space, hex #b0684d is composed of 69% red, 40.8% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.9% magenta, 56.3% yellow and 31% black. It has a hue angle of 16.4 degrees, a saturation of 39.1% and a lightness of 49.6%. #b0684d color hex could be obtained by blending #ffd09a with #610000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 41
- B 30
RGB color chart
- C 0
- M 41
- Y 56
- K 31
CMYK color chart

● #b0684d color description : Dark moderate orange.

The hexadecimal color #b0684d has RGB values of R:176, G:104, B:77 and CMYK values of C:0, M:0.41, Y:0.56, K:0.31. Its decimal value is 11561037.

Hex triplet	b0684d	`#b0684d`
RGB Decimal	176, 104, 77	`rgb(176,104,77)`
RGB Percent	69, 40.8, 30.2	`rgb(69%,40.8%,30.2%)`
CMYK	0, 41, 56, 31
HSL	16.4°, 39.1, 49.6	`hsl(16.4,39.1%,49.6%)`
HSV (or HSB)	16.4°, 56.3, 69
Web Safe	996666	`#996666`

CIE-LAB	51.46, 26.106, 27.472
XYZ	24.195, 19.668, 9.543
xyY	0.453, 0.368, 19.668
CIE-LCH	51.46, 37.897, 46.46
CIE-LUV	51.46, 53.775, 27.126
Hunter-Lab	44.349, 19.771, 18.286
Binary	10110000, 01101000, 01001101

#b0684d
```
#b0684d rgb(176,104,77)
```
#4d95b0
```
#4d95b0 rgb(77,149,176)
```

Complementary Color

#b04d64
```
#b04d64 rgb(176,77,100)
```
#b0684d
```
#b0684d rgb(176,104,77)
```
#b09a4d
```
#b09a4d rgb(176,154,77)
```

Analogous Color

#4d64b0
```
#4d64b0 rgb(77,100,176)
```
#b0684d
```
#b0684d rgb(176,104,77)
```
#4db09a
```
#4db09a rgb(77,176,154)
```

Split Complementary Color

#684db0
```
#684db0 rgb(104,77,176)
```
#b0684d
```
#b0684d rgb(176,104,77)
```
#4db068
```
#4db068 rgb(77,176,104)
```

Triadic Color

#b04d95
```
#b04d95 rgb(176,77,149)
```
#b0684d
```
#b0684d rgb(176,104,77)
```
#4db068
```
#4db068 rgb(77,176,104)
```
#4d95b0
```
#4d95b0 rgb(77,149,176)
```

Tetradic Color

#7b4936
```
#7b4936 rgb(123,73,54)
```
#8d533d
```
#8d533d rgb(141,83,61)
```
#9e5e45
```
#9e5e45 rgb(158,94,69)
```
#b0684d
```
#b0684d rgb(176,104,77)
```
#b9775e
```
#b9775e rgb(185,119,94)
```
#c08670
```
#c08670 rgb(192,134,112)
```
#c89581
```
#c89581 rgb(200,149,129)
```

Monochromatic Color

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

#b04f4d
```
#b04f4d rgb(176,79,77)
```
#b0584d
```
#b0584d rgb(176,88,77)
```
#b0604d
```
#b0604d rgb(176,96,77)
```
#b0684d
```
#b0684d rgb(176,104,77)
```
#b0704d
```
#b0704d rgb(176,112,77)
```
#b0794d
```
#b0794d rgb(176,121,77)
```
#b0814d
```
#b0814d rgb(176,129,77)
```

Similar Colors

Text with hexadecimal color #b0684d

This text has a font color of #b0684d.

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

#b0684d background color

This paragraph has a background color of #b0684d.

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

#b0684d border color

This element has a border color of #b0684d.

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

CSS codes

.text {color:#b0684d;}

.background {background-color:#b0684d;}

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

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

#0c0705
```
#0c0705 rgb(12,7,5)
```
#1a0f0b
```
#1a0f0b rgb(26,15,11)
```
#281711
```
#281711 rgb(40,23,17)
```
#351f17
```
#351f17 rgb(53,31,23)
```
#43271d
```
#43271d rgb(67,39,29)
```
#503023
```
#503023 rgb(80,48,35)
```
#5e3829
```
#5e3829 rgb(94,56,41)
```
#6c402f
```
#6c402f rgb(108,64,47)
```
#794835
```
#794835 rgb(121,72,53)
```
#87503b
```
#87503b rgb(135,80,59)
```
#955841
```
#955841 rgb(149,88,65)
```
#a26047
```
#a26047 rgb(162,96,71)
```
#b0684d
```
#b0684d rgb(176,104,77)
```

Shade Color Variation

#b7735a
```
#b7735a rgb(183,115,90)
```
#bd7f68
```
#bd7f68 rgb(189,127,104)
```
#c38a75
```
#c38a75 rgb(195,138,117)
```
#c99683
```
#c99683 rgb(201,150,131)
```
#cfa190
```
#cfa190 rgb(207,161,144)
```
#d5ad9e
```
#d5ad9e rgb(213,173,158)
```
#dbb9ac
```
#dbb9ac rgb(219,185,172)
```
#e1c4b9
```
#e1c4b9 rgb(225,196,185)
```
#e7d0c7
```
#e7d0c7 rgb(231,208,199)
```
#ecdbd5
```
#ecdbd5 rgb(236,219,213)
```
#f2e7e2
```
#f2e7e2 rgb(242,231,226)
```
#f8f2f0
```
#f8f2f0 rgb(248,242,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#7f7e7e
```
#7f7e7e rgb(127,126,126)
```
#897a74
```
#897a74 rgb(137,122,116)
```
#93756a
```
#93756a rgb(147,117,106)
```
#9d7160
```
#9d7160 rgb(157,113,96)
```
#a66c57
```
#a66c57 rgb(166,108,87)
```
#b0684d
```
#b0684d rgb(176,104,77)
```
#ba6443
```
#ba6443 rgb(186,100,67)
```
#c35f3a
```
#c35f3a rgb(195,95,58)
```
#cd5b30
```
#cd5b30 rgb(205,91,48)
```
#d75626
```
#d75626 rgb(215,86,38)
```
#e1521c
```
#e1521c rgb(225,82,28)
```
#ea4d13
```
#ea4d13 rgb(234,77,19)
```
#f44909
```
#f44909 rgb(244,73,9)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#857671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b815c Protanopia 1% of men
#9b7c52 Deuteranopia 1% of men
#b66b73 Tritanopia 0.001% of the population

Trichromacy

#987857 Protanomaly 1% of men, 0.01% of women
#a27450 Deuteranomaly 6% of men, 0.4% of women
#b46a65 Tritanomaly 0.01% of the population

#b0684d hex color

#b0684d Color Information

#b0684d Color Conversion

Color Schemes with #b0684d

Alternatives to #b0684d

#b0684d Preview

Shades and Tints of #b0684d

Tones of #b0684d

Color Blindness Simulator