#b7a31f hex color

In a RGB color space, hex #b7a31f is composed of 71.8% red, 63.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 83.1% yellow and 28.2% black. It has a hue angle of 52.1 degrees, a saturation of 71% and a lightness of 42%. #b7a31f color hex could be obtained by blending #ffff3e with #6f4700. Closest websafe color is: #cc9933.

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

● #b7a31f color description : Strong yellow.

The hexadecimal color #b7a31f has RGB values of R:183, G:163, B:31 and CMYK values of C:0, M:0.11, Y:0.83, K:0.28. Its decimal value is 12034847.

Hex triplet	b7a31f	`#b7a31f`
RGB Decimal	183, 163, 31	`rgb(183,163,31)`
RGB Percent	71.8, 63.9, 12.2	`rgb(71.8%,63.9%,12.2%)`
CMYK	0, 11, 83, 28
HSL	52.1°, 71, 42	`hsl(52.1,71%,42%)`
HSV (or HSB)	52.1°, 83.1, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.795, -5.905, 64.253
XYZ	32.873, 36.362, 6.583
xyY	0.434, 0.48, 36.362
CIE-LCH	66.795, 64.524, 95.251
CIE-LUV	66.795, 19.13, 68.485
Hunter-Lab	60.301, -8.216, 35.738
Binary	10110111, 10100011, 00011111

#b7a31f
```
#b7a31f rgb(183,163,31)
```
#1f33b7
```
#1f33b7 rgb(31,51,183)
```

Complementary Color

#b7571f
```
#b7571f rgb(183,87,31)
```
#b7a31f
```
#b7a31f rgb(183,163,31)
```
#7fb71f
```
#7fb71f rgb(127,183,31)
```

Analogous Color

#571fb7
```
#571fb7 rgb(87,31,183)
```
#b7a31f
```
#b7a31f rgb(183,163,31)
```
#1f7fb7
```
#1f7fb7 rgb(31,127,183)
```

Split Complementary Color

#a31fb7
```
#a31fb7 rgb(163,31,183)
```
#b7a31f
```
#b7a31f rgb(183,163,31)
```
#1fb7a3
```
#1fb7a3 rgb(31,183,163)
```

Triadic Color

#b71f33
```
#b71f33 rgb(183,31,51)
```
#b7a31f
```
#b7a31f rgb(183,163,31)
```
#1fb7a3
```
#1fb7a3 rgb(31,183,163)
```
#1f33b7
```
#1f33b7 rgb(31,51,183)
```

Tetradic Color

#766914
```
#766914 rgb(118,105,20)
```
#8b7c18
```
#8b7c18 rgb(139,124,24)
```
#a1901b
```
#a1901b rgb(161,144,27)
```
#b7a31f
```
#b7a31f rgb(183,163,31)
```
#cdb623
```
#cdb623 rgb(205,182,35)
```
#dcc52d
```
#dcc52d rgb(220,197,45)
```
#dfcb43
```
#dfcb43 rgb(223,203,67)
```

Monochromatic Color

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

#b77d1f
```
#b77d1f rgb(183,125,31)
```
#b78a1f
```
#b78a1f rgb(183,138,31)
```
#b7961f
```
#b7961f rgb(183,150,31)
```
#b7a31f
```
#b7a31f rgb(183,163,31)
```
#b7b01f
```
#b7b01f rgb(183,176,31)
```
#b2b71f
```
#b2b71f rgb(178,183,31)
```
#a5b71f
```
#a5b71f rgb(165,183,31)
```

Similar Colors

Text with hexadecimal color #b7a31f

This text has a font color of #b7a31f.

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

#b7a31f background color

This paragraph has a background color of #b7a31f.

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

#b7a31f border color

This element has a border color of #b7a31f.

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

CSS codes

.text {color:#b7a31f;}

.background {background-color:#b7a31f;}

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

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)
```
#312b08
```
#312b08 rgb(49,43,8)
```
#423a0b
```
#423a0b rgb(66,58,11)
```
#52490e
```
#52490e rgb(82,73,14)
```
#635811
```
#635811 rgb(99,88,17)
```
#746714
```
#746714 rgb(116,103,20)
```
#857616
```
#857616 rgb(133,118,22)
```
#958519
```
#958519 rgb(149,133,25)
```
#a6941c
```
#a6941c rgb(166,148,28)
```
#b7a31f
```
#b7a31f rgb(183,163,31)
```
#c8b222
```
#c8b222 rgb(200,178,34)
```
#d9c125
```
#d9c125 rgb(217,193,37)
```

Shade Color Variation

#ddc634
```
#ddc634 rgb(221,198,52)
```
#dfcb45
```
#dfcb45 rgb(223,203,69)
```
#e2d056
```
#e2d056 rgb(226,208,86)
```
#e5d567
```
#e5d567 rgb(229,213,103)
```
#e8d977
```
#e8d977 rgb(232,217,119)
```
#ebde88
```
#ebde88 rgb(235,222,136)
```
#eee399
```
#eee399 rgb(238,227,153)
```
#f1e7aa
```
#f1e7aa rgb(241,231,170)
```
#f3ecba
```
#f3ecba rgb(243,236,186)
```
#f6f1cb
```
#f6f1cb rgb(246,241,203)
```
#f9f5dc
```
#f9f5dc rgb(249,245,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 #d0b506 is the most saturated one.

#6d6c69
```
#6d6c69 rgb(109,108,105)
```
#757261
```
#757261 rgb(117,114,97)
```
#7d7959
```
#7d7959 rgb(125,121,89)
```
#867f50
```
#867f50 rgb(134,127,80)
```
#8e8548
```
#8e8548 rgb(142,133,72)
```
#968b40
```
#968b40 rgb(150,139,64)
```
#9e9138
```
#9e9138 rgb(158,145,56)
```
#a7972f
```
#a7972f rgb(167,151,47)
```
#af9d27
```
#af9d27 rgb(175,157,39)
```
#b7a31f
```
#b7a31f rgb(183,163,31)
```
#bfa917
```
#bfa917 rgb(191,169,23)
```
#c7af0f
```
#c7af0f rgb(199,175,15)
```
#d0b506
```
#d0b506 rgb(208,181,6)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a09c81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba72a Protanopia 1% of men
#d09f2f Deuteranopia 1% of men
#c49ca7 Tritanopia 0.001% of the population

Trichromacy

#b9a526 Protanomaly 1% of men, 0.01% of women
#c7a029 Deuteranomaly 6% of men, 0.4% of women
#bf9f76 Tritanomaly 0.01% of the population

#b7a31f hex color

#b7a31f Color Information

#b7a31f Color Conversion

Color Schemes with #b7a31f

Alternatives to #b7a31f

#b7a31f Preview

Shades and Tints of #b7a31f

Tones of #b7a31f

Color Blindness Simulator