#b27312 hex color

In a RGB color space, hex #b27312 is composed of 69.8% red, 45.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 89.9% yellow and 30.2% black. It has a hue angle of 36.4 degrees, a saturation of 81.6% and a lightness of 38.4%. #b27312 color hex could be obtained by blending #ffe624 with #650000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 70
- G 45
- B 7
RGB color chart
- C 0
- M 35
- Y 90
- K 30
CMYK color chart

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

The hexadecimal color #b27312 has RGB values of R:178, G:115, B:18 and CMYK values of C:0, M:0.35, Y:0.9, K:0.3. Its decimal value is 11694866.

Hex triplet	b27312	`#b27312`
RGB Decimal	178, 115, 18	`rgb(178,115,18)`
RGB Percent	69.8, 45.1, 7.1	`rgb(69.8%,45.1%,7.1%)`
CMYK	0, 35, 90, 30
HSL	36.4°, 81.6, 38.4	`hsl(36.4,81.6%,38.4%)`
HSV (or HSB)	36.4°, 89.9, 69.8
Web Safe	996600	`#996600`

CIE-LAB	53.784, 17.851, 56.853
XYZ	24.601, 21.772, 3.479
xyY	0.493, 0.437, 21.772
CIE-LCH	53.784, 59.59, 72.569
CIE-LUV	53.784, 51.936, 51.411
Hunter-Lab	46.66, 12.455, 28.242
Binary	10110010, 01110011, 00010010

#b27312
```
#b27312 rgb(178,115,18)
```
#1251b2
```
#1251b2 rgb(18,81,178)
```

Complementary Color

#b22312
```
#b22312 rgb(178,35,18)
```
#b27312
```
#b27312 rgb(178,115,18)
```
#a1b212
```
#a1b212 rgb(161,178,18)
```

Analogous Color

#2312b2
```
#2312b2 rgb(35,18,178)
```
#b27312
```
#b27312 rgb(178,115,18)
```
#12a1b2
```
#12a1b2 rgb(18,161,178)
```

Split Complementary Color

#7312b2
```
#7312b2 rgb(115,18,178)
```
#b27312
```
#b27312 rgb(178,115,18)
```
#12b273
```
#12b273 rgb(18,178,115)
```

Triadic Color

#b21251
```
#b21251 rgb(178,18,81)
```
#b27312
```
#b27312 rgb(178,115,18)
```
#12b273
```
#12b273 rgb(18,178,115)
```
#1251b2
```
#1251b2 rgb(18,81,178)
```

Tetradic Color

#6d460b
```
#6d460b rgb(109,70,11)
```
#84550d
```
#84550d rgb(132,85,13)
```
#9b6410
```
#9b6410 rgb(155,100,16)
```
#b27312
```
#b27312 rgb(178,115,18)
```
#c98214
```
#c98214 rgb(201,130,20)
```
#e09117
```
#e09117 rgb(224,145,23)
```
#e99d27
```
#e99d27 rgb(233,157,39)
```

Monochromatic Color

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

#b24b12
```
#b24b12 rgb(178,75,18)
```
#b25812
```
#b25812 rgb(178,88,18)
```
#b26612
```
#b26612 rgb(178,102,18)
```
#b27312
```
#b27312 rgb(178,115,18)
```
#b28012
```
#b28012 rgb(178,128,18)
```
#b28e12
```
#b28e12 rgb(178,142,18)
```
#b29b12
```
#b29b12 rgb(178,155,18)
```

Similar Colors

Text with hexadecimal color #b27312

This text has a font color of #b27312.

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

#b27312 background color

This paragraph has a background color of #b27312.

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

#b27312 border color

This element has a border color of #b27312.

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

CSS codes

.text {color:#b27312;}

.background {background-color:#b27312;}

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

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, #120b02 is the darkest color, while #ffffff is the lightest one.

#120b02
```
#120b02 rgb(18,11,2)
```
#231704
```
#231704 rgb(35,23,4)
```
#352205
```
#352205 rgb(53,34,5)
```
#472e07
```
#472e07 rgb(71,46,7)
```
#593909
```
#593909 rgb(89,57,9)
```
#6b450b
```
#6b450b rgb(107,69,11)
```
#7d500d
```
#7d500d rgb(125,80,13)
```
#8e5c0e
```
#8e5c0e rgb(142,92,14)
```
#a06710
```
#a06710 rgb(160,103,16)
```
#b27312
```
#b27312 rgb(178,115,18)
```
#c47f14
```
#c47f14 rgb(196,127,20)
```
#d68a16
```
#d68a16 rgb(214,138,22)
```
#e79617
```
#e79617 rgb(231,150,23)
```

Shade Color Variation

#e99e29
```
#e99e29 rgb(233,158,41)
```
#eba63b
```
#eba63b rgb(235,166,59)
```
#edae4d
```
#edae4d rgb(237,174,77)
```
#efb65f
```
#efb65f rgb(239,182,95)
```
#f1be70
```
#f1be70 rgb(241,190,112)
```
#f2c682
```
#f2c682 rgb(242,198,130)
```
#f4ce94
```
#f4ce94 rgb(244,206,148)
```
#f6d6a6
```
#f6d6a6 rgb(246,214,166)
```
#f8dfb8
```
#f8dfb8 rgb(248,223,184)
```
#fae7c9
```
#fae7c9 rgb(250,231,201)
```
#fbefdb
```
#fbefdb rgb(251,239,219)
```
#fdf7ed
```
#fdf7ed rgb(253,247,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#67635d
```
#67635d rgb(103,99,93)
```
#6e6556
```
#6e6556 rgb(110,101,86)
```
#76664e
```
#76664e rgb(118,102,78)
```
#7d6847
```
#7d6847 rgb(125,104,71)
```
#85693f
```
#85693f rgb(133,105,63)
```
#8c6b38
```
#8c6b38 rgb(140,107,56)
```
#946d30
```
#946d30 rgb(148,109,48)
```
#9b6e29
```
#9b6e29 rgb(155,110,41)
```
#a37021
```
#a37021 rgb(163,112,33)
```
#aa711a
```
#aa711a rgb(170,113,26)
```
#b27312
```
#b27312 rgb(178,115,18)
```
#ba750a
```
#ba750a rgb(186,117,10)
```
#c17603
```
#c17603 rgb(193,118,3)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#867966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978721 Protanopia 1% of men
#a88019 Deuteranopia 1% of men
#ba727a Tritanopia 0.001% of the population

Trichromacy

#a07f1c Protanomaly 1% of men, 0.01% of women
#ac7b16 Deuteranomaly 6% of men, 0.4% of women
#b77254 Tritanomaly 0.01% of the population

#b27312 hex color

#b27312 Color Information

#b27312 Color Conversion

Color Schemes with #b27312

Alternatives to #b27312

#b27312 Preview

Shades and Tints of #b27312

Tones of #b27312

Color Blindness Simulator