#b18224 hex color

In a RGB color space, hex #b18224 is composed of 69.4% red, 51% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.6% magenta, 79.7% yellow and 30.6% black. It has a hue angle of 40 degrees, a saturation of 66.2% and a lightness of 41.8%. #b18224 color hex could be obtained by blending #ffff48 with #630500. Closest websafe color is: #999933.

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

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

The hexadecimal color #b18224 has RGB values of R:177, G:130, B:36 and CMYK values of C:0, M:0.27, Y:0.8, K:0.31. Its decimal value is 11633188.

Hex triplet	b18224	`#b18224`
RGB Decimal	177, 130, 36	`rgb(177,130,36)`
RGB Percent	69.4, 51, 14.1	`rgb(69.4%,51%,14.1%)`
CMYK	0, 27, 80, 31
HSL	40°, 66.2, 41.8	`hsl(40,66.2%,41.8%)`
HSV (or HSB)	40°, 79.7, 69.4
Web Safe	999933	`#999933`

CIE-LAB	57.503, 9.544, 54.225
XYZ	26.433, 25.441, 5.187
xyY	0.463, 0.446, 25.441
CIE-LCH	57.503, 55.059, 80.017
CIE-LUV	57.503, 38.689, 53.959
Hunter-Lab	50.439, 5.275, 29.21
Binary	10110001, 10000010, 00100100

#b18224
```
#b18224 rgb(177,130,36)
```
#2453b1
```
#2453b1 rgb(36,83,177)
```

Complementary Color

#b13b24
```
#b13b24 rgb(177,59,36)
```
#b18224
```
#b18224 rgb(177,130,36)
```
#9ab124
```
#9ab124 rgb(154,177,36)
```

Analogous Color

#3b24b1
```
#3b24b1 rgb(59,36,177)
```
#b18224
```
#b18224 rgb(177,130,36)
```
#249ab1
```
#249ab1 rgb(36,154,177)
```

Split Complementary Color

#8224b1
```
#8224b1 rgb(130,36,177)
```
#b18224
```
#b18224 rgb(177,130,36)
```
#24b182
```
#24b182 rgb(36,177,130)
```

Triadic Color

#b12453
```
#b12453 rgb(177,36,83)
```
#b18224
```
#b18224 rgb(177,130,36)
```
#24b182
```
#24b182 rgb(36,177,130)
```
#2453b1
```
#2453b1 rgb(36,83,177)
```

Tetradic Color

#715317
```
#715317 rgb(113,83,23)
```
#87631b
```
#87631b rgb(135,99,27)
```
#9c7220
```
#9c7220 rgb(156,114,32)
```
#b18224
```
#b18224 rgb(177,130,36)
```
#c69228
```
#c69228 rgb(198,146,40)
```
#d59f33
```
#d59f33 rgb(213,159,51)
```
#daa948
```
#daa948 rgb(218,169,72)
```

Monochromatic Color

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

#b15f24
```
#b15f24 rgb(177,95,36)
```
#b16b24
```
#b16b24 rgb(177,107,36)
```
#b17624
```
#b17624 rgb(177,118,36)
```
#b18224
```
#b18224 rgb(177,130,36)
```
#b18e24
```
#b18e24 rgb(177,142,36)
```
#b19a24
```
#b19a24 rgb(177,154,36)
```
#b1a524
```
#b1a524 rgb(177,165,36)
```

Similar Colors

Text with hexadecimal color #b18224

This text has a font color of #b18224.

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

#b18224 background color

This paragraph has a background color of #b18224.

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

#b18224 border color

This element has a border color of #b18224.

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

CSS codes

.text {color:#b18224;}

.background {background-color:#b18224;}

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

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, #0e0a03 is the darkest color, while #fffefd is the lightest one.

#0e0a03
```
#0e0a03 rgb(14,10,3)
```
#1e1606
```
#1e1606 rgb(30,22,6)
```
#2f2209
```
#2f2209 rgb(47,34,9)
```
#3f2e0d
```
#3f2e0d rgb(63,46,13)
```
#4f3a10
```
#4f3a10 rgb(79,58,16)
```
#5f4613
```
#5f4613 rgb(95,70,19)
```
#705217
```
#705217 rgb(112,82,23)
```
#805e1a
```
#805e1a rgb(128,94,26)
```
#906a1d
```
#906a1d rgb(144,106,29)
```
#a17621
```
#a17621 rgb(161,118,33)
```
#b18224
```
#b18224 rgb(177,130,36)
```
#c18e27
```
#c18e27 rgb(193,142,39)
```
#d29a2b
```
#d29a2b rgb(210,154,43)
```

Shade Color Variation

#d7a239
```
#d7a239 rgb(215,162,57)
```
#daaa49
```
#daaa49 rgb(218,170,73)
```
#ddb15a
```
#ddb15a rgb(221,177,90)
```
#e1b96a
```
#e1b96a rgb(225,185,106)
```
#e4c17a
```
#e4c17a rgb(228,193,122)
```
#e7c88b
```
#e7c88b rgb(231,200,139)
```
#ebd09b
```
#ebd09b rgb(235,208,155)
```
#eed8ab
```
#eed8ab rgb(238,216,171)
```
#f1dfbb
```
#f1dfbb rgb(241,223,187)
```
#f5e7cc
```
#f5e7cc rgb(245,231,204)
```
#f8efdc
```
#f8efdc rgb(248,239,220)
```
#fbf6ec
```
#fbf6ec rgb(251,246,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6f6c66
```
#6f6c66 rgb(111,108,102)
```
#786f5d
```
#786f5d rgb(120,111,93)
```
#807255
```
#807255 rgb(128,114,85)
```
#88744d
```
#88744d rgb(136,116,77)
```
#907745
```
#907745 rgb(144,119,69)
```
#987a3d
```
#987a3d rgb(152,122,61)
```
#a17d34
```
#a17d34 rgb(161,125,52)
```
#a97f2c
```
#a97f2c rgb(169,127,44)
```
#b18224
```
#b18224 rgb(177,130,36)
```
#b9851c
```
#b9851c rgb(185,133,28)
```
#c18714
```
#c18714 rgb(193,135,20)
```
#ca8a0b
```
#ca8a0b rgb(202,138,11)
```
#d28d03
```
#d28d03 rgb(210,141,3)
```

Tone Color Variation

Below, you can see how #b18224 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
#8e8472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09031 Protanopia 1% of men
#b3892f Deuteranopia 1% of men
#bb8088 Tritanopia 0.001% of the population

Trichromacy

#a68b2c Protanomaly 1% of men, 0.01% of women
#b2862b Deuteranomaly 6% of men, 0.4% of women
#b78064 Tritanomaly 0.01% of the population

#b18224 hex color

#b18224 Color Information

#b18224 Color Conversion

Color Schemes with #b18224

Alternatives to #b18224

#b18224 Preview

Shades and Tints of #b18224

Tones of #b18224

Color Blindness Simulator