#b67a30 hex color

In a RGB color space, hex #b67a30 is composed of 71.4% red, 47.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33% magenta, 73.6% yellow and 28.6% black. It has a hue angle of 33.1 degrees, a saturation of 58.3% and a lightness of 45.1%. #b67a30 color hex could be obtained by blending #fff460 with #6d0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 48
- B 19
RGB color chart
- C 0
- M 33
- Y 74
- K 29
CMYK color chart

● #b67a30 color description : Moderate orange.

The hexadecimal color #b67a30 has RGB values of R:182, G:122, B:48 and CMYK values of C:0, M:0.33, Y:0.74, K:0.29. Its decimal value is 11958832.

Hex triplet	b67a30	`#b67a30`
RGB Decimal	182, 122, 48	`rgb(182,122,48)`
RGB Percent	71.4, 47.8, 18.8	`rgb(71.4%,47.8%,18.8%)`
CMYK	0, 33, 74, 29
HSL	33.1°, 58.3, 45.1	`hsl(33.1,58.3%,45.1%)`
HSV (or HSB)	33.1°, 73.6, 71.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.167, 16.744, 48.178
XYZ	26.785, 24.079, 6.033
xyY	0.471, 0.423, 24.079
CIE-LCH	56.167, 51.005, 70.835
CIE-LUV	56.167, 48.194, 47.712
Hunter-Lab	49.071, 11.56, 27.06
Binary	10110110, 01111010, 00110000

#b67a30
```
#b67a30 rgb(182,122,48)
```
#306cb6
```
#306cb6 rgb(48,108,182)
```

Complementary Color

#b63730
```
#b63730 rgb(182,55,48)
```
#b67a30
```
#b67a30 rgb(182,122,48)
```
#afb630
```
#afb630 rgb(175,182,48)
```

Analogous Color

#3730b6
```
#3730b6 rgb(55,48,182)
```
#b67a30
```
#b67a30 rgb(182,122,48)
```
#30afb6
```
#30afb6 rgb(48,175,182)
```

Split Complementary Color

#7a30b6
```
#7a30b6 rgb(122,48,182)
```
#b67a30
```
#b67a30 rgb(182,122,48)
```
#30b67a
```
#30b67a rgb(48,182,122)
```

Triadic Color

#b6306c
```
#b6306c rgb(182,48,108)
```
#b67a30
```
#b67a30 rgb(182,122,48)
```
#30b67a
```
#30b67a rgb(48,182,122)
```
#306cb6
```
#306cb6 rgb(48,108,182)
```

Tetradic Color

#795120
```
#795120 rgb(121,81,32)
```
#8e5f25
```
#8e5f25 rgb(142,95,37)
```
#a26c2b
```
#a26c2b rgb(162,108,43)
```
#b67a30
```
#b67a30 rgb(182,122,48)
```
#ca8736
```
#ca8736 rgb(202,135,54)
```
#cf934a
```
#cf934a rgb(207,147,74)
```
#d59f5e
```
#d59f5e rgb(213,159,94)
```

Monochromatic Color

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

#b65930
```
#b65930 rgb(182,89,48)
```
#b66430
```
#b66430 rgb(182,100,48)
```
#b66f30
```
#b66f30 rgb(182,111,48)
```
#b67a30
```
#b67a30 rgb(182,122,48)
```
#b68530
```
#b68530 rgb(182,133,48)
```
#b69030
```
#b69030 rgb(182,144,48)
```
#b69c30
```
#b69c30 rgb(182,156,48)
```

Similar Colors

Text with hexadecimal color #b67a30

This text has a font color of #b67a30.

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

#b67a30 background color

This paragraph has a background color of #b67a30.

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

#b67a30 border color

This element has a border color of #b67a30.

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

CSS codes

.text {color:#b67a30;}

.background {background-color:#b67a30;}

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

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

#0b0803
```
#0b0803 rgb(11,8,3)
```
#1b1207
```
#1b1207 rgb(27,18,7)
```
#2a1c0b
```
#2a1c0b rgb(42,28,11)
```
#3a270f
```
#3a270f rgb(58,39,15)
```
#493113
```
#493113 rgb(73,49,19)
```
#593c17
```
#593c17 rgb(89,60,23)
```
#68461c
```
#68461c rgb(104,70,28)
```
#785020
```
#785020 rgb(120,80,32)
```
#875b24
```
#875b24 rgb(135,91,36)
```
#976528
```
#976528 rgb(151,101,40)
```
#a6702c
```
#a6702c rgb(166,112,44)
```
#b67a30
```
#b67a30 rgb(182,122,48)
```
#c68434
```
#c68434 rgb(198,132,52)
```

Shade Color Variation

#cd8e40
```
#cd8e40 rgb(205,142,64)
```
#d19750
```
#d19750 rgb(209,151,80)
```
#d5a060
```
#d5a060 rgb(213,160,96)
```
#d9aa6f
```
#d9aa6f rgb(217,170,111)
```
#ddb37f
```
#ddb37f rgb(221,179,127)
```
#e1bc8e
```
#e1bc8e rgb(225,188,142)
```
#e5c59e
```
#e5c59e rgb(229,197,158)
```
#e9cead
```
#e9cead rgb(233,206,173)
```
#eed8bd
```
#eed8bd rgb(238,216,189)
```
#f2e1cc
```
#f2e1cc rgb(242,225,204)
```
#f6eadc
```
#f6eadc rgb(246,234,220)
```
#faf3eb
```
#faf3eb rgb(250,243,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#78746e
```
#78746e rgb(120,116,110)
```
#817465
```
#817465 rgb(129,116,101)
```
#8a755c
```
#8a755c rgb(138,117,92)
```
#937653
```
#937653 rgb(147,118,83)
```
#9b774b
```
#9b774b rgb(155,119,75)
```
#a47842
```
#a47842 rgb(164,120,66)
```
#ad7939
```
#ad7939 rgb(173,121,57)
```
#b67a30
```
#b67a30 rgb(182,122,48)
```
#bf7b27
```
#bf7b27 rgb(191,123,39)
```
#c87c1e
```
#c87c1e rgb(200,124,30)
```
#d17d15
```
#d17d15 rgb(209,125,21)
```
#d97e0d
```
#d97e0d rgb(217,126,13)
```
#e27f04
```
#e27f04 rgb(226,127,4)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8e8273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8d3e Protanopia 1% of men
#ae8638 Deuteranopia 1% of men
#be7981 Tritanopia 0.001% of the population

Trichromacy

#a58639 Protanomaly 1% of men, 0.01% of women
#b08135 Deuteranomaly 6% of men, 0.4% of women
#bb7964 Tritanomaly 0.01% of the population

#b67a30 hex color

#b67a30 Color Information

#b67a30 Color Conversion

Color Schemes with #b67a30

Alternatives to #b67a30

#b67a30 Preview

Shades and Tints of #b67a30

Tones of #b67a30

Color Blindness Simulator