colorhexa.com

#b4ba4c hex color

In a RGB color space, hex #b4ba4c is composed of 70.6% red, 72.9% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 0% magenta, 59.1% yellow and 27.1% black. It has a hue angle of 63.3 degrees, a saturation of 44.4% and a lightness of 51.4%. #b4ba4c color hex could be obtained by blending #ffff98 with #697500. Closest websafe color is: #cccc33.

- R 71
- G 73
- B 30
RGB color chart
- C 3
- M 0
- Y 59
- K 27
CMYK color chart

● #b4ba4c color description : Moderate yellow.

The hexadecimal color #b4ba4c has RGB values of R:180, G:186, B:76 and CMYK values of C:0.03, M:0, Y:0.59, K:0.27. Its decimal value is 11844172.

Hex triplet	b4ba4c	`#b4ba4c`
RGB Decimal	180, 186, 76	`rgb(180,186,76)`
RGB Percent	70.6, 72.9, 29.8	`rgb(70.6%,72.9%,29.8%)`
CMYK	3, 0, 59, 27
HSL	63.3°, 44.4, 51.4	`hsl(63.3,44.4%,51.4%)`
HSV (or HSB)	63.3°, 59.1, 72.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.117, -16.803, 53.666
XYZ	37.686, 45.343, 13.604
xyY	0.39, 0.469, 45.343
CIE-LCH	73.117, 56.235, 107.385
CIE-LUV	73.117, 0.817, 66.139
Hunter-Lab	67.337, -17.942, 35.158
Binary	10110100, 10111010, 01001100

#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#524cba
```
#524cba rgb(82,76,186)
```

Complementary Color

#ba894c
```
#ba894c rgb(186,137,76)
```
#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#7dba4c
```
#7dba4c rgb(125,186,76)
```

Analogous Color

#894cba
```
#894cba rgb(137,76,186)
```
#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#4c7dba
```
#4c7dba rgb(76,125,186)
```

Split Complementary Color

#ba4cb4
```
#ba4cb4 rgb(186,76,180)
```
#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#4cb4ba
```
#4cb4ba rgb(76,180,186)
```

Triadic Color

#ba524c
```
#ba524c rgb(186,82,76)
```
#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#4cb4ba
```
#4cb4ba rgb(76,180,186)
```
#524cba
```
#524cba rgb(82,76,186)
```

Tetradic Color

#818634
```
#818634 rgb(129,134,52)
```
#93983b
```
#93983b rgb(147,152,59)
```
#a5ab42
```
#a5ab42 rgb(165,171,66)
```
#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#bcc15e
```
#bcc15e rgb(188,193,94)
```
#c3c871
```
#c3c871 rgb(195,200,113)
```
#cbcf83
```
#cbcf83 rgb(203,207,131)
```

Monochromatic Color

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

#baa54c
```
#baa54c rgb(186,165,76)
```
#baae4c
```
#baae4c rgb(186,174,76)
```
#bab74c
```
#bab74c rgb(186,183,76)
```
#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#abba4c
```
#abba4c rgb(171,186,76)
```
#a2ba4c
```
#a2ba4c rgb(162,186,76)
```
#99ba4c
```
#99ba4c rgb(153,186,76)
```

Similar Colors

Text with hexadecimal color #b4ba4c

This text has a font color of #b4ba4c.

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

#b4ba4c background color

This paragraph has a background color of #b4ba4c.

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

#b4ba4c border color

This element has a border color of #b4ba4c.

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

CSS codes

.text {color:#b4ba4c;}

.background {background-color:#b4ba4c;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#131307
```
#131307 rgb(19,19,7)
```
#20210d
```
#20210d rgb(32,33,13)
```
#2e3012
```
#2e3012 rgb(46,48,18)
```
#3c3e18
```
#3c3e18 rgb(60,62,24)
```
#494c1d
```
#494c1d rgb(73,76,29)
```
#575a23
```
#575a23 rgb(87,90,35)
```
#656828
```
#656828 rgb(101,104,40)
```
#72762e
```
#72762e rgb(114,118,46)
```
#808433
```
#808433 rgb(128,132,51)
```
#8e9339
```
#8e9339 rgb(142,147,57)
```
#9ba13e
```
#9ba13e rgb(155,161,62)
```
#a9af43
```
#a9af43 rgb(169,175,67)
```

Shade Color Variation

#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#babf5a
```
#babf5a rgb(186,191,90)
```
#c0c568
```
#c0c568 rgb(192,197,104)
```
#c6ca76
```
#c6ca76 rgb(198,202,118)
```
#ccd085
```
#ccd085 rgb(204,208,133)
```
#d2d593
```
#d2d593 rgb(210,213,147)
```
#d8dba1
```
#d8dba1 rgb(216,219,161)
```
#dee0af
```
#dee0af rgb(222,224,175)
```
#e3e6bd
```
#e3e6bd rgb(227,230,189)
```
#e9ebcb
```
#e9ebcb rgb(233,235,203)
```
#eff1da
```
#eff1da rgb(239,241,218)
```
#f5f6e8
```
#f5f6e8 rgb(245,246,232)
```
#fbfbf6
```
#fbfbf6 rgb(251,251,246)
```

Tint Color Variation

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

#8a8a7c
```
#8a8a7c rgb(138,138,124)
```
#929472
```
#929472 rgb(146,148,114)
```
#9b9d69
```
#9b9d69 rgb(155,157,105)
```
#a3a75f
```
#a3a75f rgb(163,167,95)
```
#acb056
```
#acb056 rgb(172,176,86)
```
#b4ba4c
```
#b4ba4c rgb(180,186,76)
```
#bcc442
```
#bcc442 rgb(188,196,66)
```
#c5cd39
```
#c5cd39 rgb(197,205,57)
```
#cdd72f
```
#cdd72f rgb(205,215,47)
```
#d6e026
```
#d6e026 rgb(214,224,38)
```
#deea1c
```
#deea1c rgb(222,234,28)
```
#e7f313
```
#e7f313 rgb(231,243,19)
```
#effd09
```
#effd09 rgb(239,253,9)
```

Tone Color Variation

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

#cbb753 Protanopia 1% of men
#e0af5a Deuteranopia 1% of men
#c4b2bf Tritanopia 0.001% of the population

Trichromacy

#c2b850 Protanomaly 1% of men, 0.01% of women
#d0b355 Deuteranomaly 6% of men, 0.4% of women
#beb595 Tritanomaly 0.01% of the population