#bba42f hex color

In a RGB color space, hex #bba42f is composed of 73.3% red, 64.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 74.9% yellow and 26.7% black. It has a hue angle of 50.1 degrees, a saturation of 59.8% and a lightness of 45.9%. #bba42f color hex could be obtained by blending #ffff5e with #774900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 64
- B 18
RGB color chart
- C 0
- M 12
- Y 75
- K 27
CMYK color chart

● #bba42f color description : Moderate yellow.

The hexadecimal color #bba42f has RGB values of R:187, G:164, B:47 and CMYK values of C:0, M:0.12, Y:0.75, K:0.27. Its decimal value is 12297263.

Hex triplet	bba42f	`#bba42f`
RGB Decimal	187, 164, 47	`rgb(187,164,47)`
RGB Percent	73.3, 64.3, 18.4	`rgb(73.3%,64.3%,18.4%)`
CMYK	0, 12, 75, 27
HSL	50.1°, 59.8, 45.9	`hsl(50.1,59.8%,45.9%)`
HSV (or HSB)	50.1°, 74.9, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.518, -4.075, 59.926
XYZ	34.282, 37.322, 8.087
xyY	0.43, 0.468, 37.322
CIE-LCH	67.518, 60.064, 93.891
CIE-LUV	67.518, 20.993, 65.706
Hunter-Lab	61.092, -6.743, 34.915
Binary	10111011, 10100100, 00101111

#bba42f
```
#bba42f rgb(187,164,47)
```
#2f46bb
```
#2f46bb rgb(47,70,187)
```

Complementary Color

#bb5e2f
```
#bb5e2f rgb(187,94,47)
```
#bba42f
```
#bba42f rgb(187,164,47)
```
#8cbb2f
```
#8cbb2f rgb(140,187,47)
```

Analogous Color

#5e2fbb
```
#5e2fbb rgb(94,47,187)
```
#bba42f
```
#bba42f rgb(187,164,47)
```
#2f8cbb
```
#2f8cbb rgb(47,140,187)
```

Split Complementary Color

#a42fbb
```
#a42fbb rgb(164,47,187)
```
#bba42f
```
#bba42f rgb(187,164,47)
```
#2fbba4
```
#2fbba4 rgb(47,187,164)
```

Triadic Color

#bb2f46
```
#bb2f46 rgb(187,47,70)
```
#bba42f
```
#bba42f rgb(187,164,47)
```
#2fbba4
```
#2fbba4 rgb(47,187,164)
```
#2f46bb
```
#2f46bb rgb(47,70,187)
```

Tetradic Color

#7e6e20
```
#7e6e20 rgb(126,110,32)
```
#928025
```
#928025 rgb(146,128,37)
```
#a7922a
```
#a7922a rgb(167,146,42)
```
#bba42f
```
#bba42f rgb(187,164,47)
```
#cdb437
```
#cdb437 rgb(205,180,55)
```
#d2bc4b
```
#d2bc4b rgb(210,188,75)
```
#d7c360
```
#d7c360 rgb(215,195,96)
```

Monochromatic Color

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

#bb812f
```
#bb812f rgb(187,129,47)
```
#bb8d2f
```
#bb8d2f rgb(187,141,47)
```
#bb982f
```
#bb982f rgb(187,152,47)
```
#bba42f
```
#bba42f rgb(187,164,47)
```
#bbb02f
```
#bbb02f rgb(187,176,47)
```
#bbbb2f
```
#bbbb2f rgb(187,187,47)
```
#afbb2f
```
#afbb2f rgb(175,187,47)
```

Similar Colors

Text with hexadecimal color #bba42f

This text has a font color of #bba42f.

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

#bba42f background color

This paragraph has a background color of #bba42f.

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

#bba42f border color

This element has a border color of #bba42f.

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

CSS codes

.text {color:#bba42f;}

.background {background-color:#bba42f;}

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

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, #0f0d04 is the darkest color, while #fffffe is the lightest one.

#0f0d04
```
#0f0d04 rgb(15,13,4)
```
#1e1b08
```
#1e1b08 rgb(30,27,8)
```
#2e280c
```
#2e280c rgb(46,40,12)
```
#3e360f
```
#3e360f rgb(62,54,15)
```
#4d4413
```
#4d4413 rgb(77,68,19)
```
#5d5217
```
#5d5217 rgb(93,82,23)
```
#6d5f1b
```
#6d5f1b rgb(109,95,27)
```
#7c6d1f
```
#7c6d1f rgb(124,109,31)
```
#8c7b23
```
#8c7b23 rgb(140,123,35)
```
#9c8927
```
#9c8927 rgb(156,137,39)
```
#ab962b
```
#ab962b rgb(171,150,43)
```
#bba42f
```
#bba42f rgb(187,164,47)
```
#cbb233
```
#cbb233 rgb(203,178,51)
```

Shade Color Variation

#cfb842
```
#cfb842 rgb(207,184,66)
```
#d3be51
```
#d3be51 rgb(211,190,81)
```
#d7c461
```
#d7c461 rgb(215,196,97)
```
#dbca71
```
#dbca71 rgb(219,202,113)
```
#dfd080
```
#dfd080 rgb(223,208,128)
```
#e3d690
```
#e3d690 rgb(227,214,144)
```
#e7dba0
```
#e7dba0 rgb(231,219,160)
```
#ebe1b0
```
#ebe1b0 rgb(235,225,176)
```
#efe7bf
```
#efe7bf rgb(239,231,191)
```
#f3edcf
```
#f3edcf rgb(243,237,207)
```
#f7f3df
```
#f7f3df rgb(247,243,223)
```
#fbf9ee
```
#fbf9ee rgb(251,249,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7c7a6e
```
#7c7a6e rgb(124,122,110)
```
#858065
```
#858065 rgb(133,128,101)
```
#8e865c
```
#8e865c rgb(142,134,92)
```
#978c53
```
#978c53 rgb(151,140,83)
```
#a0924a
```
#a0924a rgb(160,146,74)
```
#a99841
```
#a99841 rgb(169,152,65)
```
#b29e38
```
#b29e38 rgb(178,158,56)
```
#bba42f
```
#bba42f rgb(187,164,47)
```
#c4aa26
```
#c4aa26 rgb(196,170,38)
```
#cdb01d
```
#cdb01d rgb(205,176,29)
```
#d6b614
```
#d6b614 rgb(214,182,20)
```
#dfbc0b
```
#dfbc0b rgb(223,188,11)
```
#e8c202
```
#e8c202 rgb(232,194,2)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a49f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca93a Protanopia 1% of men
#d1a13d Deuteranopia 1% of men
#c79ea9 Tritanopia 0.001% of the population

Trichromacy

#bca736 Protanomaly 1% of men, 0.01% of women
#c9a238 Deuteranomaly 6% of men, 0.4% of women
#c3a07c Tritanomaly 0.01% of the population

#bba42f hex color

#bba42f Color Information

#bba42f Color Conversion

Color Schemes with #bba42f

Alternatives to #bba42f

#bba42f Preview

Shades and Tints of #bba42f

Tones of #bba42f

Color Blindness Simulator