#b06a1e hex color

In a RGB color space, hex #b06a1e is composed of 69% red, 41.6% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.8% magenta, 83% yellow and 31% black. It has a hue angle of 31.2 degrees, a saturation of 70.9% and a lightness of 40.4%. #b06a1e color hex could be obtained by blending #ffd43c with #610000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 42
- B 12
RGB color chart
- C 0
- M 40
- Y 83
- K 31
CMYK color chart

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

The hexadecimal color #b06a1e has RGB values of R:176, G:106, B:30 and CMYK values of C:0, M:0.4, Y:0.83, K:0.31. Its decimal value is 11561502.

Hex triplet	b06a1e	`#b06a1e`
RGB Decimal	176, 106, 30	`rgb(176,106,30)`
RGB Percent	69, 41.6, 11.8	`rgb(69%,41.6%,11.8%)`
CMYK	0, 40, 83, 31
HSL	31.2°, 70.9, 40.4	`hsl(31.2,70.9%,40.4%)`
HSV (or HSB)	31.2°, 83, 69
Web Safe	996633	`#996633`

CIE-LAB	51.421, 22.292, 50.934
XYZ	23.294, 19.634, 3.791
xyY	0.499, 0.42, 19.634
CIE-LCH	51.421, 55.599, 66.363
CIE-LUV	51.421, 56.964, 45.773
Hunter-Lab	44.31, 16.294, 25.944
Binary	10110000, 01101010, 00011110

#b06a1e
```
#b06a1e rgb(176,106,30)
```
#1e64b0
```
#1e64b0 rgb(30,100,176)
```

Complementary Color

#b0211e
```
#b0211e rgb(176,33,30)
```
#b06a1e
```
#b06a1e rgb(176,106,30)
```
#adb01e
```
#adb01e rgb(173,176,30)
```

Analogous Color

#211eb0
```
#211eb0 rgb(33,30,176)
```
#b06a1e
```
#b06a1e rgb(176,106,30)
```
#1eadb0
```
#1eadb0 rgb(30,173,176)
```

Split Complementary Color

#6a1eb0
```
#6a1eb0 rgb(106,30,176)
```
#b06a1e
```
#b06a1e rgb(176,106,30)
```
#1eb06a
```
#1eb06a rgb(30,176,106)
```

Triadic Color

#b01e64
```
#b01e64 rgb(176,30,100)
```
#b06a1e
```
#b06a1e rgb(176,106,30)
```
#1eb06a
```
#1eb06a rgb(30,176,106)
```
#1e64b0
```
#1e64b0 rgb(30,100,176)
```

Tetradic Color

#6f4313
```
#6f4313 rgb(111,67,19)
```
#845017
```
#845017 rgb(132,80,23)
```
#9a5d1a
```
#9a5d1a rgb(154,93,26)
```
#b06a1e
```
#b06a1e rgb(176,106,30)
```
#c67722
```
#c67722 rgb(198,119,34)
```
#da8427
```
#da8427 rgb(218,132,39)
```
#de913d
```
#de913d rgb(222,145,61)
```

Monochromatic Color

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

#b0461e
```
#b0461e rgb(176,70,30)
```
#b0521e
```
#b0521e rgb(176,82,30)
```
#b05e1e
```
#b05e1e rgb(176,94,30)
```
#b06a1e
```
#b06a1e rgb(176,106,30)
```
#b0761e
```
#b0761e rgb(176,118,30)
```
#b0821e
```
#b0821e rgb(176,130,30)
```
#b08f1e
```
#b08f1e rgb(176,143,30)
```

Similar Colors

Text with hexadecimal color #b06a1e

This text has a font color of #b06a1e.

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

#b06a1e background color

This paragraph has a background color of #b06a1e.

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

#b06a1e border color

This element has a border color of #b06a1e.

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

CSS codes

.text {color:#b06a1e;}

.background {background-color:#b06a1e;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#190f04
```
#190f04 rgb(25,15,4)
```
#2a1907
```
#2a1907 rgb(42,25,7)
```
#3b230a
```
#3b230a rgb(59,35,10)
```
#4b2d0d
```
#4b2d0d rgb(75,45,13)
```
#5c3810
```
#5c3810 rgb(92,56,16)
```
#6d4213
```
#6d4213 rgb(109,66,19)
```
#7e4c15
```
#7e4c15 rgb(126,76,21)
```
#8e5618
```
#8e5618 rgb(142,86,24)
```
#9f601b
```
#9f601b rgb(159,96,27)
```
#b06a1e
```
#b06a1e rgb(176,106,30)
```
#c17421
```
#c17421 rgb(193,116,33)
```
#d27e24
```
#d27e24 rgb(210,126,36)
```

Shade Color Variation

#db882e
```
#db882e rgb(219,136,46)
```
#de923e
```
#de923e rgb(222,146,62)
```
#e19b4f
```
#e19b4f rgb(225,155,79)
```
#e4a560
```
#e4a560 rgb(228,165,96)
```
#e7ae71
```
#e7ae71 rgb(231,174,113)
```
#eab881
```
#eab881 rgb(234,184,129)
```
#ecc192
```
#ecc192 rgb(236,193,146)
```
#efcba3
```
#efcba3 rgb(239,203,163)
```
#f2d4b4
```
#f2d4b4 rgb(242,212,180)
```
#f5dec4
```
#f5dec4 rgb(245,222,196)
```
#f8e7d5
```
#f8e7d5 rgb(248,231,213)
```
#fbf1e6
```
#fbf1e6 rgb(251,241,230)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#696765
```
#696765 rgb(105,103,101)
```
#71675d
```
#71675d rgb(113,103,93)
```
#796855
```
#796855 rgb(121,104,85)
```
#80684e
```
#80684e rgb(128,104,78)
```
#886846
```
#886846 rgb(136,104,70)
```
#90693e
```
#90693e rgb(144,105,62)
```
#986936
```
#986936 rgb(152,105,54)
```
#a0692e
```
#a0692e rgb(160,105,46)
```
#a86a26
```
#a86a26 rgb(168,106,38)
```
#b06a1e
```
#b06a1e rgb(176,106,30)
```
#b86a16
```
#b86a16 rgb(184,106,22)
```
#c06b0e
```
#c06b0e rgb(192,107,14)
```
#c86b06
```
#c86b06 rgb(200,107,6)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#827464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90812d Protanopia 1% of men
#a17b25 Deuteranopia 1% of men
#b86a71 Tritanopia 0.001% of the population

Trichromacy

#9b7928 Protanomaly 1% of men, 0.01% of women
#a67522 Deuteranomaly 6% of men, 0.4% of women
#b56a53 Tritanomaly 0.01% of the population

#b06a1e hex color

#b06a1e Color Information

#b06a1e Color Conversion

Color Schemes with #b06a1e

Alternatives to #b06a1e

#b06a1e Preview

Shades and Tints of #b06a1e

Tones of #b06a1e

Color Blindness Simulator