#b97d1f hex color

In a RGB color space, hex #b97d1f is composed of 72.5% red, 49% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.4% magenta, 83.2% yellow and 27.5% black. It has a hue angle of 36.6 degrees, a saturation of 71.3% and a lightness of 42.4%. #b97d1f color hex could be obtained by blending #fffa3e with #730000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 49
- B 12
RGB color chart
- C 0
- M 32
- Y 83
- K 27
CMYK color chart

● #b97d1f color description : Strong orange.

The hexadecimal color #b97d1f has RGB values of R:185, G:125, B:31 and CMYK values of C:0, M:0.32, Y:0.83, K:0.27. Its decimal value is 12156191.

Hex triplet	b97d1f	`#b97d1f`
RGB Decimal	185, 125, 31	`rgb(185,125,31)`
RGB Percent	72.5, 49, 12.2	`rgb(72.5%,49%,12.2%)`
CMYK	0, 32, 83, 27
HSL	36.6°, 71.3, 42.4	`hsl(36.6,71.3%,42.4%)`
HSV (or HSB)	36.6°, 83.2, 72.5
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.156, 15.732, 56.049
XYZ	27.589, 25.082, 4.685
xyY	0.481, 0.437, 25.082
CIE-LCH	57.156, 58.215, 74.321
CIE-LUV	57.156, 49.225, 53.402
Hunter-Lab	50.082, 10.688, 29.512
Binary	10111001, 01111101, 00011111

#b97d1f
```
#b97d1f rgb(185,125,31)
```
#1f5bb9
```
#1f5bb9 rgb(31,91,185)
```

Complementary Color

#b9301f
```
#b9301f rgb(185,48,31)
```
#b97d1f
```
#b97d1f rgb(185,125,31)
```
#a8b91f
```
#a8b91f rgb(168,185,31)
```

Analogous Color

#301fb9
```
#301fb9 rgb(48,31,185)
```
#b97d1f
```
#b97d1f rgb(185,125,31)
```
#1fa8b9
```
#1fa8b9 rgb(31,168,185)
```

Split Complementary Color

#7d1fb9
```
#7d1fb9 rgb(125,31,185)
```
#b97d1f
```
#b97d1f rgb(185,125,31)
```
#1fb97d
```
#1fb97d rgb(31,185,125)
```

Triadic Color

#b91f5b
```
#b91f5b rgb(185,31,91)
```
#b97d1f
```
#b97d1f rgb(185,125,31)
```
#1fb97d
```
#1fb97d rgb(31,185,125)
```
#1f5bb9
```
#1f5bb9 rgb(31,91,185)
```

Tetradic Color

#775114
```
#775114 rgb(119,81,20)
```
#8d5f18
```
#8d5f18 rgb(141,95,24)
```
#a36e1b
```
#a36e1b rgb(163,110,27)
```
#b97d1f
```
#b97d1f rgb(185,125,31)
```
#cf8c23
```
#cf8c23 rgb(207,140,35)
```
#dc992f
```
#dc992f rgb(220,153,47)
```
#e0a345
```
#e0a345 rgb(224,163,69)
```

Monochromatic Color

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

#b9561f
```
#b9561f rgb(185,86,31)
```
#b9631f
```
#b9631f rgb(185,99,31)
```
#b9701f
```
#b9701f rgb(185,112,31)
```
#b97d1f
```
#b97d1f rgb(185,125,31)
```
#b98a1f
```
#b98a1f rgb(185,138,31)
```
#b9971f
```
#b9971f rgb(185,151,31)
```
#b9a41f
```
#b9a41f rgb(185,164,31)
```

Similar Colors

Text with hexadecimal color #b97d1f

This text has a font color of #b97d1f.

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

#b97d1f background color

This paragraph has a background color of #b97d1f.

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

#b97d1f border color

This element has a border color of #b97d1f.

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

CSS codes

.text {color:#b97d1f;}

.background {background-color:#b97d1f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#110b03
```
#110b03 rgb(17,11,3)
```
#221706
```
#221706 rgb(34,23,6)
```
#332208
```
#332208 rgb(51,34,8)
```
#432e0b
```
#432e0b rgb(67,46,11)
```
#54390e
```
#54390e rgb(84,57,14)
```
#654411
```
#654411 rgb(101,68,17)
```
#765014
```
#765014 rgb(118,80,20)
```
#875b17
```
#875b17 rgb(135,91,23)
```
#976619
```
#976619 rgb(151,102,25)
```
#a8721c
```
#a8721c rgb(168,114,28)
```
#b97d1f
```
#b97d1f rgb(185,125,31)
```
#ca8822
```
#ca8822 rgb(202,136,34)
```

Shade Color Variation

#da9425
```
#da9425 rgb(218,148,37)
```
#dd9c36
```
#dd9c36 rgb(221,156,54)
```
#e0a446
```
#e0a446 rgb(224,164,70)
```
#e3ac57
```
#e3ac57 rgb(227,172,87)
```
#e6b568
```
#e6b568 rgb(230,181,104)
```
#e9bd79
```
#e9bd79 rgb(233,189,121)
```
#ebc58a
```
#ebc58a rgb(235,197,138)
```
#eece9a
```
#eece9a rgb(238,206,154)
```
#f1d6ab
```
#f1d6ab rgb(241,214,171)
```
#f4debc
```
#f4debc rgb(244,222,188)
```
#f7e6cd
```
#f7e6cd rgb(247,230,205)
```
#f9efde
```
#f9efde rgb(249,239,222)
```
#fcf7ee
```
#fcf7ee rgb(252,247,238)
```

Tint Color Variation

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

#6e6c6a
```
#6e6c6a rgb(110,108,106)
```
#776e61
```
#776e61 rgb(119,110,97)
```
#7f7059
```
#7f7059 rgb(127,112,89)
```
#877251
```
#877251 rgb(135,114,81)
```
#8f7449
```
#8f7449 rgb(143,116,73)
```
#987640
```
#987640 rgb(152,118,64)
```
#a07738
```
#a07738 rgb(160,119,56)
```
#a87930
```
#a87930 rgb(168,121,48)
```
#b17b27
```
#b17b27 rgb(177,123,39)
```
#b97d1f
```
#b97d1f rgb(185,125,31)
```
#c17f17
```
#c17f17 rgb(193,127,23)
```
#ca810e
```
#ca810e rgb(202,129,14)
```
#d28306
```
#d28306 rgb(210,131,6)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8f8370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8f2d Protanopia 1% of men
#b28828 Deuteranopia 1% of men
#c27b83 Tritanopia 0.001% of the population

Trichromacy

#a98828 Protanomaly 1% of men, 0.01% of women
#b48424 Deuteranomaly 6% of men, 0.4% of women
#be7c5f Tritanomaly 0.01% of the population

#b97d1f hex color

#b97d1f Color Information

#b97d1f Color Conversion

Color Schemes with #b97d1f

Alternatives to #b97d1f

#b97d1f Preview

Shades and Tints of #b97d1f

Tones of #b97d1f

Color Blindness Simulator