#b18d33 hex color

In a RGB color space, hex #b18d33 is composed of 69.4% red, 55.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.3% magenta, 71.2% yellow and 30.6% black. It has a hue angle of 42.9 degrees, a saturation of 55.3% and a lightness of 44.7%. #b18d33 color hex could be obtained by blending #ffff66 with #631b00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 55
- B 20
RGB color chart
- C 0
- M 20
- Y 71
- K 31
CMYK color chart

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

The hexadecimal color #b18d33 has RGB values of R:177, G:141, B:51 and CMYK values of C:0, M:0.2, Y:0.71, K:0.31. Its decimal value is 11636019.

Hex triplet	b18d33	`#b18d33`
RGB Decimal	177, 141, 51	`rgb(177,141,51)`
RGB Percent	69.4, 55.3, 20	`rgb(69.4%,55.3%,20%)`
CMYK	0, 20, 71, 31
HSL	42.9°, 55.3, 44.7	`hsl(42.9,55.3%,44.7%)`
HSV (or HSB)	42.9°, 71.2, 69.4
Web Safe	999933	`#999933`

CIE-LAB	60.46, 4.127, 51.06
XYZ	28.254, 28.637, 7.171
xyY	0.441, 0.447, 28.637
CIE-LCH	60.46, 51.226, 85.379
CIE-LUV	60.46, 29.823, 54.521
Hunter-Lab	53.514, 0.596, 29.514
Binary	10110001, 10001101, 00110011

#b18d33
```
#b18d33 rgb(177,141,51)
```
#3357b1
```
#3357b1 rgb(51,87,177)
```

Complementary Color

#b14e33
```
#b14e33 rgb(177,78,51)
```
#b18d33
```
#b18d33 rgb(177,141,51)
```
#96b133
```
#96b133 rgb(150,177,51)
```

Analogous Color

#4e33b1
```
#4e33b1 rgb(78,51,177)
```
#b18d33
```
#b18d33 rgb(177,141,51)
```
#3396b1
```
#3396b1 rgb(51,150,177)
```

Split Complementary Color

#8d33b1
```
#8d33b1 rgb(141,51,177)
```
#b18d33
```
#b18d33 rgb(177,141,51)
```
#33b18d
```
#33b18d rgb(51,177,141)
```

Triadic Color

#b13357
```
#b13357 rgb(177,51,87)
```
#b18d33
```
#b18d33 rgb(177,141,51)
```
#33b18d
```
#33b18d rgb(51,177,141)
```
#3357b1
```
#3357b1 rgb(51,87,177)
```

Tetradic Color

#765e22
```
#765e22 rgb(118,94,34)
```
#896d28
```
#896d28 rgb(137,109,40)
```
#9d7d2d
```
#9d7d2d rgb(157,125,45)
```
#b18d33
```
#b18d33 rgb(177,141,51)
```
#c59d39
```
#c59d39 rgb(197,157,57)
```
#cba74c
```
#cba74c rgb(203,167,76)
```
#d1b15f
```
#d1b15f rgb(209,177,95)
```

Monochromatic Color

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

#b16e33
```
#b16e33 rgb(177,110,51)
```
#b17833
```
#b17833 rgb(177,120,51)
```
#b18333
```
#b18333 rgb(177,131,51)
```
#b18d33
```
#b18d33 rgb(177,141,51)
```
#b19833
```
#b19833 rgb(177,152,51)
```
#b1a233
```
#b1a233 rgb(177,162,51)
```
#b1ad33
```
#b1ad33 rgb(177,173,51)
```

Similar Colors

Text with hexadecimal color #b18d33

This text has a font color of #b18d33.

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

#b18d33 background color

This paragraph has a background color of #b18d33.

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

#b18d33 border color

This element has a border color of #b18d33.

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

CSS codes

.text {color:#b18d33;}

.background {background-color:#b18d33;}

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

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

#090803
```
#090803 rgb(9,8,3)
```
#191407
```
#191407 rgb(25,20,7)
```
#28200c
```
#28200c rgb(40,32,12)
```
#372c10
```
#372c10 rgb(55,44,16)
```
#463814
```
#463814 rgb(70,56,20)
```
#564419
```
#564419 rgb(86,68,25)
```
#65501d
```
#65501d rgb(101,80,29)
```
#745c21
```
#745c21 rgb(116,92,33)
```
#836926
```
#836926 rgb(131,105,38)
```
#93752a
```
#93752a rgb(147,117,42)
```
#a2812f
```
#a2812f rgb(162,129,47)
```
#b18d33
```
#b18d33 rgb(177,141,51)
```
#c09937
```
#c09937 rgb(192,153,55)
```

Shade Color Variation

#c9a243
```
#c9a243 rgb(201,162,67)
```
#cdaa52
```
#cdaa52 rgb(205,170,82)
```
#d1b161
```
#d1b161 rgb(209,177,97)
```
#d6b970
```
#d6b970 rgb(214,185,112)
```
#dac07f
```
#dac07f rgb(218,192,127)
```
#dfc88f
```
#dfc88f rgb(223,200,143)
```
#e3cf9e
```
#e3cf9e rgb(227,207,158)
```
#e7d7ad
```
#e7d7ad rgb(231,215,173)
```
#ecdebc
```
#ecdebc rgb(236,222,188)
```
#f0e6cc
```
#f0e6cc rgb(240,230,204)
```
#f5eddb
```
#f5eddb rgb(245,237,219)
```
#f9f5ea
```
#f9f5ea rgb(249,245,234)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#747370
```
#747370 rgb(116,115,112)
```
#7c7668
```
#7c7668 rgb(124,118,104)
```
#857a5f
```
#857a5f rgb(133,122,95)
```
#8e7e56
```
#8e7e56 rgb(142,126,86)
```
#97824d
```
#97824d rgb(151,130,77)
```
#9f8545
```
#9f8545 rgb(159,133,69)
```
#a8893c
```
#a8893c rgb(168,137,60)
```
#b18d33
```
#b18d33 rgb(177,141,51)
```
#ba912a
```
#ba912a rgb(186,145,42)
```
#c39521
```
#c39521 rgb(195,149,33)
```
#cb9819
```
#cb9819 rgb(203,152,25)
```
#d49c10
```
#d49c10 rgb(212,156,16)
```
#dda007
```
#dda007 rgb(221,160,7)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#958e7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8973e Protanopia 1% of men
#ba903e Deuteranopia 1% of men
#bc8a93 Tritanopia 0.001% of the population

Trichromacy

#ab933a Protanomaly 1% of men, 0.01% of women
#b78f3a Deuteranomaly 6% of men, 0.4% of women
#b88b70 Tritanomaly 0.01% of the population

#b18d33 hex color

#b18d33 Color Information

#b18d33 Color Conversion

Color Schemes with #b18d33

Alternatives to #b18d33

#b18d33 Preview

Shades and Tints of #b18d33

Tones of #b18d33

Color Blindness Simulator