#b68224 hex color

In a RGB color space, hex #b68224 is composed of 71.4% red, 51% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 80.2% yellow and 28.6% black. It has a hue angle of 38.6 degrees, a saturation of 67% and a lightness of 42.7%. #b68224 color hex could be obtained by blending #ffff48 with #6d0500. Closest websafe color is: #cc9933.

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

● #b68224 color description : Strong orange.

The hexadecimal color #b68224 has RGB values of R:182, G:130, B:36 and CMYK values of C:0, M:0.29, Y:0.8, K:0.29. Its decimal value is 11960868.

Hex triplet	b68224	`#b68224`
RGB Decimal	182, 130, 36	`rgb(182,130,36)`
RGB Percent	71.4, 51, 14.1	`rgb(71.4%,51%,14.1%)`
CMYK	0, 29, 80, 29
HSL	38.6°, 67, 42.7	`hsl(38.6,67%,42.7%)`
HSV (or HSB)	38.6°, 80.2, 71.4
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.074, 11.787, 54.958
XYZ	27.593, 26.039, 5.242
xyY	0.469, 0.442, 26.039
CIE-LCH	58.074, 56.208, 77.895
CIE-LUV	58.074, 42.676, 54.179
Hunter-Lab	51.029, 7.221, 29.63
Binary	10110110, 10000010, 00100100

#b68224
```
#b68224 rgb(182,130,36)
```
#2458b6
```
#2458b6 rgb(36,88,182)
```

Complementary Color

#b63924
```
#b63924 rgb(182,57,36)
```
#b68224
```
#b68224 rgb(182,130,36)
```
#a1b624
```
#a1b624 rgb(161,182,36)
```

Analogous Color

#3924b6
```
#3924b6 rgb(57,36,182)
```
#b68224
```
#b68224 rgb(182,130,36)
```
#24a1b6
```
#24a1b6 rgb(36,161,182)
```

Split Complementary Color

#8224b6
```
#8224b6 rgb(130,36,182)
```
#b68224
```
#b68224 rgb(182,130,36)
```
#24b682
```
#24b682 rgb(36,182,130)
```

Triadic Color

#b62458
```
#b62458 rgb(182,36,88)
```
#b68224
```
#b68224 rgb(182,130,36)
```
#24b682
```
#24b682 rgb(36,182,130)
```
#2458b6
```
#2458b6 rgb(36,88,182)
```

Tetradic Color

#765417
```
#765417 rgb(118,84,23)
```
#8b641c
```
#8b641c rgb(139,100,28)
```
#a17320
```
#a17320 rgb(161,115,32)
```
#b68224
```
#b68224 rgb(182,130,36)
```
#cb9128
```
#cb9128 rgb(203,145,40)
```
#d79e36
```
#d79e36 rgb(215,158,54)
```
#dba84b
```
#dba84b rgb(219,168,75)
```

Monochromatic Color

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

#b65e24
```
#b65e24 rgb(182,94,36)
```
#b66a24
```
#b66a24 rgb(182,106,36)
```
#b67624
```
#b67624 rgb(182,118,36)
```
#b68224
```
#b68224 rgb(182,130,36)
```
#b68e24
```
#b68e24 rgb(182,142,36)
```
#b69a24
```
#b69a24 rgb(182,154,36)
```
#b6a724
```
#b6a724 rgb(182,167,36)
```

Similar Colors

Text with hexadecimal color #b68224

This text has a font color of #b68224.

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

#b68224 background color

This paragraph has a background color of #b68224.

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

#b68224 border color

This element has a border color of #b68224.

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

CSS codes

.text {color:#b68224;}

.background {background-color:#b68224;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120d04
```
#120d04 rgb(18,13,4)
```
#231907
```
#231907 rgb(35,25,7)
```
#33240a
```
#33240a rgb(51,36,10)
```
#43300d
```
#43300d rgb(67,48,13)
```
#543c11
```
#543c11 rgb(84,60,17)
```
#644814
```
#644814 rgb(100,72,20)
```
#745317
```
#745317 rgb(116,83,23)
```
#855f1a
```
#855f1a rgb(133,95,26)
```
#956b1e
```
#956b1e rgb(149,107,30)
```
#a67621
```
#a67621 rgb(166,118,33)
```
#b68224
```
#b68224 rgb(182,130,36)
```
#c68e27
```
#c68e27 rgb(198,142,39)
```

Shade Color Variation

#d5992c
```
#d5992c rgb(213,153,44)
```
#d8a13c
```
#d8a13c rgb(216,161,60)
```
#dca94d
```
#dca94d rgb(220,169,77)
```
#dfb15d
```
#dfb15d rgb(223,177,93)
```
#e2b96d
```
#e2b96d rgb(226,185,109)
```
#e5c17e
```
#e5c17e rgb(229,193,126)
```
#e9c88e
```
#e9c88e rgb(233,200,142)
```
#ecd09f
```
#ecd09f rgb(236,208,159)
```
#efd8af
```
#efd8af rgb(239,216,175)
```
#f2e0bf
```
#f2e0bf rgb(242,224,191)
```
#f6e8d0
```
#f6e8d0 rgb(246,232,208)
```
#f9f0e0
```
#f9f0e0 rgb(249,240,224)
```
#fcf8f0
```
#fcf8f0 rgb(252,248,240)
```

Tint Color Variation

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

#736f67
```
#736f67 rgb(115,111,103)
```
#7b715f
```
#7b715f rgb(123,113,95)
```
#847456
```
#847456 rgb(132,116,86)
```
#8c764e
```
#8c764e rgb(140,118,78)
```
#947846
```
#947846 rgb(148,120,70)
```
#9d7b3d
```
#9d7b3d rgb(157,123,61)
```
#a57d35
```
#a57d35 rgb(165,125,53)
```
#ae802c
```
#ae802c rgb(174,128,44)
```
#b68224
```
#b68224 rgb(182,130,36)
```
#be841c
```
#be841c rgb(190,132,28)
```
#c78713
```
#c78713 rgb(199,135,19)
```
#cf890b
```
#cf890b rgb(207,137,11)
```
#d88c02
```
#d88c02 rgb(216,140,2)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#908673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29131 Protanopia 1% of men
#b48a2e Deuteranopia 1% of men
#bf8088 Tritanopia 0.001% of the population

Trichromacy

#a98c2c Protanomaly 1% of men, 0.01% of women
#b5872a Deuteranomaly 6% of men, 0.4% of women
#bc8064 Tritanomaly 0.01% of the population

#b68224 hex color

#b68224 Color Information

#b68224 Color Conversion

Color Schemes with #b68224

Alternatives to #b68224

#b68224 Preview

Shades and Tints of #b68224

Tones of #b68224

Color Blindness Simulator