#b18318 hex color

In a RGB color space, hex #b18318 is composed of 69.4% red, 51.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26% magenta, 86.4% yellow and 30.6% black. It has a hue angle of 42 degrees, a saturation of 76.1% and a lightness of 39.4%. #b18318 color hex could be obtained by blending #ffff30 with #630700. Closest websafe color is: #999900.

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

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

The hexadecimal color #b18318 has RGB values of R:177, G:131, B:24 and CMYK values of C:0, M:0.26, Y:0.86, K:0.31. Its decimal value is 11633432.

Hex triplet	b18318	`#b18318`
RGB Decimal	177, 131, 24	`rgb(177,131,24)`
RGB Percent	69.4, 51.4, 9.4	`rgb(69.4%,51.4%,9.4%)`
CMYK	0, 26, 86, 31
HSL	42°, 76.1, 39.4	`hsl(42,76.1%,39.4%)`
HSV (or HSB)	42°, 86.4, 69.4
Web Safe	999900	`#999900`

CIE-LAB	57.701, 8.61, 58.317
XYZ	26.413, 25.647, 4.423
xyY	0.468, 0.454, 25.647
CIE-LCH	57.701, 58.949, 81.601
CIE-LUV	57.701, 38.339, 56.678
Hunter-Lab	50.643, 4.472, 30.271
Binary	10110001, 10000011, 00011000

#b18318
```
#b18318 rgb(177,131,24)
```
#1846b1
```
#1846b1 rgb(24,70,177)
```

Complementary Color

#b13718
```
#b13718 rgb(177,55,24)
```
#b18318
```
#b18318 rgb(177,131,24)
```
#93b118
```
#93b118 rgb(147,177,24)
```

Analogous Color

#3718b1
```
#3718b1 rgb(55,24,177)
```
#b18318
```
#b18318 rgb(177,131,24)
```
#1893b1
```
#1893b1 rgb(24,147,177)
```

Split Complementary Color

#8318b1
```
#8318b1 rgb(131,24,177)
```
#b18318
```
#b18318 rgb(177,131,24)
```
#18b183
```
#18b183 rgb(24,177,131)
```

Triadic Color

#b11846
```
#b11846 rgb(177,24,70)
```
#b18318
```
#b18318 rgb(177,131,24)
```
#18b183
```
#18b183 rgb(24,177,131)
```
#1846b1
```
#1846b1 rgb(24,70,177)
```

Tetradic Color

#6e510f
```
#6e510f rgb(110,81,15)
```
#846212
```
#846212 rgb(132,98,18)
```
#9b7215
```
#9b7215 rgb(155,114,21)
```
#b18318
```
#b18318 rgb(177,131,24)
```
#c7941b
```
#c7941b rgb(199,148,27)
```
#dea41e
```
#dea41e rgb(222,164,30)
```
#e3ae32
```
#e3ae32 rgb(227,174,50)
```

Monochromatic Color

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

#b15d18
```
#b15d18 rgb(177,93,24)
```
#b16a18
```
#b16a18 rgb(177,106,24)
```
#b17618
```
#b17618 rgb(177,118,24)
```
#b18318
```
#b18318 rgb(177,131,24)
```
#b19018
```
#b19018 rgb(177,144,24)
```
#b19d18
```
#b19d18 rgb(177,157,24)
```
#b1a918
```
#b1a918 rgb(177,169,24)
```

Similar Colors

Text with hexadecimal color #b18318

This text has a font color of #b18318.

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

#b18318 background color

This paragraph has a background color of #b18318.

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

#b18318 border color

This element has a border color of #b18318.

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

CSS codes

.text {color:#b18318;}

.background {background-color:#b18318;}

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

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 #fdfaf2 is the lightest one.

#040301
```
#040301 rgb(4,3,1)
```
#161003
```
#161003 rgb(22,16,3)
```
#271d05
```
#271d05 rgb(39,29,5)
```
#382a08
```
#382a08 rgb(56,42,8)
```
#49360a
```
#49360a rgb(73,54,10)
```
#5b430c
```
#5b430c rgb(91,67,12)
```
#6c500f
```
#6c500f rgb(108,80,15)
```
#7d5d11
```
#7d5d11 rgb(125,93,17)
```
#8e6913
```
#8e6913 rgb(142,105,19)
```
#a07616
```
#a07616 rgb(160,118,22)
```
#b18318
```
#b18318 rgb(177,131,24)
```
#c2901a
```
#c2901a rgb(194,144,26)
```
#d49d1d
```
#d49d1d rgb(212,157,29)
```

Shade Color Variation

#e1a823
```
#e1a823 rgb(225,168,35)
```
#e3af34
```
#e3af34 rgb(227,175,52)
```
#e6b645
```
#e6b645 rgb(230,182,69)
```
#e8bc57
```
#e8bc57 rgb(232,188,87)
```
#eac368
```
#eac368 rgb(234,195,104)
```
#edca79
```
#edca79 rgb(237,202,121)
```
#efd18a
```
#efd18a rgb(239,209,138)
```
#f2d89c
```
#f2d89c rgb(242,216,156)
```
#f4dfad
```
#f4dfad rgb(244,223,173)
```
#f6e5be
```
#f6e5be rgb(246,229,190)
```
#f9eccf
```
#f9eccf rgb(249,236,207)
```
#fbf3e1
```
#fbf3e1 rgb(251,243,225)
```
#fdfaf2
```
#fdfaf2 rgb(253,250,242)
```

Tint Color Variation

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

#6b675e
```
#6b675e rgb(107,103,94)
```
#736a56
```
#736a56 rgb(115,106,86)
```
#7b6d4e
```
#7b6d4e rgb(123,109,78)
```
#837146
```
#837146 rgb(131,113,70)
```
#8a743f
```
#8a743f rgb(138,116,63)
```
#927737
```
#927737 rgb(146,119,55)
```
#9a7a2f
```
#9a7a2f rgb(154,122,47)
```
#a27d27
```
#a27d27 rgb(162,125,39)
```
#a98020
```
#a98020 rgb(169,128,32)
```
#b18318
```
#b18318 rgb(177,131,24)
```
#b98610
```
#b98610 rgb(185,134,16)
```
#c08909
```
#c08909 rgb(192,137,9)
```
#c88c01
```
#c88c01 rgb(200,140,1)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8e856f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19026 Protanopia 1% of men
#b48923 Deuteranopia 1% of men
#bb8089 Tritanopia 0.001% of the population

Trichromacy

#a78b20 Protanomaly 1% of men, 0.01% of women
#b3871f Deuteranomaly 6% of men, 0.4% of women
#b78160 Tritanomaly 0.01% of the population

#b18318 hex color

#b18318 Color Information

#b18318 Color Conversion

Color Schemes with #b18318

Alternatives to #b18318

#b18318 Preview

Shades and Tints of #b18318

Tones of #b18318

Color Blindness Simulator