#b97a1c hex color

In a RGB color space, hex #b97a1c is composed of 72.5% red, 47.8% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.1% magenta, 84.9% yellow and 27.5% black. It has a hue angle of 35.9 degrees, a saturation of 73.7% and a lightness of 41.8%. #b97a1c color hex could be obtained by blending #fff438 with #730000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 48
- B 11
RGB color chart
- C 0
- M 34
- Y 85
- K 27
CMYK color chart

● #b97a1c color description : Strong orange.

The hexadecimal color #b97a1c has RGB values of R:185, G:122, B:28 and CMYK values of C:0, M:0.34, Y:0.85, K:0.27. Its decimal value is 12155420.

Hex triplet	b97a1c	`#b97a1c`
RGB Decimal	185, 122, 28	`rgb(185,122,28)`
RGB Percent	72.5, 47.8, 11	`rgb(72.5%,47.8%,11%)`
CMYK	0, 34, 85, 27
HSL	35.9°, 73.7, 41.8	`hsl(35.9,73.7%,41.8%)`
HSV (or HSB)	35.9°, 84.9, 72.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.406, 17.308, 56.407
XYZ	27.177, 24.319, 4.361
xyY	0.487, 0.435, 24.319
CIE-LCH	56.406, 59.003, 72.942
CIE-LUV	56.406, 51.731, 52.814
Hunter-Lab	49.314, 12.072, 29.277
Binary	10111001, 01111010, 00011100

#b97a1c
```
#b97a1c rgb(185,122,28)
```
#1c5bb9
```
#1c5bb9 rgb(28,91,185)
```

Complementary Color

#b92c1c
```
#b92c1c rgb(185,44,28)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#aab91c
```
#aab91c rgb(170,185,28)
```

Analogous Color

#2c1cb9
```
#2c1cb9 rgb(44,28,185)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#1caab9
```
#1caab9 rgb(28,170,185)
```

Split Complementary Color

#7a1cb9
```
#7a1cb9 rgb(122,28,185)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#1cb97a
```
#1cb97a rgb(28,185,122)
```

Triadic Color

#b91c5b
```
#b91c5b rgb(185,28,91)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#1cb97a
```
#1cb97a rgb(28,185,122)
```
#1c5bb9
```
#1c5bb9 rgb(28,91,185)
```

Tetradic Color

#774e12
```
#774e12 rgb(119,78,18)
```
#8d5d15
```
#8d5d15 rgb(141,93,21)
```
#a36b19
```
#a36b19 rgb(163,107,25)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#cf891f
```
#cf891f rgb(207,137,31)
```
#df9629
```
#df9629 rgb(223,150,41)
```
#e2a13f
```
#e2a13f rgb(226,161,63)
```

Monochromatic Color

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

#b9531c
```
#b9531c rgb(185,83,28)
```
#b9601c
```
#b9601c rgb(185,96,28)
```
#b96d1c
```
#b96d1c rgb(185,109,28)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#b9871c
```
#b9871c rgb(185,135,28)
```
#b9941c
```
#b9941c rgb(185,148,28)
```
#b9a11c
```
#b9a11c rgb(185,161,28)
```

Similar Colors

Text with hexadecimal color #b97a1c

This text has a font color of #b97a1c.

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

#b97a1c background color

This paragraph has a background color of #b97a1c.

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

#b97a1c border color

This element has a border color of #b97a1c.

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

CSS codes

.text {color:#b97a1c;}

.background {background-color:#b97a1c;}

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

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

#0f0a02
```
#0f0a02 rgb(15,10,2)
```
#201505
```
#201505 rgb(32,21,5)
```
#312007
```
#312007 rgb(49,32,7)
```
#422b0a
```
#422b0a rgb(66,43,10)
```
#53370d
```
#53370d rgb(83,55,13)
```
#64420f
```
#64420f rgb(100,66,15)
```
#754d12
```
#754d12 rgb(117,77,18)
```
#865814
```
#865814 rgb(134,88,20)
```
#976417
```
#976417 rgb(151,100,23)
```
#a86f19
```
#a86f19 rgb(168,111,25)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#ca851f
```
#ca851f rgb(202,133,31)
```
#db9021
```
#db9021 rgb(219,144,33)
```

Shade Color Variation

#e09930
```
#e09930 rgb(224,153,48)
```
#e2a241
```
#e2a241 rgb(226,162,65)
```
#e5aa52
```
#e5aa52 rgb(229,170,82)
```
#e7b263
```
#e7b263 rgb(231,178,99)
```
#eabb74
```
#eabb74 rgb(234,187,116)
```
#edc385
```
#edc385 rgb(237,195,133)
```
#efcc96
```
#efcc96 rgb(239,204,150)
```
#f2d4a7
```
#f2d4a7 rgb(242,212,167)
```
#f4dcb8
```
#f4dcb8 rgb(244,220,184)
```
#f7e5c9
```
#f7e5c9 rgb(247,229,201)
```
#f9eddb
```
#f9eddb rgb(249,237,219)
```
#fcf5ec
```
#fcf5ec rgb(252,245,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6f6b66
```
#6f6b66 rgb(111,107,102)
```
#776d5e
```
#776d5e rgb(119,109,94)
```
#806f55
```
#806f55 rgb(128,111,85)
```
#88704d
```
#88704d rgb(136,112,77)
```
#907245
```
#907245 rgb(144,114,69)
```
#98743d
```
#98743d rgb(152,116,61)
```
#a07535
```
#a07535 rgb(160,117,53)
```
#a9772c
```
#a9772c rgb(169,119,44)
```
#b17824
```
#b17824 rgb(177,120,36)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#c17c14
```
#c17c14 rgb(193,124,20)
```
#c97d0c
```
#c97d0c rgb(201,125,12)
```
#d27f03
```
#d27f03 rgb(210,127,3)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8d806e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d2b Protanopia 1% of men
#b08624 Deuteranopia 1% of men
#c17880 Tritanopia 0.001% of the population

Trichromacy

#a78625 Protanomaly 1% of men, 0.01% of women
#b38221 Deuteranomaly 6% of men, 0.4% of women
#be795c Tritanomaly 0.01% of the population

#b97a1c hex color

#b97a1c Color Information

#b97a1c Color Conversion

Color Schemes with #b97a1c

Alternatives to #b97a1c

#b97a1c Preview

Shades and Tints of #b97a1c

Tones of #b97a1c

Color Blindness Simulator