#b18316 hex color

In a RGB color space, hex #b18316 is composed of 69.4% red, 51.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26% magenta, 87.6% yellow and 30.6% black. It has a hue angle of 42.2 degrees, a saturation of 77.9% and a lightness of 39%. #b18316 color hex could be obtained by blending #ffff2c with #630700. Closest websafe color is: #999900.

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

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

The hexadecimal color #b18316 has RGB values of R:177, G:131, B:22 and CMYK values of C:0, M:0.26, Y:0.88, K:0.31. Its decimal value is 11633430.

Hex triplet	b18316	`#b18316`
RGB Decimal	177, 131, 22	`rgb(177,131,22)`
RGB Percent	69.4, 51.4, 8.6	`rgb(69.4%,51.4%,8.6%)`
CMYK	0, 26, 88, 31
HSL	42.2°, 77.9, 39	`hsl(42.2,77.9%,39%)`
HSV (or HSB)	42.2°, 87.6, 69.4
Web Safe	999900	`#999900`

CIE-LAB	57.693, 8.561, 58.855
XYZ	26.393, 25.639, 4.318
xyY	0.468, 0.455, 25.639
CIE-LCH	57.693, 59.474, 81.724
CIE-LUV	57.693, 38.394, 56.983
Hunter-Lab	50.635, 4.43, 30.389
Binary	10110001, 10000011, 00010110

#b18316
```
#b18316 rgb(177,131,22)
```
#1644b1
```
#1644b1 rgb(22,68,177)
```

Complementary Color

#b13616
```
#b13616 rgb(177,54,22)
```
#b18316
```
#b18316 rgb(177,131,22)
```
#92b116
```
#92b116 rgb(146,177,22)
```

Analogous Color

#3616b1
```
#3616b1 rgb(54,22,177)
```
#b18316
```
#b18316 rgb(177,131,22)
```
#1692b1
```
#1692b1 rgb(22,146,177)
```

Split Complementary Color

#8316b1
```
#8316b1 rgb(131,22,177)
```
#b18316
```
#b18316 rgb(177,131,22)
```
#16b183
```
#16b183 rgb(22,177,131)
```

Triadic Color

#b11644
```
#b11644 rgb(177,22,68)
```
#b18316
```
#b18316 rgb(177,131,22)
```
#16b183
```
#16b183 rgb(22,177,131)
```
#1644b1
```
#1644b1 rgb(22,68,177)
```

Tetradic Color

#6d510e
```
#6d510e rgb(109,81,14)
```
#846110
```
#846110 rgb(132,97,16)
```
#9a7213
```
#9a7213 rgb(154,114,19)
```
#b18316
```
#b18316 rgb(177,131,22)
```
#c89419
```
#c89419 rgb(200,148,25)
```
#dea51c
```
#dea51c rgb(222,165,28)
```
#e5af2e
```
#e5af2e rgb(229,175,46)
```

Monochromatic Color

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

#b15c16
```
#b15c16 rgb(177,92,22)
```
#b16916
```
#b16916 rgb(177,105,22)
```
#b17616
```
#b17616 rgb(177,118,22)
```
#b18316
```
#b18316 rgb(177,131,22)
```
#b19016
```
#b19016 rgb(177,144,22)
```
#b19d16
```
#b19d16 rgb(177,157,22)
```
#b1aa16
```
#b1aa16 rgb(177,170,22)
```

Similar Colors

Text with hexadecimal color #b18316

This text has a font color of #b18316.

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

#b18316 background color

This paragraph has a background color of #b18316.

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

#b18316 border color

This element has a border color of #b18316.

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

CSS codes

.text {color:#b18316;}

.background {background-color:#b18316;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#140f02
```
#140f02 rgb(20,15,2)
```
#251c05
```
#251c05 rgb(37,28,5)
```
#372907
```
#372907 rgb(55,41,7)
```
#483609
```
#483609 rgb(72,54,9)
```
#5a420b
```
#5a420b rgb(90,66,11)
```
#6b4f0d
```
#6b4f0d rgb(107,79,13)
```
#7d5c0f
```
#7d5c0f rgb(125,92,15)
```
#8e6912
```
#8e6912 rgb(142,105,18)
```
#a07614
```
#a07614 rgb(160,118,20)
```
#b18316
```
#b18316 rgb(177,131,22)
```
#c29018
```
#c29018 rgb(194,144,24)
```
#d49d1a
```
#d49d1a rgb(212,157,26)
```

Shade Color Variation

#e3a91f
```
#e3a91f rgb(227,169,31)
```
#e5b030
```
#e5b030 rgb(229,176,48)
```
#e7b642
```
#e7b642 rgb(231,182,66)
```
#eabd53
```
#eabd53 rgb(234,189,83)
```
#ecc465
```
#ecc465 rgb(236,196,101)
```
#eeca76
```
#eeca76 rgb(238,202,118)
```
#f0d187
```
#f0d187 rgb(240,209,135)
```
#f2d899
```
#f2d899 rgb(242,216,153)
```
#f4deaa
```
#f4deaa rgb(244,222,170)
```
#f7e5bc
```
#f7e5bc rgb(247,229,188)
```
#f9eccd
```
#f9eccd rgb(249,236,205)
```
#fbf3df
```
#fbf3df rgb(251,243,223)
```
#fdf9f0
```
#fdf9f0 rgb(253,249,240)
```

Tint Color Variation

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

#646463
```
#646463 rgb(100,100,99)
```
#6c675b
```
#6c675b rgb(108,103,91)
```
#746a53
```
#746a53 rgb(116,106,83)
```
#7b6d4c
```
#7b6d4c rgb(123,109,76)
```
#837044
```
#837044 rgb(131,112,68)
```
#8b733c
```
#8b733c rgb(139,115,60)
```
#927735
```
#927735 rgb(146,119,53)
```
#9a7a2d
```
#9a7a2d rgb(154,122,45)
```
#a27d25
```
#a27d25 rgb(162,125,37)
```
#a9801e
```
#a9801e rgb(169,128,30)
```
#b18316
```
#b18316 rgb(177,131,22)
```
#b9860e
```
#b9860e rgb(185,134,14)
```
#c08907
```
#c08907 rgb(192,137,7)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d846e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19024 Protanopia 1% of men
#b48921 Deuteranopia 1% of men
#bb8089 Tritanopia 0.001% of the population

Trichromacy

#a78b1f Protanomaly 1% of men, 0.01% of women
#b3871d Deuteranomaly 6% of men, 0.4% of women
#b7815f Tritanomaly 0.01% of the population

#b18316 hex color

#b18316 Color Information

#b18316 Color Conversion

Color Schemes with #b18316

Alternatives to #b18316

#b18316 Preview

Shades and Tints of #b18316

Tones of #b18316

Color Blindness Simulator