#b7a71f hex color

In a RGB color space, hex #b7a71f is composed of 71.8% red, 65.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.7% magenta, 83.1% yellow and 28.2% black. It has a hue angle of 53.7 degrees, a saturation of 71% and a lightness of 42%. #b7a71f color hex could be obtained by blending #ffff3e with #6f4f00. 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

● #b7a71f color description : Strong yellow.

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

Hex triplet	b7a71f	`#b7a71f`
RGB Decimal	183, 167, 31	`rgb(183,167,31)`
RGB Percent	71.8, 65.5, 12.2	`rgb(71.8%,65.5%,12.2%)`
CMYK	0, 9, 83, 28
HSL	53.7°, 71, 42	`hsl(53.7,71%,42%)`
HSV (or HSB)	53.7°, 83.1, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.876, -8.016, 65.172
XYZ	33.595, 37.805, 6.824
xyY	0.429, 0.483, 37.805
CIE-LCH	67.876, 65.664, 97.012
CIE-LUV	67.876, 16.328, 70.095
Hunter-Lab	61.485, -10.07, 36.46
Binary	10110111, 10100111, 00011111

#b7a71f
```
#b7a71f rgb(183,167,31)
```
#1f2fb7
```
#1f2fb7 rgb(31,47,183)
```

Complementary Color

#b75b1f
```
#b75b1f rgb(183,91,31)
```
#b7a71f
```
#b7a71f rgb(183,167,31)
```
#7bb71f
```
#7bb71f rgb(123,183,31)
```

Analogous Color

#5b1fb7
```
#5b1fb7 rgb(91,31,183)
```
#b7a71f
```
#b7a71f rgb(183,167,31)
```
#1f7bb7
```
#1f7bb7 rgb(31,123,183)
```

Split Complementary Color

#a71fb7
```
#a71fb7 rgb(167,31,183)
```
#b7a71f
```
#b7a71f rgb(183,167,31)
```
#1fb7a7
```
#1fb7a7 rgb(31,183,167)
```

Triadic Color

#b71f2f
```
#b71f2f rgb(183,31,47)
```
#b7a71f
```
#b7a71f rgb(183,167,31)
```
#1fb7a7
```
#1fb7a7 rgb(31,183,167)
```
#1f2fb7
```
#1f2fb7 rgb(31,47,183)
```

Tetradic Color

#766b14
```
#766b14 rgb(118,107,20)
```
#8b7f18
```
#8b7f18 rgb(139,127,24)
```
#a1931b
```
#a1931b rgb(161,147,27)
```
#b7a71f
```
#b7a71f rgb(183,167,31)
```
#cdbb23
```
#cdbb23 rgb(205,187,35)
```
#dcc92d
```
#dcc92d rgb(220,201,45)
```
#dfcf43
```
#dfcf43 rgb(223,207,67)
```

Monochromatic Color

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

#b7811f
```
#b7811f rgb(183,129,31)
```
#b78e1f
```
#b78e1f rgb(183,142,31)
```
#b79a1f
```
#b79a1f rgb(183,154,31)
```
#b7a71f
```
#b7a71f rgb(183,167,31)
```
#b7b41f
```
#b7b41f rgb(183,180,31)
```
#aeb71f
```
#aeb71f rgb(174,183,31)
```
#a1b71f
```
#a1b71f rgb(161,183,31)
```

Similar Colors

Text with hexadecimal color #b7a71f

This text has a font color of #b7a71f.

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

#b7a71f background color

This paragraph has a background color of #b7a71f.

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

#b7a71f border color

This element has a border color of #b7a71f.

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

CSS codes

.text {color:#b7a71f;}

.background {background-color:#b7a71f;}

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

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

#0f0e03
```
#0f0e03 rgb(15,14,3)
```
#201d05
```
#201d05 rgb(32,29,5)
```
#312d08
```
#312d08 rgb(49,45,8)
```
#423c0b
```
#423c0b rgb(66,60,11)
```
#524b0e
```
#524b0e rgb(82,75,14)
```
#635a11
```
#635a11 rgb(99,90,17)
```
#746a14
```
#746a14 rgb(116,106,20)
```
#857916
```
#857916 rgb(133,121,22)
```
#958819
```
#958819 rgb(149,136,25)
```
#a6981c
```
#a6981c rgb(166,152,28)
```
#b7a71f
```
#b7a71f rgb(183,167,31)
```
#c8b622
```
#c8b622 rgb(200,182,34)
```
#d9c625
```
#d9c625 rgb(217,198,37)
```

Shade Color Variation

#ddcb34
```
#ddcb34 rgb(221,203,52)
```
#dfcf45
```
#dfcf45 rgb(223,207,69)
```
#e2d456
```
#e2d456 rgb(226,212,86)
```
#e5d867
```
#e5d867 rgb(229,216,103)
```
#e8dc77
```
#e8dc77 rgb(232,220,119)
```
#ebe088
```
#ebe088 rgb(235,224,136)
```
#eee599
```
#eee599 rgb(238,229,153)
```
#f1e9aa
```
#f1e9aa rgb(241,233,170)
```
#f3edba
```
#f3edba rgb(243,237,186)
```
#f6f2cb
```
#f6f2cb rgb(246,242,203)
```
#f9f6dc
```
#f9f6dc rgb(249,246,220)
```
#fcfaed
```
#fcfaed rgb(252,250,237)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#6d6d69
```
#6d6d69 rgb(109,109,105)
```
#757361
```
#757361 rgb(117,115,97)
```
#7d7a59
```
#7d7a59 rgb(125,122,89)
```
#868050
```
#868050 rgb(134,128,80)
```
#8e8748
```
#8e8748 rgb(142,135,72)
```
#968d40
```
#968d40 rgb(150,141,64)
```
#9e9438
```
#9e9438 rgb(158,148,56)
```
#a79a2f
```
#a79a2f rgb(167,154,47)
```
#afa127
```
#afa127 rgb(175,161,39)
```
#b7a71f
```
#b7a71f rgb(183,167,31)
```
#bfad17
```
#bfad17 rgb(191,173,23)
```
#c7b40f
```
#c7b40f rgb(199,180,15)
```
#d0ba06
```
#d0ba06 rgb(208,186,6)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a19e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa2a Protanopia 1% of men
#d3a130 Deuteranopia 1% of men
#c5a0ab Tritanopia 0.001% of the population

Trichromacy

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

#b7a71f hex color

#b7a71f Color Information

#b7a71f Color Conversion

Color Schemes with #b7a71f

Alternatives to #b7a71f

#b7a71f Preview

Shades and Tints of #b7a71f

Tones of #b7a71f

Color Blindness Simulator