#b7731e hex color

In a RGB color space, hex #b7731e is composed of 71.8% red, 45.1% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.2% magenta, 83.6% yellow and 28.2% black. It has a hue angle of 33.3 degrees, a saturation of 71.8% and a lightness of 41.8%. #b7731e color hex could be obtained by blending #ffe63c with #6f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 45
- B 12
RGB color chart
- C 0
- M 37
- Y 84
- K 28
CMYK color chart

● #b7731e color description : Strong orange.

The hexadecimal color #b7731e has RGB values of R:183, G:115, B:30 and CMYK values of C:0, M:0.37, Y:0.84, K:0.28. Its decimal value is 12022558.

Hex triplet	b7731e	`#b7731e`
RGB Decimal	183, 115, 30	`rgb(183,115,30)`
RGB Percent	71.8, 45.1, 11.8	`rgb(71.8%,45.1%,11.8%)`
CMYK	0, 37, 84, 28
HSL	33.3°, 71.8, 41.8	`hsl(33.3,71.8%,41.8%)`
HSV (or HSB)	33.3°, 83.6, 71.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.474, 20.365, 53.97
XYZ	25.894, 22.424, 4.193
xyY	0.493, 0.427, 22.424
CIE-LCH	54.474, 57.684, 69.326
CIE-LUV	54.474, 55.58, 49.629
Hunter-Lab	47.354, 14.737, 27.898
Binary	10110111, 01110011, 00011110

#b7731e
```
#b7731e rgb(183,115,30)
```
#1e62b7
```
#1e62b7 rgb(30,98,183)
```

Complementary Color

#b7271e
```
#b7271e rgb(183,39,30)
```
#b7731e
```
#b7731e rgb(183,115,30)
```
#afb71e
```
#afb71e rgb(175,183,30)
```

Analogous Color

#271eb7
```
#271eb7 rgb(39,30,183)
```
#b7731e
```
#b7731e rgb(183,115,30)
```
#1eafb7
```
#1eafb7 rgb(30,175,183)
```

Split Complementary Color

#731eb7
```
#731eb7 rgb(115,30,183)
```
#b7731e
```
#b7731e rgb(183,115,30)
```
#1eb773
```
#1eb773 rgb(30,183,115)
```

Triadic Color

#b71e62
```
#b71e62 rgb(183,30,98)
```
#b7731e
```
#b7731e rgb(183,115,30)
```
#1eb773
```
#1eb773 rgb(30,183,115)
```
#1e62b7
```
#1e62b7 rgb(30,98,183)
```

Tetradic Color

#754a13
```
#754a13 rgb(117,74,19)
```
#8b5717
```
#8b5717 rgb(139,87,23)
```
#a1651a
```
#a1651a rgb(161,101,26)
```
#b7731e
```
#b7731e rgb(183,115,30)
```
#cd8122
```
#cd8122 rgb(205,129,34)
```
#dc8e2c
```
#dc8e2c rgb(220,142,44)
```
#e09a42
```
#e09a42 rgb(224,154,66)
```

Monochromatic Color

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

#b74d1e
```
#b74d1e rgb(183,77,30)
```
#b75a1e
```
#b75a1e rgb(183,90,30)
```
#b7661e
```
#b7661e rgb(183,102,30)
```
#b7731e
```
#b7731e rgb(183,115,30)
```
#b7801e
```
#b7801e rgb(183,128,30)
```
#b78d1e
```
#b78d1e rgb(183,141,30)
```
#b7991e
```
#b7991e rgb(183,153,30)
```

Similar Colors

Text with hexadecimal color #b7731e

This text has a font color of #b7731e.

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

#b7731e background color

This paragraph has a background color of #b7731e.

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

#b7731e border color

This element has a border color of #b7731e.

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

CSS codes

.text {color:#b7731e;}

.background {background-color:#b7731e;}

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

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

#0e0902
```
#0e0902 rgb(14,9,2)
```
#1f1405
```
#1f1405 rgb(31,20,5)
```
#301e08
```
#301e08 rgb(48,30,8)
```
#41290b
```
#41290b rgb(65,41,11)
```
#52330d
```
#52330d rgb(82,51,13)
```
#633e10
```
#633e10 rgb(99,62,16)
```
#744913
```
#744913 rgb(116,73,19)
```
#845316
```
#845316 rgb(132,83,22)
```
#955e18
```
#955e18 rgb(149,94,24)
```
#a6681b
```
#a6681b rgb(166,104,27)
```
#b7731e
```
#b7731e rgb(183,115,30)
```
#c87e21
```
#c87e21 rgb(200,126,33)
```
#d98824
```
#d98824 rgb(217,136,36)
```

Shade Color Variation

#dd9132
```
#dd9132 rgb(221,145,50)
```
#e09a43
```
#e09a43 rgb(224,154,67)
```
#e3a354
```
#e3a354 rgb(227,163,84)
```
#e6ad65
```
#e6ad65 rgb(230,173,101)
```
#e9b676
```
#e9b676 rgb(233,182,118)
```
#ebbf87
```
#ebbf87 rgb(235,191,135)
```
#eec898
```
#eec898 rgb(238,200,152)
```
#f1d1a8
```
#f1d1a8 rgb(241,209,168)
```
#f4dab9
```
#f4dab9 rgb(244,218,185)
```
#f6e3ca
```
#f6e3ca rgb(246,227,202)
```
#f9ecdb
```
#f9ecdb rgb(249,236,219)
```
#fcf5ec
```
#fcf5ec rgb(252,245,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6d6b68
```
#6d6b68 rgb(109,107,104)
```
#756c60
```
#756c60 rgb(117,108,96)
```
#7e6d57
```
#7e6d57 rgb(126,109,87)
```
#866e4f
```
#866e4f rgb(134,110,79)
```
#8e6e47
```
#8e6e47 rgb(142,110,71)
```
#966f3f
```
#966f3f rgb(150,111,63)
```
#9e7037
```
#9e7037 rgb(158,112,55)
```
#a7712e
```
#a7712e rgb(167,113,46)
```
#af7226
```
#af7226 rgb(175,114,38)
```
#b7731e
```
#b7731e rgb(183,115,30)
```
#bf7416
```
#bf7416 rgb(191,116,22)
```
#c7750e
```
#c7750e rgb(199,117,14)
```
#d07605
```
#d07605 rgb(208,118,5)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#897c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#98892d Protanopia 1% of men
#aa8225 Deuteranopia 1% of men
#bf727a Tritanopia 0.001% of the population

Trichromacy

#a38127 Protanomaly 1% of men, 0.01% of women
#ae7c22 Deuteranomaly 6% of men, 0.4% of women
#bc7258 Tritanomaly 0.01% of the population

#b7731e hex color

#b7731e Color Information

#b7731e Color Conversion

Color Schemes with #b7731e

Alternatives to #b7731e

#b7731e Preview

Shades and Tints of #b7731e

Tones of #b7731e

Color Blindness Simulator