#b18336 hex color

In a RGB color space, hex #b18336 is composed of 69.4% red, 51.4% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26% magenta, 69.5% yellow and 30.6% black. It has a hue angle of 37.6 degrees, a saturation of 53.2% and a lightness of 45.3%. #b18336 color hex could be obtained by blending #ffff6c with #630700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 51
- B 21
RGB color chart
- C 0
- M 26
- Y 69
- K 31
CMYK color chart

● #b18336 color description : Dark moderate orange.

The hexadecimal color #b18336 has RGB values of R:177, G:131, B:54 and CMYK values of C:0, M:0.26, Y:0.69, K:0.31. Its decimal value is 11633462.

Hex triplet	b18336	`#b18336`
RGB Decimal	177, 131, 54	`rgb(177,131,54)`
RGB Percent	69.4, 51.4, 21.2	`rgb(69.4%,51.4%,21.2%)`
CMYK	0, 26, 69, 31
HSL	37.6°, 53.2, 45.3	`hsl(37.6,53.2%,45.3%)`
HSV (or HSB)	37.6°, 69.5, 69.4
Web Safe	999933	`#999933`

CIE-LAB	57.892, 9.835, 47.046
XYZ	26.914, 25.848, 7.061
xyY	0.45, 0.432, 25.848
CIE-LCH	57.892, 48.063, 78.193
CIE-LUV	57.892, 37.017, 49.254
Hunter-Lab	50.84, 5.524, 27.353
Binary	10110001, 10000011, 00110110

#b18336
```
#b18336 rgb(177,131,54)
```
#3664b1
```
#3664b1 rgb(54,100,177)
```

Complementary Color

#b14636
```
#b14636 rgb(177,70,54)
```
#b18336
```
#b18336 rgb(177,131,54)
```
#a2b136
```
#a2b136 rgb(162,177,54)
```

Analogous Color

#4636b1
```
#4636b1 rgb(70,54,177)
```
#b18336
```
#b18336 rgb(177,131,54)
```
#36a2b1
```
#36a2b1 rgb(54,162,177)
```

Split Complementary Color

#8336b1
```
#8336b1 rgb(131,54,177)
```
#b18336
```
#b18336 rgb(177,131,54)
```
#36b183
```
#36b183 rgb(54,177,131)
```

Triadic Color

#b13664
```
#b13664 rgb(177,54,100)
```
#b18336
```
#b18336 rgb(177,131,54)
```
#36b183
```
#36b183 rgb(54,177,131)
```
#3664b1
```
#3664b1 rgb(54,100,177)
```

Tetradic Color

#765824
```
#765824 rgb(118,88,36)
```
#8a662a
```
#8a662a rgb(138,102,42)
```
#9d7530
```
#9d7530 rgb(157,117,48)
```
#b18336
```
#b18336 rgb(177,131,54)
```
#c4913d
```
#c4913d rgb(196,145,61)
```
#ca9c50
```
#ca9c50 rgb(202,156,80)
```
#d0a764
```
#d0a764 rgb(208,167,100)
```

Monochromatic Color

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

#b16436
```
#b16436 rgb(177,100,54)
```
#b16f36
```
#b16f36 rgb(177,111,54)
```
#b17936
```
#b17936 rgb(177,121,54)
```
#b18336
```
#b18336 rgb(177,131,54)
```
#b18d36
```
#b18d36 rgb(177,141,54)
```
#b19836
```
#b19836 rgb(177,152,54)
```
#b1a236
```
#b1a236 rgb(177,162,54)
```

Similar Colors

Text with hexadecimal color #b18336

This text has a font color of #b18336.

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

#b18336 background color

This paragraph has a background color of #b18336.

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

#b18336 border color

This element has a border color of #b18336.

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

CSS codes

.text {color:#b18336;}

.background {background-color:#b18336;}

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

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

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1b1408
```
#1b1408 rgb(27,20,8)
```
#2a1f0d
```
#2a1f0d rgb(42,31,13)
```
#392a11
```
#392a11 rgb(57,42,17)
```
#483516
```
#483516 rgb(72,53,22)
```
#57401a
```
#57401a rgb(87,64,26)
```
#664b1f
```
#664b1f rgb(102,75,31)
```
#755724
```
#755724 rgb(117,87,36)
```
#846228
```
#846228 rgb(132,98,40)
```
#936d2d
```
#936d2d rgb(147,109,45)
```
#a27831
```
#a27831 rgb(162,120,49)
```
#b18336
```
#b18336 rgb(177,131,54)
```
#c08e3b
```
#c08e3b rgb(192,142,59)
```

Shade Color Variation

#c79747
```
#c79747 rgb(199,151,71)
```
#cca056
```
#cca056 rgb(204,160,86)
```
#d0a865
```
#d0a865 rgb(208,168,101)
```
#d5b174
```
#d5b174 rgb(213,177,116)
```
#d9b983
```
#d9b983 rgb(217,185,131)
```
#dec292
```
#dec292 rgb(222,194,146)
```
#e2caa1
```
#e2caa1 rgb(226,202,161)
```
#e7d3b0
```
#e7d3b0 rgb(231,211,176)
```
#ecdbc0
```
#ecdbc0 rgb(236,219,192)
```
#f0e4cf
```
#f0e4cf rgb(240,228,207)
```
#f5ecde
```
#f5ecde rgb(245,236,222)
```
#f9f5ed
```
#f9f5ed rgb(249,245,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7c766b
```
#7c766b rgb(124,118,107)
```
#857862
```
#857862 rgb(133,120,98)
```
#8d7a5a
```
#8d7a5a rgb(141,122,90)
```
#967c51
```
#967c51 rgb(150,124,81)
```
#9f7f48
```
#9f7f48 rgb(159,127,72)
```
#a8813f
```
#a8813f rgb(168,129,63)
```
#b18336
```
#b18336 rgb(177,131,54)
```
#ba852d
```
#ba852d rgb(186,133,45)
```
#c38724
```
#c38724 rgb(195,135,36)
```
#cc8a1b
```
#cc8a1b rgb(204,138,27)
```
#d58c12
```
#d58c12 rgb(213,140,18)
```
#dd8e0a
```
#dd8e0a rgb(221,142,10)
```
#e69001
```
#e69001 rgb(230,144,1)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#908778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09142 Protanopia 1% of men
#b28a40 Deuteranopia 1% of men
#ba818a Tritanopia 0.001% of the population

Trichromacy

#a68c3e Protanomaly 1% of men, 0.01% of women
#b2873c Deuteranomaly 6% of men, 0.4% of women
#b7826b Tritanomaly 0.01% of the population

#b18336 hex color

#b18336 Color Information

#b18336 Color Conversion

Color Schemes with #b18336

Alternatives to #b18336

#b18336 Preview

Shades and Tints of #b18336

Tones of #b18336

Color Blindness Simulator