#b18a2c hex color

In a RGB color space, hex #b18a2c is composed of 69.4% red, 54.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 75.1% yellow and 30.6% black. It has a hue angle of 42.4 degrees, a saturation of 60.2% and a lightness of 43.3%. #b18a2c color hex could be obtained by blending #ffff58 with #631500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 54
- B 17
RGB color chart
- C 0
- M 22
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #b18a2c has RGB values of R:177, G:138, B:44 and CMYK values of C:0, M:0.22, Y:0.75, K:0.31. Its decimal value is 11635244.

Hex triplet	b18a2c	`#b18a2c`
RGB Decimal	177, 138, 44	`rgb(177,138,44)`
RGB Percent	69.4, 54.1, 17.3	`rgb(69.4%,54.1%,17.3%)`
CMYK	0, 22, 75, 31
HSL	42.4°, 60.2, 43.3	`hsl(42.4,60.2%,43.3%)`
HSV (or HSB)	42.4°, 75.1, 69.4
Web Safe	999933	`#999933`

CIE-LAB	59.623, 5.438, 53.14
XYZ	27.675, 27.707, 6.273
xyY	0.449, 0.449, 27.707
CIE-LCH	59.623, 53.417, 84.157
CIE-LUV	59.623, 32.335, 55.261
Hunter-Lab	52.638, 1.733, 29.78
Binary	10110001, 10001010, 00101100

#b18a2c
```
#b18a2c rgb(177,138,44)
```
#2c53b1
```
#2c53b1 rgb(44,83,177)
```

Complementary Color

#b1472c
```
#b1472c rgb(177,71,44)
```
#b18a2c
```
#b18a2c rgb(177,138,44)
```
#96b12c
```
#96b12c rgb(150,177,44)
```

Analogous Color

#482cb1
```
#482cb1 rgb(72,44,177)
```
#b18a2c
```
#b18a2c rgb(177,138,44)
```
#2c96b1
```
#2c96b1 rgb(44,150,177)
```

Split Complementary Color

#8a2cb1
```
#8a2cb1 rgb(138,44,177)
```
#b18a2c
```
#b18a2c rgb(177,138,44)
```
#2cb18a
```
#2cb18a rgb(44,177,138)
```

Triadic Color

#b12c53
```
#b12c53 rgb(177,44,83)
```
#b18a2c
```
#b18a2c rgb(177,138,44)
```
#2cb18a
```
#2cb18a rgb(44,177,138)
```
#2c53b1
```
#2c53b1 rgb(44,83,177)
```

Tetradic Color

#745a1d
```
#745a1d rgb(116,90,29)
```
#886a22
```
#886a22 rgb(136,106,34)
```
#9d7a27
```
#9d7a27 rgb(157,122,39)
```
#b18a2c
```
#b18a2c rgb(177,138,44)
```
#c59a31
```
#c59a31 rgb(197,154,49)
```
#d0a640
```
#d0a640 rgb(208,166,64)
```
#d5af55
```
#d5af55 rgb(213,175,85)
```

Monochromatic Color

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

#b1692c
```
#b1692c rgb(177,105,44)
```
#b1742c
```
#b1742c rgb(177,116,44)
```
#b17f2c
```
#b17f2c rgb(177,127,44)
```
#b18a2c
```
#b18a2c rgb(177,138,44)
```
#b1952c
```
#b1952c rgb(177,149,44)
```
#b1a02c
```
#b1a02c rgb(177,160,44)
```
#b1ab2c
```
#b1ab2c rgb(177,171,44)
```

Similar Colors

Text with hexadecimal color #b18a2c

This text has a font color of #b18a2c.

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

#b18a2c background color

This paragraph has a background color of #b18a2c.

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

#b18a2c border color

This element has a border color of #b18a2c.

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

CSS codes

.text {color:#b18a2c;}

.background {background-color:#b18a2c;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#141005
```
#141005 rgb(20,16,5)
```
#241c09
```
#241c09 rgb(36,28,9)
```
#33280d
```
#33280d rgb(51,40,13)
```
#433411
```
#433411 rgb(67,52,17)
```
#534115
```
#534115 rgb(83,65,21)
```
#624d18
```
#624d18 rgb(98,77,24)
```
#72591c
```
#72591c rgb(114,89,28)
```
#826520
```
#826520 rgb(130,101,32)
```
#927224
```
#927224 rgb(146,114,36)
```
#a17e28
```
#a17e28 rgb(161,126,40)
```
#b18a2c
```
#b18a2c rgb(177,138,44)
```
#c19630
```
#c19630 rgb(193,150,48)
```

Shade Color Variation

#cda137
```
#cda137 rgb(205,161,55)
```
#d1a947
```
#d1a947 rgb(209,169,71)
```
#d5b056
```
#d5b056 rgb(213,176,86)
```
#d9b766
```
#d9b766 rgb(217,183,102)
```
#ddbf76
```
#ddbf76 rgb(221,191,118)
```
#e1c686
```
#e1c686 rgb(225,198,134)
```
#e5cd95
```
#e5cd95 rgb(229,205,149)
```
#e9d5a5
```
#e9d5a5 rgb(233,213,165)
```
#eddcb5
```
#eddcb5 rgb(237,220,181)
```
#f0e3c4
```
#f0e3c4 rgb(240,227,196)
```
#f4ebd4
```
#f4ebd4 rgb(244,235,212)
```
#f8f2e4
```
#f8f2e4 rgb(248,242,228)
```
#fcfaf3
```
#fcfaf3 rgb(252,250,243)
```

Tint Color Variation

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

#767168
```
#767168 rgb(118,113,104)
```
#7e755f
```
#7e755f rgb(126,117,95)
```
#877857
```
#877857 rgb(135,120,87)
```
#8f7c4e
```
#8f7c4e rgb(143,124,78)
```
#987f46
```
#987f46 rgb(152,127,70)
```
#a0833d
```
#a0833d rgb(160,131,61)
```
#a98635
```
#a98635 rgb(169,134,53)
```
#b18a2c
```
#b18a2c rgb(177,138,44)
```
#ba8e24
```
#ba8e24 rgb(186,142,36)
```
#c2911b
```
#c2911b rgb(194,145,27)
```
#cb9513
```
#cb9513 rgb(203,149,19)
```
#d3980a
```
#d3980a rgb(211,152,10)
```
#dc9c01
```
#dc9c01 rgb(220,156,1)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#938b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69538 Protanopia 1% of men
#b88e37 Deuteranopia 1% of men
#bb8790 Tritanopia 0.001% of the population

Trichromacy

#aa9133 Protanomaly 1% of men, 0.01% of women
#b68c33 Deuteranomaly 6% of men, 0.4% of women
#b7886c Tritanomaly 0.01% of the population

#b18a2c hex color

#b18a2c Color Information

#b18a2c Color Conversion

Color Schemes with #b18a2c

Alternatives to #b18a2c

#b18a2c Preview

Shades and Tints of #b18a2c

Tones of #b18a2c

Color Blindness Simulator