#b27220 hex color

In a RGB color space, hex #b27220 is composed of 69.8% red, 44.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 82% yellow and 30.2% black. It has a hue angle of 33.7 degrees, a saturation of 69.5% and a lightness of 41.2%. #b27220 color hex could be obtained by blending #ffe440 with #650000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 70
- G 45
- B 13
RGB color chart
- C 0
- M 36
- Y 82
- K 30
CMYK color chart

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

The hexadecimal color #b27220 has RGB values of R:178, G:114, B:32 and CMYK values of C:0, M:0.36, Y:0.82, K:0.3. Its decimal value is 11694624.

Hex triplet	b27220	`#b27220`
RGB Decimal	178, 114, 32	`rgb(178,114,32)`
RGB Percent	69.8, 44.7, 12.5	`rgb(69.8%,44.7%,12.5%)`
CMYK	0, 36, 82, 30
HSL	33.7°, 69.5, 41.2	`hsl(33.7,69.5%,41.2%)`
HSV (or HSB)	33.7°, 82, 69.8
Web Safe	996633	`#996633`

CIE-LAB	53.606, 18.783, 52.225
XYZ	24.639, 21.606, 4.239
xyY	0.488, 0.428, 21.606
CIE-LCH	53.606, 55.5, 70.219
CIE-LUV	53.606, 52.15, 48.539
Hunter-Lab	46.482, 13.275, 27.13
Binary	10110010, 01110010, 00100000

#b27220
```
#b27220 rgb(178,114,32)
```
#2060b2
```
#2060b2 rgb(32,96,178)
```

Complementary Color

#b22920
```
#b22920 rgb(178,41,32)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#a9b220
```
#a9b220 rgb(169,178,32)
```

Analogous Color

#2920b2
```
#2920b2 rgb(41,32,178)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#20a9b2
```
#20a9b2 rgb(32,169,178)
```

Split Complementary Color

#7220b2
```
#7220b2 rgb(114,32,178)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#20b272
```
#20b272 rgb(32,178,114)
```

Triadic Color

#b22060
```
#b22060 rgb(178,32,96)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#20b272
```
#20b272 rgb(32,178,114)
```
#2060b2
```
#2060b2 rgb(32,96,178)
```

Tetradic Color

#714814
```
#714814 rgb(113,72,20)
```
#875618
```
#875618 rgb(135,86,24)
```
#9c641c
```
#9c641c rgb(156,100,28)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#c88024
```
#c88024 rgb(200,128,36)
```
#d98d2c
```
#d98d2c rgb(217,141,44)
```
#dd9942
```
#dd9942 rgb(221,153,66)
```

Monochromatic Color

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

#b24e20
```
#b24e20 rgb(178,78,32)
```
#b25a20
```
#b25a20 rgb(178,90,32)
```
#b26620
```
#b26620 rgb(178,102,32)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#b27e20
```
#b27e20 rgb(178,126,32)
```
#b28a20
```
#b28a20 rgb(178,138,32)
```
#b29720
```
#b29720 rgb(178,151,32)
```

Similar Colors

Text with hexadecimal color #b27220

This text has a font color of #b27220.

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

#b27220 background color

This paragraph has a background color of #b27220.

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

#b27220 border color

This element has a border color of #b27220.

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

CSS codes

.text {color:#b27220;}

.background {background-color:#b27220;}

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

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

#0c0802
```
#0c0802 rgb(12,8,2)
```
#1c1205
```
#1c1205 rgb(28,18,5)
```
#2d1d08
```
#2d1d08 rgb(45,29,8)
```
#3e270b
```
#3e270b rgb(62,39,11)
```
#4e320e
```
#4e320e rgb(78,50,14)
```
#5f3d11
```
#5f3d11 rgb(95,61,17)
```
#6f4714
```
#6f4714 rgb(111,71,20)
```
#805217
```
#805217 rgb(128,82,23)
```
#915d1a
```
#915d1a rgb(145,93,26)
```
#a1671d
```
#a1671d rgb(161,103,29)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#c37d23
```
#c37d23 rgb(195,125,35)
```
#d38726
```
#d38726 rgb(211,135,38)
```

Shade Color Variation

#da9133
```
#da9133 rgb(218,145,51)
```
#dd9a43
```
#dd9a43 rgb(221,154,67)
```
#e0a354
```
#e0a354 rgb(224,163,84)
```
#e3ac64
```
#e3ac64 rgb(227,172,100)
```
#e6b575
```
#e6b575 rgb(230,181,117)
```
#e9be86
```
#e9be86 rgb(233,190,134)
```
#ecc796
```
#ecc796 rgb(236,199,150)
```
#efd0a7
```
#efd0a7 rgb(239,208,167)
```
#f2d8b8
```
#f2d8b8 rgb(242,216,184)
```
#f5e1c8
```
#f5e1c8 rgb(245,225,200)
```
#f8ead9
```
#f8ead9 rgb(248,234,217)
```
#fbf3e9
```
#fbf3e9 rgb(251,243,233)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#716a61
```
#716a61 rgb(113,106,97)
```
#796b59
```
#796b59 rgb(121,107,89)
```
#826c50
```
#826c50 rgb(130,108,80)
```
#8a6d48
```
#8a6d48 rgb(138,109,72)
```
#926e40
```
#926e40 rgb(146,110,64)
```
#9a6f38
```
#9a6f38 rgb(154,111,56)
```
#a27030
```
#a27030 rgb(162,112,48)
```
#aa7128
```
#aa7128 rgb(170,113,40)
```
#b27220
```
#b27220 rgb(178,114,32)
```
#ba7318
```
#ba7318 rgb(186,115,24)
```
#c27410
```
#c27410 rgb(194,116,16)
```
#ca7508
```
#ca7508 rgb(202,117,8)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#877a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#96862f Protanopia 1% of men
#a78028 Deuteranopia 1% of men
#ba7179 Tritanopia 0.001% of the population

Trichromacy

#a07f29 Protanomaly 1% of men, 0.01% of women
#ab7b25 Deuteranomaly 6% of men, 0.4% of women
#b77158 Tritanomaly 0.01% of the population

#b27220 hex color

#b27220 Color Information

#b27220 Color Conversion

Color Schemes with #b27220

Alternatives to #b27220

#b27220 Preview

Shades and Tints of #b27220

Tones of #b27220

Color Blindness Simulator