#b7a63f hex color

In a RGB color space, hex #b7a63f is composed of 71.8% red, 65.1% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 65.6% yellow and 28.2% black. It has a hue angle of 51.5 degrees, a saturation of 48.8% and a lightness of 48.2%. #b7a63f color hex could be obtained by blending #ffff7e with #6f4d00. Closest websafe color is: #cc9933.

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

● #b7a63f color description : Moderate yellow.

The hexadecimal color #b7a63f has RGB values of R:183, G:166, B:63 and CMYK values of C:0, M:0.09, Y:0.66, K:0.28. Its decimal value is 12035647.

Hex triplet	b7a63f	`#b7a63f`
RGB Decimal	183, 166, 63	`rgb(183,166,63)`
RGB Percent	71.8, 65.1, 24.7	`rgb(71.8%,65.1%,24.7%)`
CMYK	0, 9, 66, 28
HSL	51.5°, 48.8, 48.2	`hsl(51.5,48.8%,48.2%)`
HSV (or HSB)	51.5°, 65.6, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.799, -6.049, 53.692
XYZ	34.062, 37.7, 10.185
xyY	0.416, 0.46, 37.7
CIE-LCH	67.799, 54.032, 96.428
CIE-LUV	67.799, 16.208, 61.815
Hunter-Lab	61.4, -8.426, 33.145
Binary	10110111, 10100110, 00111111

#b7a63f
```
#b7a63f rgb(183,166,63)
```
#3f50b7
```
#3f50b7 rgb(63,80,183)
```

Complementary Color

#b76a3f
```
#b76a3f rgb(183,106,63)
```
#b7a63f
```
#b7a63f rgb(183,166,63)
```
#8cb73f
```
#8cb73f rgb(140,183,63)
```

Analogous Color

#6a3fb7
```
#6a3fb7 rgb(106,63,183)
```
#b7a63f
```
#b7a63f rgb(183,166,63)
```
#3f8cb7
```
#3f8cb7 rgb(63,140,183)
```

Split Complementary Color

#a63fb7
```
#a63fb7 rgb(166,63,183)
```
#b7a63f
```
#b7a63f rgb(183,166,63)
```
#3fb7a6
```
#3fb7a6 rgb(63,183,166)
```

Triadic Color

#b73f50
```
#b73f50 rgb(183,63,80)
```
#b7a63f
```
#b7a63f rgb(183,166,63)
```
#3fb7a6
```
#3fb7a6 rgb(63,183,166)
```
#3f50b7
```
#3f50b7 rgb(63,80,183)
```

Tetradic Color

#7e722b
```
#7e722b rgb(126,114,43)
```
#918432
```
#918432 rgb(145,132,50)
```
#a49538
```
#a49538 rgb(164,149,56)
```
#b7a63f
```
#b7a63f rgb(183,166,63)
```
#c2b14e
```
#c2b14e rgb(194,177,78)
```
#c8ba61
```
#c8ba61 rgb(200,186,97)
```
#cfc274
```
#cfc274 rgb(207,194,116)
```

Monochromatic Color

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

#b7883f
```
#b7883f rgb(183,136,63)
```
#b7923f
```
#b7923f rgb(183,146,63)
```
#b79c3f
```
#b79c3f rgb(183,156,63)
```
#b7a63f
```
#b7a63f rgb(183,166,63)
```
#b7b03f
```
#b7b03f rgb(183,176,63)
```
#b4b73f
```
#b4b73f rgb(180,183,63)
```
#aab73f
```
#aab73f rgb(170,183,63)
```

Similar Colors

Text with hexadecimal color #b7a63f

This text has a font color of #b7a63f.

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

#b7a63f background color

This paragraph has a background color of #b7a63f.

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

#b7a63f border color

This element has a border color of #b7a63f.

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

CSS codes

.text {color:#b7a63f;}

.background {background-color:#b7a63f;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#161408
```
#161408 rgb(22,20,8)
```
#25220d
```
#25220d rgb(37,34,13)
```
#342f12
```
#342f12 rgb(52,47,18)
```
#423c17
```
#423c17 rgb(66,60,23)
```
#51491c
```
#51491c rgb(81,73,28)
```
#5f5721
```
#5f5721 rgb(95,87,33)
```
#6e6426
```
#6e6426 rgb(110,100,38)
```
#7d712b
```
#7d712b rgb(125,113,43)
```
#8b7e30
```
#8b7e30 rgb(139,126,48)
```
#9a8c35
```
#9a8c35 rgb(154,140,53)
```
#a8993a
```
#a8993a rgb(168,153,58)
```
#b7a63f
```
#b7a63f rgb(183,166,63)
```

Shade Color Variation

#c0b049
```
#c0b049 rgb(192,176,73)
```
#c5b658
```
#c5b658 rgb(197,182,88)
```
#cabc66
```
#cabc66 rgb(202,188,102)
```
#cfc375
```
#cfc375 rgb(207,195,117)
```
#d5c984
```
#d5c984 rgb(213,201,132)
```
#dacf92
```
#dacf92 rgb(218,207,146)
```
#dfd6a1
```
#dfd6a1 rgb(223,214,161)
```
#e4dcaf
```
#e4dcaf rgb(228,220,175)
```
#e9e3be
```
#e9e3be rgb(233,227,190)
```
#eee9cd
```
#eee9cd rgb(238,233,205)
```
#f3efdb
```
#f3efdb rgb(243,239,219)
```
#f8f6ea
```
#f8f6ea rgb(248,246,234)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#7e7d78
```
#7e7d78 rgb(126,125,120)
```
#88846e
```
#88846e rgb(136,132,110)
```
#918b65
```
#918b65 rgb(145,139,101)
```
#9b925b
```
#9b925b rgb(155,146,91)
```
#a49852
```
#a49852 rgb(164,152,82)
```
#ae9f48
```
#ae9f48 rgb(174,159,72)
```
#b7a63f
```
#b7a63f rgb(183,166,63)
```
#c0ad36
```
#c0ad36 rgb(192,173,54)
```
#cab42c
```
#cab42c rgb(202,180,44)
```
#d3ba23
```
#d3ba23 rgb(211,186,35)
```
#ddc119
```
#ddc119 rgb(221,193,25)
```
#e6c810
```
#e6c810 rgb(230,200,16)
```
#f0cf06
```
#f0cf06 rgb(240,207,6)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a4a08c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaa48 Protanopia 1% of men
#d0a24c Deuteranopia 1% of men
#c4a0ab Tritanopia 0.001% of the population

Trichromacy

#baa845 Protanomaly 1% of men, 0.01% of women
#c7a347 Deuteranomaly 6% of men, 0.4% of women
#bfa284 Tritanomaly 0.01% of the population

#b7a63f hex color

#b7a63f Color Information

#b7a63f Color Conversion

Color Schemes with #b7a63f

Alternatives to #b7a63f

#b7a63f Preview

Shades and Tints of #b7a63f

Tones of #b7a63f

Color Blindness Simulator