#b7a61f hex color

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

● #b7a61f color description : Strong yellow.

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

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

CIE-LAB	67.606, -7.49, 64.942
XYZ	33.412, 37.44, 6.763
xyY	0.43, 0.482, 37.44
CIE-LCH	67.606, 65.373, 96.579
CIE-LUV	67.606, 17.025, 69.693
Hunter-Lab	61.188, -9.607, 36.278
Binary	10110111, 10100110, 00011111

#b7a61f
```
#b7a61f rgb(183,166,31)
```
#1f30b7
```
#1f30b7 rgb(31,48,183)
```

Complementary Color

#b75a1f
```
#b75a1f rgb(183,90,31)
```
#b7a61f
```
#b7a61f rgb(183,166,31)
```
#7cb71f
```
#7cb71f rgb(124,183,31)
```

Analogous Color

#5a1fb7
```
#5a1fb7 rgb(90,31,183)
```
#b7a61f
```
#b7a61f rgb(183,166,31)
```
#1f7cb7
```
#1f7cb7 rgb(31,124,183)
```

Split Complementary Color

#a61fb7
```
#a61fb7 rgb(166,31,183)
```
#b7a61f
```
#b7a61f rgb(183,166,31)
```
#1fb7a6
```
#1fb7a6 rgb(31,183,166)
```

Triadic Color

#b71f30
```
#b71f30 rgb(183,31,48)
```
#b7a61f
```
#b7a61f rgb(183,166,31)
```
#1fb7a6
```
#1fb7a6 rgb(31,183,166)
```
#1f30b7
```
#1f30b7 rgb(31,48,183)
```

Tetradic Color

#766b14
```
#766b14 rgb(118,107,20)
```
#8b7e18
```
#8b7e18 rgb(139,126,24)
```
#a1921b
```
#a1921b rgb(161,146,27)
```
#b7a61f
```
#b7a61f rgb(183,166,31)
```
#cdba23
```
#cdba23 rgb(205,186,35)
```
#dcc82d
```
#dcc82d rgb(220,200,45)
```
#dfce43
```
#dfce43 rgb(223,206,67)
```

Monochromatic Color

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

#b7801f
```
#b7801f rgb(183,128,31)
```
#b78d1f
```
#b78d1f rgb(183,141,31)
```
#b7991f
```
#b7991f rgb(183,153,31)
```
#b7a61f
```
#b7a61f rgb(183,166,31)
```
#b7b31f
```
#b7b31f rgb(183,179,31)
```
#afb71f
```
#afb71f rgb(175,183,31)
```
#a2b71f
```
#a2b71f rgb(162,183,31)
```

Similar Colors

Text with hexadecimal color #b7a61f

This text has a font color of #b7a61f.

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

#b7a61f background color

This paragraph has a background color of #b7a61f.

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

#b7a61f border color

This element has a border color of #b7a61f.

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

CSS codes

.text {color:#b7a61f;}

.background {background-color:#b7a61f;}

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

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)
```
#312c08
```
#312c08 rgb(49,44,8)
```
#423b0b
```
#423b0b rgb(66,59,11)
```
#524b0e
```
#524b0e rgb(82,75,14)
```
#635a11
```
#635a11 rgb(99,90,17)
```
#746914
```
#746914 rgb(116,105,20)
```
#857816
```
#857816 rgb(133,120,22)
```
#958819
```
#958819 rgb(149,136,25)
```
#a6971c
```
#a6971c rgb(166,151,28)
```
#b7a61f
```
#b7a61f rgb(183,166,31)
```
#c8b522
```
#c8b522 rgb(200,181,34)
```
#d9c425
```
#d9c425 rgb(217,196,37)
```

Shade Color Variation

#ddca34
```
#ddca34 rgb(221,202,52)
```
#dfce45
```
#dfce45 rgb(223,206,69)
```
#e2d356
```
#e2d356 rgb(226,211,86)
```
#e5d767
```
#e5d767 rgb(229,215,103)
```
#e8db77
```
#e8db77 rgb(232,219,119)
```
#ebe088
```
#ebe088 rgb(235,224,136)
```
#eee499
```
#eee499 rgb(238,228,153)
```
#f1e9aa
```
#f1e9aa rgb(241,233,170)
```
#f3edba
```
#f3edba rgb(243,237,186)
```
#f6f1cb
```
#f6f1cb rgb(246,241,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, #6d6c69 is the less saturated color, while #d0b906 is the most saturated one.

#6d6c69
```
#6d6c69 rgb(109,108,105)
```
#757361
```
#757361 rgb(117,115,97)
```
#7d7959
```
#7d7959 rgb(125,121,89)
```
#868050
```
#868050 rgb(134,128,80)
```
#8e8648
```
#8e8648 rgb(142,134,72)
```
#968c40
```
#968c40 rgb(150,140,64)
```
#9e9338
```
#9e9338 rgb(158,147,56)
```
#a7992f
```
#a7992f rgb(167,153,47)
```
#afa027
```
#afa027 rgb(175,160,39)
```
#b7a61f
```
#b7a61f rgb(183,166,31)
```
#bfac17
```
#bfac17 rgb(191,172,23)
```
#c7b30f
```
#c7b30f rgb(199,179,15)
```
#d0b906
```
#d0b906 rgb(208,185,6)
```

Tone Color Variation

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

#bda92a Protanopia 1% of men
#d2a130 Deuteranopia 1% of men
#c59faa Tritanopia 0.001% of the population

Trichromacy

#bba826 Protanomaly 1% of men, 0.01% of women
#c8a32a Deuteranomaly 6% of men, 0.4% of women
#bfa177 Tritanomaly 0.01% of the population

#b7a61f hex color

#b7a61f Color Information

#b7a61f Color Conversion

Color Schemes with #b7a61f

Alternatives to #b7a61f

#b7a61f Preview

Shades and Tints of #b7a61f

Tones of #b7a61f

Color Blindness Simulator