#b0683f hex color

In a RGB color space, hex #b0683f is composed of 69% red, 40.8% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.9% magenta, 64.2% yellow and 31% black. It has a hue angle of 21.8 degrees, a saturation of 47.3% and a lightness of 46.9%. #b0683f color hex could be obtained by blending #ffd07e with #610000. Closest websafe color is: #996633.

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

● #b0683f color description : Dark moderate orange.

The hexadecimal color #b0683f has RGB values of R:176, G:104, B:63 and CMYK values of C:0, M:0.41, Y:0.64, K:0.31. Its decimal value is 11561023.

Hex triplet	b0683f	`#b0683f`
RGB Decimal	176, 104, 63	`rgb(176,104,63)`
RGB Percent	69, 40.8, 24.7	`rgb(69%,40.8%,24.7%)`
CMYK	0, 41, 64, 31
HSL	21.8°, 47.3, 46.9	`hsl(21.8,47.3%,46.9%)`
HSV (or HSB)	21.8°, 64.2, 69
Web Safe	996633	`#996633`

CIE-LAB	51.257, 25.038, 35.033
XYZ	23.753, 19.491, 7.214
xyY	0.471, 0.386, 19.491
CIE-LCH	51.257, 43.061, 54.447
CIE-LUV	51.257, 55.608, 34.002
Hunter-Lab	44.149, 18.774, 21.217
Binary	10110000, 01101000, 00111111

#b0683f
```
#b0683f rgb(176,104,63)
```
#3f87b0
```
#3f87b0 rgb(63,135,176)
```

Complementary Color

#b03f4f
```
#b03f4f rgb(176,63,79)
```
#b0683f
```
#b0683f rgb(176,104,63)
```
#b0a13f
```
#b0a13f rgb(176,161,63)
```

Analogous Color

#3f4fb0
```
#3f4fb0 rgb(63,79,176)
```
#b0683f
```
#b0683f rgb(176,104,63)
```
#3fb0a1
```
#3fb0a1 rgb(63,176,161)
```

Split Complementary Color

#683fb0
```
#683fb0 rgb(104,63,176)
```
#b0683f
```
#b0683f rgb(176,104,63)
```
#3fb068
```
#3fb068 rgb(63,176,104)
```

Triadic Color

#b03f87
```
#b03f87 rgb(176,63,135)
```
#b0683f
```
#b0683f rgb(176,104,63)
```
#3fb068
```
#3fb068 rgb(63,176,104)
```
#3f87b0
```
#3f87b0 rgb(63,135,176)
```

Tetradic Color

#78472b
```
#78472b rgb(120,71,43)
```
#8a5232
```
#8a5232 rgb(138,82,50)
```
#9d5d38
```
#9d5d38 rgb(157,93,56)
```
#b0683f
```
#b0683f rgb(176,104,63)
```
#be744a
```
#be744a rgb(190,116,74)
```
#c5835d
```
#c5835d rgb(197,131,93)
```
#cc9170
```
#cc9170 rgb(204,145,112)
```

Monochromatic Color

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

#b04c3f
```
#b04c3f rgb(176,76,63)
```
#b0553f
```
#b0553f rgb(176,85,63)
```
#b05f3f
```
#b05f3f rgb(176,95,63)
```
#b0683f
```
#b0683f rgb(176,104,63)
```
#b0713f
```
#b0713f rgb(176,113,63)
```
#b07b3f
```
#b07b3f rgb(176,123,63)
```
#b0843f
```
#b0843f rgb(176,132,63)
```

Similar Colors

Text with hexadecimal color #b0683f

This text has a font color of #b0683f.

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

#b0683f background color

This paragraph has a background color of #b0683f.

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

#b0683f border color

This element has a border color of #b0683f.

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

CSS codes

.text {color:#b0683f;}

.background {background-color:#b0683f;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110a06
```
#110a06 rgb(17,10,6)
```
#20130b
```
#20130b rgb(32,19,11)
```
#2e1b10
```
#2e1b10 rgb(46,27,16)
```
#3c2416
```
#3c2416 rgb(60,36,22)
```
#4b2c1b
```
#4b2c1b rgb(75,44,27)
```
#593520
```
#593520 rgb(89,53,32)
```
#683d25
```
#683d25 rgb(104,61,37)
```
#76462a
```
#76462a rgb(118,70,42)
```
#854e2f
```
#854e2f rgb(133,78,47)
```
#935735
```
#935735 rgb(147,87,53)
```
#a25f3a
```
#a25f3a rgb(162,95,58)
```
#b0683f
```
#b0683f rgb(176,104,63)
```

Shade Color Variation

#bd7146
```
#bd7146 rgb(189,113,70)
```
#c27c54
```
#c27c54 rgb(194,124,84)
```
#c78763
```
#c78763 rgb(199,135,99)
```
#cc9271
```
#cc9271 rgb(204,146,113)
```
#d19d80
```
#d19d80 rgb(209,157,128)
```
#d7a88e
```
#d7a88e rgb(215,168,142)
```
#dcb39d
```
#dcb39d rgb(220,179,157)
```
#e1bfab
```
#e1bfab rgb(225,191,171)
```
#e6cab9
```
#e6cab9 rgb(230,202,185)
```
#ebd5c8
```
#ebd5c8 rgb(235,213,200)
```
#f0e0d6
```
#f0e0d6 rgb(240,224,214)
```
#f6ebe5
```
#f6ebe5 rgb(246,235,229)
```
#fbf6f3
```
#fbf6f3 rgb(251,246,243)
```

Tint Color Variation

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

#797776
```
#797776 rgb(121,119,118)
```
#82756d
```
#82756d rgb(130,117,109)
```
#8b7264
```
#8b7264 rgb(139,114,100)
```
#94705b
```
#94705b rgb(148,112,91)
```
#9e6d51
```
#9e6d51 rgb(158,109,81)
```
#a76b48
```
#a76b48 rgb(167,107,72)
```
#b0683f
```
#b0683f rgb(176,104,63)
```
#b96536
```
#b96536 rgb(185,101,54)
```
#c2632d
```
#c2632d rgb(194,99,45)
```
#cc6023
```
#cc6023 rgb(204,96,35)
```
#d55e1a
```
#d55e1a rgb(213,94,26)
```
#de5b11
```
#de5b11 rgb(222,91,17)
```
#e75908
```
#e75908 rgb(231,89,8)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#84766d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c814e Protanopia 1% of men
#9d7b45 Deuteranopia 1% of men
#b66a71 Tritanopia 0.001% of the population

Trichromacy

#997749 Protanomaly 1% of men, 0.01% of women
#a47443 Deuteranomaly 6% of men, 0.4% of women
#b4695f Tritanomaly 0.01% of the population

#b0683f hex color

#b0683f Color Information

#b0683f Color Conversion

Color Schemes with #b0683f

Alternatives to #b0683f

#b0683f Preview

Shades and Tints of #b0683f

Tones of #b0683f

Color Blindness Simulator