colorhexa.com

#b97a12 hex color

In a RGB color space, hex #b97a12 is composed of 72.5% red, 47.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.1% magenta, 90.3% yellow and 27.5% black. It has a hue angle of 37.4 degrees, a saturation of 82.3% and a lightness of 39.8%. #b97a12 color hex could be obtained by blending #fff424 with #730000. Closest websafe color is: #cc6600.

- R 73
- G 48
- B 7
RGB color chart
- C 0
- M 34
- Y 90
- K 27
CMYK color chart

● #b97a12 color description : Strong orange.

The hexadecimal color #b97a12 has RGB values of R:185, G:122, B:18 and CMYK values of C:0, M:0.34, Y:0.9, K:0.27. Its decimal value is 12155410.

Hex triplet	b97a12	`#b97a12`
RGB Decimal	185, 122, 18	`rgb(185,122,18)`
RGB Percent	72.5, 47.8, 7.1	`rgb(72.5%,47.8%,7.1%)`
CMYK	0, 34, 90, 27
HSL	37.4°, 82.3, 39.8	`hsl(37.4,82.3%,39.8%)`
HSV (or HSB)	37.4°, 90.3, 72.5
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.366, 17.074, 59.224
XYZ	27.077, 24.279, 3.833
xyY	0.491, 0.44, 24.279
CIE-LCH	56.366, 61.636, 73.918
CIE-LUV	56.366, 52.082, 54.369
Hunter-Lab	49.274, 11.861, 29.88
Binary	10111001, 01111010, 00010010

#b97a12
```
#b97a12 rgb(185,122,18)
```
#1251b9
```
#1251b9 rgb(18,81,185)
```

Complementary Color

#b92712
```
#b92712 rgb(185,39,18)
```
#b97a12
```
#b97a12 rgb(185,122,18)
```
#a5b912
```
#a5b912 rgb(165,185,18)
```

Analogous Color

#2712b9
```
#2712b9 rgb(39,18,185)
```
#b97a12
```
#b97a12 rgb(185,122,18)
```
#12a5b9
```
#12a5b9 rgb(18,165,185)
```

Split Complementary Color

#7a12b9
```
#7a12b9 rgb(122,18,185)
```
#b97a12
```
#b97a12 rgb(185,122,18)
```
#12b97a
```
#12b97a rgb(18,185,122)
```

Triadic Color

#b91251
```
#b91251 rgb(185,18,81)
```
#b97a12
```
#b97a12 rgb(185,122,18)
```
#12b97a
```
#12b97a rgb(18,185,122)
```
#1251b9
```
#1251b9 rgb(18,81,185)
```

Tetradic Color

#734c0b
```
#734c0b rgb(115,76,11)
```
#8b5b0d
```
#8b5b0d rgb(139,91,13)
```
#a26b10
```
#a26b10 rgb(162,107,16)
```
#b97a12
```
#b97a12 rgb(185,122,18)
```
#d08914
```
#d08914 rgb(208,137,20)
```
#e79917
```
#e79917 rgb(231,153,23)
```
#eba32d
```
#eba32d rgb(235,163,45)
```

Monochromatic Color

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

#b95012
```
#b95012 rgb(185,80,18)
```
#b95e12
```
#b95e12 rgb(185,94,18)
```
#b96c12
```
#b96c12 rgb(185,108,18)
```
#b97a12
```
#b97a12 rgb(185,122,18)
```
#b98812
```
#b98812 rgb(185,136,18)
```
#b99612
```
#b99612 rgb(185,150,18)
```
#b9a412
```
#b9a412 rgb(185,164,18)
```

Similar Colors

Text with hexadecimal color #b97a12

This text has a font color of #b97a12.

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

#b97a12 background color

This paragraph has a background color of #b97a12.

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

#b97a12 border color

This element has a border color of #b97a12.

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

CSS codes

.text {color:#b97a12;}

.background {background-color:#b97a12;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#181002
```
#181002 rgb(24,16,2)
```
#2a1c04
```
#2a1c04 rgb(42,28,4)
```
#3c2706
```
#3c2706 rgb(60,39,6)
```
#4e3308
```
#4e3308 rgb(78,51,8)
```
#603f09
```
#603f09 rgb(96,63,9)
```
#714b0b
```
#714b0b rgb(113,75,11)
```
#83570d
```
#83570d rgb(131,87,13)
```
#95620f
```
#95620f rgb(149,98,15)
```
#a76e10
```
#a76e10 rgb(167,110,16)
```
#b97a12
```
#b97a12 rgb(185,122,18)
```
#cb8614
```
#cb8614 rgb(203,134,20)
```
#dd9215
```
#dd9215 rgb(221,146,21)
```

Shade Color Variation

#e99c1d
```
#e99c1d rgb(233,156,29)
```
#eba42f
```
#eba42f rgb(235,164,47)
```
#ecac41
```
#ecac41 rgb(236,172,65)
```
#eeb352
```
#eeb352 rgb(238,179,82)
```
#f0bb64
```
#f0bb64 rgb(240,187,100)
```
#f2c376
```
#f2c376 rgb(242,195,118)
```
#f3cb88
```
#f3cb88 rgb(243,203,136)
```
#f5d39a
```
#f5d39a rgb(245,211,154)
```
#f7dbac
```
#f7dbac rgb(247,219,172)
```
#f9e2be
```
#f9e2be rgb(249,226,190)
```
#faead0
```
#faead0 rgb(250,234,208)
```
#fcf2e1
```
#fcf2e1 rgb(252,242,225)
```
#fefaf3
```
#fefaf3 rgb(254,250,243)
```

Tint Color Variation

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

#6b6760
```
#6b6760 rgb(107,103,96)
```
#736958
```
#736958 rgb(115,105,88)
```
#7b6b50
```
#7b6b50 rgb(123,107,80)
```
#826d49
```
#826d49 rgb(130,109,73)
```
#8a6e41
```
#8a6e41 rgb(138,110,65)
```
#927039
```
#927039 rgb(146,112,57)
```
#9a7231
```
#9a7231 rgb(154,114,49)
```
#a27429
```
#a27429 rgb(162,116,41)
```
#a97622
```
#a97622 rgb(169,118,34)
```
#b1781a
```
#b1781a rgb(177,120,26)
```
#b97a12
```
#b97a12 rgb(185,122,18)
```
#c17c0a
```
#c17c0a rgb(193,124,10)
```
#c97e02
```
#c97e02 rgb(201,126,2)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8c806b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d21 Protanopia 1% of men
#b08619 Deuteranopia 1% of men
#c17880 Tritanopia 0.001% of the population

Trichromacy

#a7861c Protanomaly 1% of men, 0.01% of women
#b38216 Deuteranomaly 6% of men, 0.4% of women
#be7958 Tritanomaly 0.01% of the population