#b4ba4f hex color

In a RGB color space, hex #b4ba4f is composed of 70.6% red, 72.9% green and 31% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 0% magenta, 57.5% yellow and 27.1% black. It has a hue angle of 63.4 degrees, a saturation of 43.7% and a lightness of 52%. #b4ba4f color hex could be obtained by blending #ffff9e with #697500. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 73
- B 31
RGB color chart
- C 3
- M 0
- Y 58
- K 27
CMYK color chart

● #b4ba4f color description : Moderate yellow.

The hexadecimal color #b4ba4f has RGB values of R:180, G:186, B:79 and CMYK values of C:0.03, M:0, Y:0.58, K:0.27. Its decimal value is 11844175.

Hex triplet	b4ba4f	`#b4ba4f`
RGB Decimal	180, 186, 79	`rgb(180,186,79)`
RGB Percent	70.6, 72.9, 31	`rgb(70.6%,72.9%,31%)`
CMYK	3, 0, 58, 27
HSL	63.4°, 43.7, 52	`hsl(63.4,43.7%,52%)`
HSV (or HSB)	63.4°, 57.5, 72.9
Web Safe	cccc66	`#cccc66`

CIE-LAB	73.145, -16.577, 52.356
XYZ	37.792, 45.386, 14.166
xyY	0.388, 0.466, 45.386
CIE-LCH	73.145, 54.917, 107.569
CIE-LUV	73.145, 0.746, 65.009
Hunter-Lab	67.369, -17.762, 34.691
Binary	10110100, 10111010, 01001111

#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#554fba
```
#554fba rgb(85,79,186)
```

Complementary Color

#ba8b4f
```
#ba8b4f rgb(186,139,79)
```
#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#7fba4f
```
#7fba4f rgb(127,186,79)
```

Analogous Color

#8b4fba
```
#8b4fba rgb(139,79,186)
```
#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#4f7fba
```
#4f7fba rgb(79,127,186)
```

Split Complementary Color

#ba4fb4
```
#ba4fb4 rgb(186,79,180)
```
#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#4fb4ba
```
#4fb4ba rgb(79,180,186)
```

Triadic Color

#ba554f
```
#ba554f rgb(186,85,79)
```
#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#4fb4ba
```
#4fb4ba rgb(79,180,186)
```
#554fba
```
#554fba rgb(85,79,186)
```

Tetradic Color

#838735
```
#838735 rgb(131,135,53)
```
#949a3c
```
#949a3c rgb(148,154,60)
```
#a6ac43
```
#a6ac43 rgb(166,172,67)
```
#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#bcc161
```
#bcc161 rgb(188,193,97)
```
#c4c874
```
#c4c874 rgb(196,200,116)
```
#cbd086
```
#cbd086 rgb(203,208,134)
```

Monochromatic Color

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

#baa54f
```
#baa54f rgb(186,165,79)
```
#baae4f
```
#baae4f rgb(186,174,79)
```
#bab74f
```
#bab74f rgb(186,183,79)
```
#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#abba4f
```
#abba4f rgb(171,186,79)
```
#a2ba4f
```
#a2ba4f rgb(162,186,79)
```
#99ba4f
```
#99ba4f rgb(153,186,79)
```

Similar Colors

Text with hexadecimal color #b4ba4f

This text has a font color of #b4ba4f.

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

#b4ba4f background color

This paragraph has a background color of #b4ba4f.

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

#b4ba4f border color

This element has a border color of #b4ba4f.

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

CSS codes

.text {color:#b4ba4f;}

.background {background-color:#b4ba4f;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#151508
```
#151508 rgb(21,21,8)
```
#22230e
```
#22230e rgb(34,35,14)
```
#303113
```
#303113 rgb(48,49,19)
```
#3d4019
```
#3d4019 rgb(61,64,25)
```
#4b4e1e
```
#4b4e1e rgb(75,78,30)
```
#595c24
```
#595c24 rgb(89,92,36)
```
#666a29
```
#666a29 rgb(102,106,41)
```
#74782f
```
#74782f rgb(116,120,47)
```
#818635
```
#818635 rgb(129,134,53)
```
#8f943a
```
#8f943a rgb(143,148,58)
```
#9da240
```
#9da240 rgb(157,162,64)
```
#aab045
```
#aab045 rgb(170,176,69)
```

Shade Color Variation

#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#bac05d
```
#bac05d rgb(186,192,93)
```
#c0c56b
```
#c0c56b rgb(192,197,107)
```
#c6cb79
```
#c6cb79 rgb(198,203,121)
```
#ccd087
```
#ccd087 rgb(204,208,135)
```
#d2d695
```
#d2d695 rgb(210,214,149)
```
#d8dba4
```
#d8dba4 rgb(216,219,164)
```
#dee1b2
```
#dee1b2 rgb(222,225,178)
```
#e4e6c0
```
#e4e6c0 rgb(228,230,192)
```
#eaecce
```
#eaecce rgb(234,236,206)
```
#f0f1dc
```
#f0f1dc rgb(240,241,220)
```
#f6f7ea
```
#f6f7ea rgb(246,247,234)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#8a8b7e
```
#8a8b7e rgb(138,139,126)
```
#939475
```
#939475 rgb(147,148,117)
```
#9b9e6b
```
#9b9e6b rgb(155,158,107)
```
#a3a762
```
#a3a762 rgb(163,167,98)
```
#acb158
```
#acb158 rgb(172,177,88)
```
#b4ba4f
```
#b4ba4f rgb(180,186,79)
```
#bcc346
```
#bcc346 rgb(188,195,70)
```
#c5cd3c
```
#c5cd3c rgb(197,205,60)
```
#cdd633
```
#cdd633 rgb(205,214,51)
```
#d5e029
```
#d5e029 rgb(213,224,41)
```
#dee920
```
#dee920 rgb(222,233,32)
```
#e6f316
```
#e6f316 rgb(230,243,22)
```
#effc0d
```
#effc0d rgb(239,252,13)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aeaf99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab756 Protanopia 1% of men
#e0af5d Deuteranopia 1% of men
#c3b2bf Tritanopia 0.001% of the population

Trichromacy

#c2b853 Protanomaly 1% of men, 0.01% of women
#d0b358 Deuteranomaly 6% of men, 0.4% of women
#beb596 Tritanomaly 0.01% of the population

#b4ba4f hex color

#b4ba4f Color Information

#b4ba4f Color Conversion

Color Schemes with #b4ba4f

Alternatives to #b4ba4f

#b4ba4f Preview

Shades and Tints of #b4ba4f

Tones of #b4ba4f

Color Blindness Simulator