#b18a28 hex color

In a RGB color space, hex #b18a28 is composed of 69.4% red, 54.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 77.4% yellow and 30.6% black. It has a hue angle of 42.9 degrees, a saturation of 63.1% and a lightness of 42.5%. #b18a28 color hex could be obtained by blending #ffff50 with #631500. Closest websafe color is: #999933.

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

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

The hexadecimal color #b18a28 has RGB values of R:177, G:138, B:40 and CMYK values of C:0, M:0.22, Y:0.77, K:0.31. Its decimal value is 11635240.

Hex triplet	b18a28	`#b18a28`
RGB Decimal	177, 138, 40	`rgb(177,138,40)`
RGB Percent	69.4, 54.1, 15.7	`rgb(69.4%,54.1%,15.7%)`
CMYK	0, 22, 77, 31
HSL	42.9°, 63.1, 42.5	`hsl(42.9,63.1%,42.5%)`
HSV (or HSB)	42.9°, 77.4, 69.4
Web Safe	999933	`#999933`

CIE-LAB	59.597, 5.264, 54.675
XYZ	27.603, 27.679, 5.896
xyY	0.451, 0.452, 27.679
CIE-LCH	59.597, 54.928, 84.501
CIE-LUV	59.597, 32.497, 56.285
Hunter-Lab	52.61, 1.586, 30.183
Binary	10110001, 10001010, 00101000

#b18a28
```
#b18a28 rgb(177,138,40)
```
#284fb1
```
#284fb1 rgb(40,79,177)
```

Complementary Color

#b14628
```
#b14628 rgb(177,70,40)
```
#b18a28
```
#b18a28 rgb(177,138,40)
```
#94b128
```
#94b128 rgb(148,177,40)
```

Analogous Color

#4628b1
```
#4628b1 rgb(70,40,177)
```
#b18a28
```
#b18a28 rgb(177,138,40)
```
#2894b1
```
#2894b1 rgb(40,148,177)
```

Split Complementary Color

#8a28b1
```
#8a28b1 rgb(138,40,177)
```
#b18a28
```
#b18a28 rgb(177,138,40)
```
#28b18a
```
#28b18a rgb(40,177,138)
```

Triadic Color

#b1284f
```
#b1284f rgb(177,40,79)
```
#b18a28
```
#b18a28 rgb(177,138,40)
```
#28b18a
```
#28b18a rgb(40,177,138)
```
#284fb1
```
#284fb1 rgb(40,79,177)
```

Tetradic Color

#73591a
```
#73591a rgb(115,89,26)
```
#876a1f
```
#876a1f rgb(135,106,31)
```
#9c7a23
```
#9c7a23 rgb(156,122,35)
```
#b18a28
```
#b18a28 rgb(177,138,40)
```
#c69a2d
```
#c69a2d rgb(198,154,45)
```
#d2a73a
```
#d2a73a rgb(210,167,58)
```
#d7b04e
```
#d7b04e rgb(215,176,78)
```

Monochromatic Color

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

#b16828
```
#b16828 rgb(177,104,40)
```
#b17328
```
#b17328 rgb(177,115,40)
```
#b17f28
```
#b17f28 rgb(177,127,40)
```
#b18a28
```
#b18a28 rgb(177,138,40)
```
#b19528
```
#b19528 rgb(177,149,40)
```
#b1a128
```
#b1a128 rgb(177,161,40)
```
#b1ac28
```
#b1ac28 rgb(177,172,40)
```

Similar Colors

Text with hexadecimal color #b18a28

This text has a font color of #b18a28.

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

#b18a28 background color

This paragraph has a background color of #b18a28.

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

#b18a28 border color

This element has a border color of #b18a28.

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

CSS codes

.text {color:#b18a28;}

.background {background-color:#b18a28;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110d04
```
#110d04 rgb(17,13,4)
```
#211a07
```
#211a07 rgb(33,26,7)
```
#31260b
```
#31260b rgb(49,38,11)
```
#41330f
```
#41330f rgb(65,51,15)
```
#513f12
```
#513f12 rgb(81,63,18)
```
#614c16
```
#614c16 rgb(97,76,22)
```
#71581a
```
#71581a rgb(113,88,26)
```
#81651d
```
#81651d rgb(129,101,29)
```
#917121
```
#917121 rgb(145,113,33)
```
#a17e24
```
#a17e24 rgb(161,126,36)
```
#b18a28
```
#b18a28 rgb(177,138,40)
```
#c1962c
```
#c1962c rgb(193,150,44)
```

Shade Color Variation

#d0a330
```
#d0a330 rgb(208,163,48)
```
#d4aa40
```
#d4aa40 rgb(212,170,64)
```
#d7b150
```
#d7b150 rgb(215,177,80)
```
#dbb860
```
#dbb860 rgb(219,184,96)
```
#dfbf70
```
#dfbf70 rgb(223,191,112)
```
#e2c680
```
#e2c680 rgb(226,198,128)
```
#e6cd90
```
#e6cd90 rgb(230,205,144)
```
#ead5a0
```
#ead5a0 rgb(234,213,160)
```
#eddcb0
```
#eddcb0 rgb(237,220,176)
```
#f1e3c0
```
#f1e3c0 rgb(241,227,192)
```
#f4ead0
```
#f4ead0 rgb(244,234,208)
```
#f8f1e0
```
#f8f1e0 rgb(248,241,224)
```
#fcf8f0
```
#fcf8f0 rgb(252,248,240)
```

Tint Color Variation

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

#6e6d6b
```
#6e6d6b rgb(110,109,107)
```
#777162
```
#777162 rgb(119,113,98)
```
#7f745a
```
#7f745a rgb(127,116,90)
```
#877852
```
#877852 rgb(135,120,82)
```
#907c49
```
#907c49 rgb(144,124,73)
```
#987f41
```
#987f41 rgb(152,127,65)
```
#a08339
```
#a08339 rgb(160,131,57)
```
#a98630
```
#a98630 rgb(169,134,48)
```
#b18a28
```
#b18a28 rgb(177,138,40)
```
#b98e20
```
#b98e20 rgb(185,142,32)
```
#c29117
```
#c29117 rgb(194,145,23)
```
#ca950f
```
#ca950f rgb(202,149,15)
```
#d29807
```
#d29807 rgb(210,152,7)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#928a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69534 Protanopia 1% of men
#b98e34 Deuteranopia 1% of men
#bb8790 Tritanopia 0.001% of the population

Trichromacy

#aa9130 Protanomaly 1% of men, 0.01% of women
#b68c2f Deuteranomaly 6% of men, 0.4% of women
#b7886a Tritanomaly 0.01% of the population

#b18a28 hex color

#b18a28 Color Information

#b18a28 Color Conversion

Color Schemes with #b18a28

Alternatives to #b18a28

#b18a28 Preview

Shades and Tints of #b18a28

Tones of #b18a28

Color Blindness Simulator