#b18345 hex color

In a RGB color space, hex #b18345 is composed of 69.4% red, 51.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26% magenta, 61% yellow and 30.6% black. It has a hue angle of 34.4 degrees, a saturation of 43.9% and a lightness of 48.2%. #b18345 color hex could be obtained by blending #ffff8a with #630700. Closest websafe color is: #999933.

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

● #b18345 color description : Dark moderate orange.

The hexadecimal color #b18345 has RGB values of R:177, G:131, B:69 and CMYK values of C:0, M:0.26, Y:0.61, K:0.31. Its decimal value is 11633477.

Hex triplet	b18345	`#b18345`
RGB Decimal	177, 131, 69	`rgb(177,131,69)`
RGB Percent	69.4, 51.4, 27.1	`rgb(69.4%,51.4%,27.1%)`
CMYK	0, 26, 61, 31
HSL	34.4°, 43.9, 48.2	`hsl(34.4,43.9%,48.2%)`
HSV (or HSB)	34.4°, 61, 69.4
Web Safe	999933	`#999933`

CIE-LAB	58.047, 10.817, 39.87
XYZ	27.322, 26.011, 9.211
xyY	0.437, 0.416, 26.011
CIE-LCH	58.047, 41.311, 74.82
CIE-LUV	58.047, 35.986, 43.454
Hunter-Lab	51.001, 6.375, 24.992
Binary	10110001, 10000011, 01000101

#b18345
```
#b18345 rgb(177,131,69)
```
#4573b1
```
#4573b1 rgb(69,115,177)
```

Complementary Color

#b14d45
```
#b14d45 rgb(177,77,69)
```
#b18345
```
#b18345 rgb(177,131,69)
```
#a9b145
```
#a9b145 rgb(169,177,69)
```

Analogous Color

#4d45b1
```
#4d45b1 rgb(77,69,177)
```
#b18345
```
#b18345 rgb(177,131,69)
```
#45a9b1
```
#45a9b1 rgb(69,169,177)
```

Split Complementary Color

#8345b1
```
#8345b1 rgb(131,69,177)
```
#b18345
```
#b18345 rgb(177,131,69)
```
#45b183
```
#45b183 rgb(69,177,131)
```

Triadic Color

#b14573
```
#b14573 rgb(177,69,115)
```
#b18345
```
#b18345 rgb(177,131,69)
```
#45b183
```
#45b183 rgb(69,177,131)
```
#4573b1
```
#4573b1 rgb(69,115,177)
```

Tetradic Color

#7a5a30
```
#7a5a30 rgb(122,90,48)
```
#8c6837
```
#8c6837 rgb(140,104,55)
```
#9f753e
```
#9f753e rgb(159,117,62)
```
#b18345
```
#b18345 rgb(177,131,69)
```
#bc9053
```
#bc9053 rgb(188,144,83)
```
#c39b66
```
#c39b66 rgb(195,155,102)
```
#caa778
```
#caa778 rgb(202,167,120)
```

Monochromatic Color

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

#b16845
```
#b16845 rgb(177,104,69)
```
#b17145
```
#b17145 rgb(177,113,69)
```
#b17a45
```
#b17a45 rgb(177,122,69)
```
#b18345
```
#b18345 rgb(177,131,69)
```
#b18c45
```
#b18c45 rgb(177,140,69)
```
#b19545
```
#b19545 rgb(177,149,69)
```
#b19e45
```
#b19e45 rgb(177,158,69)
```

Similar Colors

Text with hexadecimal color #b18345

This text has a font color of #b18345.

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

#b18345 background color

This paragraph has a background color of #b18345.

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

#b18345 border color

This element has a border color of #b18345.

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

CSS codes

.text {color:#b18345;}

.background {background-color:#b18345;}

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

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

#080603
```
#080603 rgb(8,6,3)
```
#161008
```
#161008 rgb(22,16,8)
```
#241b0e
```
#241b0e rgb(36,27,14)
```
#322513
```
#322513 rgb(50,37,19)
```
#402f19
```
#402f19 rgb(64,47,25)
```
#4e3a1e
```
#4e3a1e rgb(78,58,30)
```
#5c4424
```
#5c4424 rgb(92,68,36)
```
#6a4f29
```
#6a4f29 rgb(106,79,41)
```
#79592f
```
#79592f rgb(121,89,47)
```
#876434
```
#876434 rgb(135,100,52)
```
#956e3a
```
#956e3a rgb(149,110,58)
```
#a3793f
```
#a3793f rgb(163,121,63)
```
#b18345
```
#b18345 rgb(177,131,69)
```

Shade Color Variation

#ba8d4f
```
#ba8d4f rgb(186,141,79)
```
#c0965d
```
#c0965d rgb(192,150,93)
```
#c59f6b
```
#c59f6b rgb(197,159,107)
```
#cba87a
```
#cba87a rgb(203,168,122)
```
#d0b188
```
#d0b188 rgb(208,177,136)
```
#d6bb96
```
#d6bb96 rgb(214,187,150)
```
#dbc4a4
```
#dbc4a4 rgb(219,196,164)
```
#e1cdb2
```
#e1cdb2 rgb(225,205,178)
```
#e6d6c0
```
#e6d6c0 rgb(230,214,192)
```
#ecdfce
```
#ecdfce rgb(236,223,206)
```
#f1e8dc
```
#f1e8dc rgb(241,232,220)
```
#f7f2ea
```
#f7f2ea rgb(247,242,234)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#827c74
```
#827c74 rgb(130,124,116)
```
#8b7d6b
```
#8b7d6b rgb(139,125,107)
```
#957f61
```
#957f61 rgb(149,127,97)
```
#9e8058
```
#9e8058 rgb(158,128,88)
```
#a8824e
```
#a8824e rgb(168,130,78)
```
#b18345
```
#b18345 rgb(177,131,69)
```
#ba843c
```
#ba843c rgb(186,132,60)
```
#c48632
```
#c48632 rgb(196,134,50)
```
#cd8729
```
#cd8729 rgb(205,135,41)
```
#d7891f
```
#d7891f rgb(215,137,31)
```
#e08a16
```
#e08a16 rgb(224,138,22)
```
#ea8b0c
```
#ea8b0c rgb(234,139,12)
```
#f38d03
```
#f38d03 rgb(243,141,3)
```

Tone Color Variation

Below, you can see how #b18345 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
#92897c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9151 Protanopia 1% of men
#b18b4e Deuteranopia 1% of men
#ba828b Tritanopia 0.001% of the population

Trichromacy

#a58c4c Protanomaly 1% of men, 0.01% of women
#b1884a Deuteranomaly 6% of men, 0.4% of women
#b68271 Tritanomaly 0.01% of the population

#b18345 hex color

#b18345 Color Information

#b18345 Color Conversion

Color Schemes with #b18345

Alternatives to #b18345

#b18345 Preview

Shades and Tints of #b18345

Tones of #b18345

Color Blindness Simulator