#b18a30 hex color

In a RGB color space, hex #b18a30 is composed of 69.4% red, 54.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 72.9% yellow and 30.6% black. It has a hue angle of 41.9 degrees, a saturation of 57.3% and a lightness of 44.1%. #b18a30 color hex could be obtained by blending #ffff60 with #631500. Closest websafe color is: #999933.

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

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

The hexadecimal color #b18a30 has RGB values of R:177, G:138, B:48 and CMYK values of C:0, M:0.22, Y:0.73, K:0.31. Its decimal value is 11635248.

Hex triplet	b18a30	`#b18a30`
RGB Decimal	177, 138, 48	`rgb(177,138,48)`
RGB Percent	69.4, 54.1, 18.8	`rgb(69.4%,54.1%,18.8%)`
CMYK	0, 22, 73, 31
HSL	41.9°, 57.3, 44.1	`hsl(41.9,57.3%,44.1%)`
HSV (or HSB)	41.9°, 72.9, 69.4
Web Safe	999933	`#999933`

CIE-LAB	59.652, 5.629, 51.521
XYZ	27.754, 27.739, 6.688
xyY	0.446, 0.446, 27.739
CIE-LCH	59.652, 51.827, 83.765
CIE-LUV	59.652, 32.158, 54.14
Hunter-Lab	52.668, 1.894, 29.338
Binary	10110001, 10001010, 00110000

#b18a30
```
#b18a30 rgb(177,138,48)
```
#3057b1
```
#3057b1 rgb(48,87,177)
```

Complementary Color

#b14930
```
#b14930 rgb(177,73,48)
```
#b18a30
```
#b18a30 rgb(177,138,48)
```
#98b130
```
#98b130 rgb(152,177,48)
```

Analogous Color

#4930b1
```
#4930b1 rgb(73,48,177)
```
#b18a30
```
#b18a30 rgb(177,138,48)
```
#3098b1
```
#3098b1 rgb(48,152,177)
```

Split Complementary Color

#8a30b1
```
#8a30b1 rgb(138,48,177)
```
#b18a30
```
#b18a30 rgb(177,138,48)
```
#30b18a
```
#30b18a rgb(48,177,138)
```

Triadic Color

#b13057
```
#b13057 rgb(177,48,87)
```
#b18a30
```
#b18a30 rgb(177,138,48)
```
#30b18a
```
#30b18a rgb(48,177,138)
```
#3057b1
```
#3057b1 rgb(48,87,177)
```

Tetradic Color

#755b20
```
#755b20 rgb(117,91,32)
```
#896b25
```
#896b25 rgb(137,107,37)
```
#9d7a2b
```
#9d7a2b rgb(157,122,43)
```
#b18a30
```
#b18a30 rgb(177,138,48)
```
#c59a35
```
#c59a35 rgb(197,154,53)
```
#cda547
```
#cda547 rgb(205,165,71)
```
#d3ae5b
```
#d3ae5b rgb(211,174,91)
```

Monochromatic Color

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

#b16a30
```
#b16a30 rgb(177,106,48)
```
#b17530
```
#b17530 rgb(177,117,48)
```
#b17f30
```
#b17f30 rgb(177,127,48)
```
#b18a30
```
#b18a30 rgb(177,138,48)
```
#b19530
```
#b19530 rgb(177,149,48)
```
#b1a030
```
#b1a030 rgb(177,160,48)
```
#b1aa30
```
#b1aa30 rgb(177,170,48)
```

Similar Colors

Text with hexadecimal color #b18a30

This text has a font color of #b18a30.

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

#b18a30 background color

This paragraph has a background color of #b18a30.

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

#b18a30 border color

This element has a border color of #b18a30.

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

CSS codes

.text {color:#b18a30;}

.background {background-color:#b18a30;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#171206
```
#171206 rgb(23,18,6)
```
#261e0a
```
#261e0a rgb(38,30,10)
```
#362a0f
```
#362a0f rgb(54,42,15)
```
#453613
```
#453613 rgb(69,54,19)
```
#544217
```
#544217 rgb(84,66,23)
```
#644e1b
```
#644e1b rgb(100,78,27)
```
#735a1f
```
#735a1f rgb(115,90,31)
```
#836623
```
#836623 rgb(131,102,35)
```
#927228
```
#927228 rgb(146,114,40)
```
#a27e2c
```
#a27e2c rgb(162,126,44)
```
#b18a30
```
#b18a30 rgb(177,138,48)
```
#c09634
```
#c09634 rgb(192,150,52)
```

Shade Color Variation

#cba03e
```
#cba03e rgb(203,160,62)
```
#cfa84d
```
#cfa84d rgb(207,168,77)
```
#d3af5d
```
#d3af5d rgb(211,175,93)
```
#d7b76c
```
#d7b76c rgb(215,183,108)
```
#dbbe7b
```
#dbbe7b rgb(219,190,123)
```
#dfc68b
```
#dfc68b rgb(223,198,139)
```
#e4cd9a
```
#e4cd9a rgb(228,205,154)
```
#e8d5aa
```
#e8d5aa rgb(232,213,170)
```
#ecddb9
```
#ecddb9 rgb(236,221,185)
```
#f0e4c9
```
#f0e4c9 rgb(240,228,201)
```
#f4ecd8
```
#f4ecd8 rgb(244,236,216)
```
#f9f3e7
```
#f9f3e7 rgb(249,243,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#74726d
```
#74726d rgb(116,114,109)
```
#7d7564
```
#7d7564 rgb(125,117,100)
```
#86795b
```
#86795b rgb(134,121,91)
```
#8e7c53
```
#8e7c53 rgb(142,124,83)
```
#97804a
```
#97804a rgb(151,128,74)
```
#a08341
```
#a08341 rgb(160,131,65)
```
#a88739
```
#a88739 rgb(168,135,57)
```
#b18a30
```
#b18a30 rgb(177,138,48)
```
#ba8d27
```
#ba8d27 rgb(186,141,39)
```
#c2911f
```
#c2911f rgb(194,145,31)
```
#cb9416
```
#cb9416 rgb(203,148,22)
```
#d4980d
```
#d4980d rgb(212,152,13)
```
#dc9b05
```
#dc9b05 rgb(220,155,5)
```

Tone Color Variation

Below, you can see how #b18a30 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
#938b79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6953c Protanopia 1% of men
#b88e3b Deuteranopia 1% of men
#bb8790 Tritanopia 0.001% of the population

Trichromacy

#aa9137 Protanomaly 1% of men, 0.01% of women
#b58c37 Deuteranomaly 6% of men, 0.4% of women
#b7886d Tritanomaly 0.01% of the population

#b18a30 hex color

#b18a30 Color Information

#b18a30 Color Conversion

Color Schemes with #b18a30

Alternatives to #b18a30

#b18a30 Preview

Shades and Tints of #b18a30

Tones of #b18a30

Color Blindness Simulator