#bba50c hex color

In a RGB color space, hex #bba50c is composed of 73.3% red, 64.7% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 93.6% yellow and 26.7% black. It has a hue angle of 52.5 degrees, a saturation of 87.9% and a lightness of 39%. #bba50c color hex could be obtained by blending #ffff18 with #774b00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 73
- G 65
- B 5
RGB color chart
- C 0
- M 12
- Y 94
- K 27
CMYK color chart

● #bba50c color description : Strong yellow.

The hexadecimal color #bba50c has RGB values of R:187, G:165, B:12 and CMYK values of C:0, M:0.12, Y:0.94, K:0.27. Its decimal value is 12297484.

Hex triplet	bba50c	`#bba50c`
RGB Decimal	187, 165, 12	`rgb(187,165,12)`
RGB Percent	73.3, 64.7, 4.7	`rgb(73.3%,64.7%,4.7%)`
CMYK	0, 12, 94, 27
HSL	52.5°, 87.9, 39	`hsl(52.5,87.9%,39%)`
HSV (or HSB)	52.5°, 93.6, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.653, -5.582, 68.998
XYZ	34.015, 37.503, 5.795
xyY	0.44, 0.485, 37.503
CIE-LCH	67.653, 69.224, 94.625
CIE-LUV	67.653, 20.914, 71.617
Hunter-Lab	61.24, -8.022, 37.257
Binary	10111011, 10100101, 00001100

#bba50c
```
#bba50c rgb(187,165,12)
```
#0c22bb
```
#0c22bb rgb(12,34,187)
```

Complementary Color

#bb4e0c
```
#bb4e0c rgb(187,78,12)
```
#bba50c
```
#bba50c rgb(187,165,12)
```
#7abb0c
```
#7abb0c rgb(122,187,12)
```

Analogous Color

#4e0cbb
```
#4e0cbb rgb(78,12,187)
```
#bba50c
```
#bba50c rgb(187,165,12)
```
#0c7abb
```
#0c7abb rgb(12,122,187)
```

Split Complementary Color

#a50cbb
```
#a50cbb rgb(165,12,187)
```
#bba50c
```
#bba50c rgb(187,165,12)
```
#0cbba5
```
#0cbba5 rgb(12,187,165)
```

Triadic Color

#bb0c22
```
#bb0c22 rgb(187,12,34)
```
#bba50c
```
#bba50c rgb(187,165,12)
```
#0cbba5
```
#0cbba5 rgb(12,187,165)
```
#0c22bb
```
#0c22bb rgb(12,34,187)
```

Tetradic Color

#736607
```
#736607 rgb(115,102,7)
```
#8b7b09
```
#8b7b09 rgb(139,123,9)
```
#a3900a
```
#a3900a rgb(163,144,10)
```
#bba50c
```
#bba50c rgb(187,165,12)
```
#d3ba0e
```
#d3ba0e rgb(211,186,14)
```
#ebcf0f
```
#ebcf0f rgb(235,207,15)
```
#f1d723
```
#f1d723 rgb(241,215,35)
```

Monochromatic Color

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

#bb790c
```
#bb790c rgb(187,121,12)
```
#bb880c
```
#bb880c rgb(187,136,12)
```
#bb960c
```
#bb960c rgb(187,150,12)
```
#bba50c
```
#bba50c rgb(187,165,12)
```
#bbb40c
```
#bbb40c rgb(187,180,12)
```
#b4bb0c
```
#b4bb0c rgb(180,187,12)
```
#a5bb0c
```
#a5bb0c rgb(165,187,12)
```

Similar Colors

Text with hexadecimal color #bba50c

This text has a font color of #bba50c.

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

#bba50c background color

This paragraph has a background color of #bba50c.

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

#bba50c border color

This element has a border color of #bba50c.

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

CSS codes

.text {color:#bba50c;}

.background {background-color:#bba50c;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#151301
```
#151301 rgb(21,19,1)
```
#282303
```
#282303 rgb(40,35,3)
```
#3a3304
```
#3a3304 rgb(58,51,4)
```
#4c4305
```
#4c4305 rgb(76,67,5)
```
#5f5406
```
#5f5406 rgb(95,84,6)
```
#716407
```
#716407 rgb(113,100,7)
```
#847408
```
#847408 rgb(132,116,8)
```
#96840a
```
#96840a rgb(150,132,10)
```
#a9950b
```
#a9950b rgb(169,149,11)
```
#bba50c
```
#bba50c rgb(187,165,12)
```
#cdb50d
```
#cdb50d rgb(205,181,13)
```
#e0c60e
```
#e0c60e rgb(224,198,14)
```

Shade Color Variation

#f0d412
```
#f0d412 rgb(240,212,18)
```
#f1d724
```
#f1d724 rgb(241,215,36)
```
#f2db37
```
#f2db37 rgb(242,219,55)
```
#f3de49
```
#f3de49 rgb(243,222,73)
```
#f5e15c
```
#f5e15c rgb(245,225,92)
```
#f6e56e
```
#f6e56e rgb(246,229,110)
```
#f7e881
```
#f7e881 rgb(247,232,129)
```
#f8eb93
```
#f8eb93 rgb(248,235,147)
```
#f9efa6
```
#f9efa6 rgb(249,239,166)
```
#faf2b8
```
#faf2b8 rgb(250,242,184)
```
#fcf5ca
```
#fcf5ca rgb(252,245,202)
```
#fdf9dd
```
#fdf9dd rgb(253,249,221)
```
#fefcef
```
#fefcef rgb(254,252,239)
```

Tint Color Variation

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

#676660
```
#676660 rgb(103,102,96)
```
#6e6c59
```
#6e6c59 rgb(110,108,89)
```
#767151
```
#767151 rgb(118,113,81)
```
#7e7749
```
#7e7749 rgb(126,119,73)
```
#857d42
```
#857d42 rgb(133,125,66)
```
#8d833a
```
#8d833a rgb(141,131,58)
```
#958832
```
#958832 rgb(149,136,50)
```
#9c8e2b
```
#9c8e2b rgb(156,142,43)
```
#a49423
```
#a49423 rgb(164,148,35)
```
#ac9a1b
```
#ac9a1b rgb(172,154,27)
```
#b39f14
```
#b39f14 rgb(179,159,20)
```
#bba50c
```
#bba50c rgb(187,165,12)
```
#c3ab04
```
#c3ab04 rgb(195,171,4)
```

Tone Color Variation

Below, you can see how #bba50c 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
#a19c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bea918 Protanopia 1% of men
#d3a121 Deuteranopia 1% of men
#c89ea9 Tritanopia 0.001% of the population

Trichromacy

#bca814 Protanomaly 1% of men, 0.01% of women
#caa219 Deuteranomaly 6% of men, 0.4% of women
#c3a070 Tritanomaly 0.01% of the population

#bba50c hex color

#bba50c Color Information

#bba50c Color Conversion

Color Schemes with #bba50c

Alternatives to #bba50c

#bba50c Preview

Shades and Tints of #bba50c

Tones of #bba50c

Color Blindness Simulator