#b16228 hex color

In a RGB color space, hex #b16228 is composed of 69.4% red, 38.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 77.4% yellow and 30.6% black. It has a hue angle of 25.4 degrees, a saturation of 63.1% and a lightness of 42.5%. #b16228 color hex could be obtained by blending #ffc450 with #630000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 38
- B 16
RGB color chart
- C 0
- M 45
- Y 77
- K 31
CMYK color chart

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

The hexadecimal color #b16228 has RGB values of R:177, G:98, B:40 and CMYK values of C:0, M:0.45, Y:0.77, K:0.31. Its decimal value is 11625000.

Hex triplet	b16228	`#b16228`
RGB Decimal	177, 98, 40	`rgb(177,98,40)`
RGB Percent	69.4, 38.4, 15.7	`rgb(69.4%,38.4%,15.7%)`
CMYK	0, 45, 77, 31
HSL	25.4°, 63.1, 42.5	`hsl(25.4,63.1%,42.5%)`
HSV (or HSB)	25.4°, 77.4, 69.4
Web Safe	996633	`#996633`

CIE-LAB	49.783, 27.5, 45.192
XYZ	22.883, 18.238, 4.323
xyY	0.504, 0.401, 18.238
CIE-LCH	49.783, 52.902, 58.679
CIE-LUV	49.783, 63.412, 40.219
Hunter-Lab	42.705, 20.911, 23.893
Binary	10110001, 01100010, 00101000

#b16228
```
#b16228 rgb(177,98,40)
```
#2877b1
```
#2877b1 rgb(40,119,177)
```

Complementary Color

#b12832
```
#b12832 rgb(177,40,50)
```
#b16228
```
#b16228 rgb(177,98,40)
```
#b1a728
```
#b1a728 rgb(177,167,40)
```

Analogous Color

#2832b1
```
#2832b1 rgb(40,50,177)
```
#b16228
```
#b16228 rgb(177,98,40)
```
#28b1a7
```
#28b1a7 rgb(40,177,167)
```

Split Complementary Color

#6228b1
```
#6228b1 rgb(98,40,177)
```
#b16228
```
#b16228 rgb(177,98,40)
```
#28b162
```
#28b162 rgb(40,177,98)
```

Triadic Color

#b12877
```
#b12877 rgb(177,40,119)
```
#b16228
```
#b16228 rgb(177,98,40)
```
#28b162
```
#28b162 rgb(40,177,98)
```
#2877b1
```
#2877b1 rgb(40,119,177)
```

Tetradic Color

#733f1a
```
#733f1a rgb(115,63,26)
```
#874b1f
```
#874b1f rgb(135,75,31)
```
#9c5623
```
#9c5623 rgb(156,86,35)
```
#b16228
```
#b16228 rgb(177,98,40)
```
#c66e2d
```
#c66e2d rgb(198,110,45)
```
#d27a3a
```
#d27a3a rgb(210,122,58)
```
#d7884e
```
#d7884e rgb(215,136,78)
```

Monochromatic Color

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

#b14028
```
#b14028 rgb(177,64,40)
```
#b14b28
```
#b14b28 rgb(177,75,40)
```
#b15728
```
#b15728 rgb(177,87,40)
```
#b16228
```
#b16228 rgb(177,98,40)
```
#b16d28
```
#b16d28 rgb(177,109,40)
```
#b17928
```
#b17928 rgb(177,121,40)
```
#b18428
```
#b18428 rgb(177,132,40)
```

Similar Colors

Text with hexadecimal color #b16228

This text has a font color of #b16228.

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

#b16228 background color

This paragraph has a background color of #b16228.

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

#b16228 border color

This element has a border color of #b16228.

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

CSS codes

.text {color:#b16228;}

.background {background-color:#b16228;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110904
```
#110904 rgb(17,9,4)
```
#211207
```
#211207 rgb(33,18,7)
```
#311b0b
```
#311b0b rgb(49,27,11)
```
#41240f
```
#41240f rgb(65,36,15)
```
#512d12
```
#512d12 rgb(81,45,18)
```
#613616
```
#613616 rgb(97,54,22)
```
#713f1a
```
#713f1a rgb(113,63,26)
```
#81471d
```
#81471d rgb(129,71,29)
```
#915021
```
#915021 rgb(145,80,33)
```
#a15924
```
#a15924 rgb(161,89,36)
```
#b16228
```
#b16228 rgb(177,98,40)
```
#c16b2c
```
#c16b2c rgb(193,107,44)
```

Shade Color Variation

#d07430
```
#d07430 rgb(208,116,48)
```
#d47f40
```
#d47f40 rgb(212,127,64)
```
#d78950
```
#d78950 rgb(215,137,80)
```
#db9460
```
#db9460 rgb(219,148,96)
```
#df9f70
```
#df9f70 rgb(223,159,112)
```
#e2aa80
```
#e2aa80 rgb(226,170,128)
```
#e6b490
```
#e6b490 rgb(230,180,144)
```
#eabfa0
```
#eabfa0 rgb(234,191,160)
```
#edcab0
```
#edcab0 rgb(237,202,176)
```
#f1d5c0
```
#f1d5c0 rgb(241,213,192)
```
#f4dfd0
```
#f4dfd0 rgb(244,223,208)
```
#f8eae0
```
#f8eae0 rgb(248,234,224)
```
#fcf5f0
```
#fcf5f0 rgb(252,245,240)
```

Tint Color Variation

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

#6e6c6b
```
#6e6c6b rgb(110,108,107)
```
#776b62
```
#776b62 rgb(119,107,98)
```
#7f6a5a
```
#7f6a5a rgb(127,106,90)
```
#876852
```
#876852 rgb(135,104,82)
```
#906749
```
#906749 rgb(144,103,73)
```
#986641
```
#986641 rgb(152,102,65)
```
#a06539
```
#a06539 rgb(160,101,57)
```
#a96330
```
#a96330 rgb(169,99,48)
```
#b16228
```
#b16228 rgb(177,98,40)
```
#b96120
```
#b96120 rgb(185,97,32)
```
#c25f17
```
#c25f17 rgb(194,95,23)
```
#ca5e0f
```
#ca5e0f rgb(202,94,15)
```
#d25d07
```
#d25d07 rgb(210,93,7)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7f7064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d38 Protanopia 1% of men
#9b772e Deuteranopia 1% of men
#b8646a Tritanopia 0.001% of the population

Trichromacy

#987332 Protanomaly 1% of men, 0.01% of women
#a36f2c Deuteranomaly 6% of men, 0.4% of women
#b56352 Tritanomaly 0.01% of the population

#b16228 hex color

#b16228 Color Information

#b16228 Color Conversion

Color Schemes with #b16228

Alternatives to #b16228

#b16228 Preview

Shades and Tints of #b16228

Tones of #b16228

Color Blindness Simulator