#b8a71f hex color

In a RGB color space, hex #b8a71f is composed of 72.2% red, 65.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.2% magenta, 83.2% yellow and 27.8% black. It has a hue angle of 53.3 degrees, a saturation of 71.2% and a lightness of 42.2%. #b8a71f color hex could be obtained by blending #ffff3e with #714f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 65
- B 12
RGB color chart
- C 0
- M 9
- Y 83
- K 28
CMYK color chart

● #b8a71f color description : Strong yellow.

The hexadecimal color #b8a71f has RGB values of R:184, G:167, B:31 and CMYK values of C:0, M:0.09, Y:0.83, K:0.28. Its decimal value is 12101407.

Hex triplet	b8a71f	`#b8a71f`
RGB Decimal	184, 167, 31	`rgb(184,167,31)`
RGB Percent	72.2, 65.5, 12.2	`rgb(72.2%,65.5%,12.2%)`
CMYK	0, 9, 83, 28
HSL	53.3°, 71.2, 42.2	`hsl(53.3,71.2%,42.2%)`
HSV (or HSB)	53.3°, 83.2, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.967, -7.572, 65.286
XYZ	33.833, 37.928, 6.835
xyY	0.43, 0.483, 37.928
CIE-LCH	67.967, 65.723, 96.616
CIE-LUV	67.967, 17.054, 70.114
Hunter-Lab	61.586, -9.711, 36.53
Binary	10111000, 10100111, 00011111

#b8a71f
```
#b8a71f rgb(184,167,31)
```
#1f30b8
```
#1f30b8 rgb(31,48,184)
```

Complementary Color

#b85a1f
```
#b85a1f rgb(184,90,31)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```
#7db81f
```
#7db81f rgb(125,184,31)
```

Analogous Color

#5a1fb8
```
#5a1fb8 rgb(90,31,184)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```
#1f7db8
```
#1f7db8 rgb(31,125,184)
```

Split Complementary Color

#a71fb8
```
#a71fb8 rgb(167,31,184)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```
#1fb8a7
```
#1fb8a7 rgb(31,184,167)
```

Triadic Color

#b81f30
```
#b81f30 rgb(184,31,48)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```
#1fb8a7
```
#1fb8a7 rgb(31,184,167)
```
#1f30b8
```
#1f30b8 rgb(31,48,184)
```

Tetradic Color

#776c14
```
#776c14 rgb(119,108,20)
```
#8c7f18
```
#8c7f18 rgb(140,127,24)
```
#a2931b
```
#a2931b rgb(162,147,27)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```
#cebb23
```
#cebb23 rgb(206,187,35)
```
#dcc92e
```
#dcc92e rgb(220,201,46)
```
#dfce44
```
#dfce44 rgb(223,206,68)
```

Monochromatic Color

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

#b8811f
```
#b8811f rgb(184,129,31)
```
#b88e1f
```
#b88e1f rgb(184,142,31)
```
#b89a1f
```
#b89a1f rgb(184,154,31)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```
#b8b41f
```
#b8b41f rgb(184,180,31)
```
#b0b81f
```
#b0b81f rgb(176,184,31)
```
#a3b81f
```
#a3b81f rgb(163,184,31)
```

Similar Colors

Text with hexadecimal color #b8a71f

This text has a font color of #b8a71f.

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

#b8a71f background color

This paragraph has a background color of #b8a71f.

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

#b8a71f border color

This element has a border color of #b8a71f.

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

CSS codes

.text {color:#b8a71f;}

.background {background-color:#b8a71f;}

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

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, #100f03 is the darkest color, while #fffffe is the lightest one.

#100f03
```
#100f03 rgb(16,15,3)
```
#211e06
```
#211e06 rgb(33,30,6)
```
#322d08
```
#322d08 rgb(50,45,8)
```
#423c0b
```
#423c0b rgb(66,60,11)
```
#534c0e
```
#534c0e rgb(83,76,14)
```
#645b11
```
#645b11 rgb(100,91,17)
```
#756a14
```
#756a14 rgb(117,106,20)
```
#867917
```
#867917 rgb(134,121,23)
```
#968919
```
#968919 rgb(150,137,25)
```
#a7981c
```
#a7981c rgb(167,152,28)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```
#c9b622
```
#c9b622 rgb(201,182,34)
```
#dac525
```
#dac525 rgb(218,197,37)
```

Shade Color Variation

#ddca35
```
#ddca35 rgb(221,202,53)
```
#e0cf46
```
#e0cf46 rgb(224,207,70)
```
#e3d356
```
#e3d356 rgb(227,211,86)
```
#e5d767
```
#e5d767 rgb(229,215,103)
```
#e8dc78
```
#e8dc78 rgb(232,220,120)
```
#ebe089
```
#ebe089 rgb(235,224,137)
```
#eee59a
```
#eee59a rgb(238,229,154)
```
#f1e9aa
```
#f1e9aa rgb(241,233,170)
```
#f4edbb
```
#f4edbb rgb(244,237,187)
```
#f6f2cc
```
#f6f2cc rgb(246,242,204)
```
#f9f6dd
```
#f9f6dd rgb(249,246,221)
```
#fcfaee
```
#fcfaee rgb(252,250,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6e6d69
```
#6e6d69 rgb(110,109,105)
```
#767461
```
#767461 rgb(118,116,97)
```
#7e7a59
```
#7e7a59 rgb(126,122,89)
```
#868051
```
#868051 rgb(134,128,81)
```
#8f8748
```
#8f8748 rgb(143,135,72)
```
#978d40
```
#978d40 rgb(151,141,64)
```
#9f9438
```
#9f9438 rgb(159,148,56)
```
#a79a30
```
#a79a30 rgb(167,154,48)
```
#b0a127
```
#b0a127 rgb(176,161,39)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```
#c0ad17
```
#c0ad17 rgb(192,173,23)
```
#c9b40e
```
#c9b40e rgb(201,180,14)
```
#d1ba06
```
#d1ba06 rgb(209,186,6)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a29f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa2a Protanopia 1% of men
#d3a230 Deuteranopia 1% of men
#c6a0ab Tritanopia 0.001% of the population

Trichromacy

#bca926 Protanomaly 1% of men, 0.01% of women
#c9a32a Deuteranomaly 6% of men, 0.4% of women
#c0a278 Tritanomaly 0.01% of the population

#b8a71f hex color

#b8a71f Color Information

#b8a71f Color Conversion

Color Schemes with #b8a71f

Alternatives to #b8a71f

#b8a71f Preview

Shades and Tints of #b8a71f

Tones of #b8a71f

Color Blindness Simulator