#bba516 hex color

In a RGB color space, hex #bba516 is composed of 73.3% red, 64.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 88.2% yellow and 26.7% black. It has a hue angle of 52 degrees, a saturation of 78.9% and a lightness of 41%. #bba516 color hex could be obtained by blending #ffff2c with #774b00. Closest websafe color is: #cc9900.

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

● #bba516 color description : Strong yellow.

The hexadecimal color #bba516 has RGB values of R:187, G:165, B:22 and CMYK values of C:0, M:0.12, Y:0.88, K:0.27. Its decimal value is 12297494.

Hex triplet	bba516	`#bba516`
RGB Decimal	187, 165, 22	`rgb(187,165,22)`
RGB Percent	73.3, 64.7, 8.6	`rgb(73.3%,64.7%,8.6%)`
CMYK	0, 12, 88, 27
HSL	52°, 78.9, 41	`hsl(52,78.9%,41%)`
HSV (or HSB)	52°, 88.2, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.676, -5.41, 67.292
XYZ	34.094, 37.534, 6.208
xyY	0.438, 0.482, 37.534
CIE-LCH	67.676, 67.509, 94.596
CIE-LUV	67.676, 20.803, 70.64
Hunter-Lab	61.265, -7.879, 36.878
Binary	10111011, 10100101, 00010110

#bba516
```
#bba516 rgb(187,165,22)
```
#162cbb
```
#162cbb rgb(22,44,187)
```

Complementary Color

#bb5316
```
#bb5316 rgb(187,83,22)
```
#bba516
```
#bba516 rgb(187,165,22)
```
#7fbb16
```
#7fbb16 rgb(127,187,22)
```

Analogous Color

#5216bb
```
#5216bb rgb(82,22,187)
```
#bba516
```
#bba516 rgb(187,165,22)
```
#167fbb
```
#167fbb rgb(22,127,187)
```

Split Complementary Color

#a516bb
```
#a516bb rgb(165,22,187)
```
#bba516
```
#bba516 rgb(187,165,22)
```
#16bba5
```
#16bba5 rgb(22,187,165)
```

Triadic Color

#bb162c
```
#bb162c rgb(187,22,44)
```
#bba516
```
#bba516 rgb(187,165,22)
```
#16bba5
```
#16bba5 rgb(22,187,165)
```
#162cbb
```
#162cbb rgb(22,44,187)
```

Tetradic Color

#77690e
```
#77690e rgb(119,105,14)
```
#8d7d11
```
#8d7d11 rgb(141,125,17)
```
#a49113
```
#a49113 rgb(164,145,19)
```
#bba516
```
#bba516 rgb(187,165,22)
```
#d2b919
```
#d2b919 rgb(210,185,25)
```
#e5ca1f
```
#e5ca1f rgb(229,202,31)
```
#e7d036
```
#e7d036 rgb(231,208,54)
```

Monochromatic Color

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

#bb7c16
```
#bb7c16 rgb(187,124,22)
```
#bb8a16
```
#bb8a16 rgb(187,138,22)
```
#bb9716
```
#bb9716 rgb(187,151,22)
```
#bba516
```
#bba516 rgb(187,165,22)
```
#bbb316
```
#bbb316 rgb(187,179,22)
```
#b6bb16
```
#b6bb16 rgb(182,187,22)
```
#a8bb16
```
#a8bb16 rgb(168,187,22)
```

Similar Colors

Text with hexadecimal color #bba516

This text has a font color of #bba516.

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

#bba516 background color

This paragraph has a background color of #bba516.

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

#bba516 border color

This element has a border color of #bba516.

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

CSS codes

.text {color:#bba516;}

.background {background-color:#bba516;}

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

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

#0b0a01
```
#0b0a01 rgb(11,10,1)
```
#1d1a03
```
#1d1a03 rgb(29,26,3)
```
#2f2905
```
#2f2905 rgb(47,41,5)
```
#403908
```
#403908 rgb(64,57,8)
```
#52480a
```
#52480a rgb(82,72,10)
```
#63580c
```
#63580c rgb(99,88,12)
```
#75670e
```
#75670e rgb(117,103,14)
```
#867710
```
#867710 rgb(134,119,16)
```
#988612
```
#988612 rgb(152,134,18)
```
#a99614
```
#a99614 rgb(169,150,20)
```
#bba516
```
#bba516 rgb(187,165,22)
```
#cdb418
```
#cdb418 rgb(205,180,24)
```
#dec41a
```
#dec41a rgb(222,196,26)
```

Shade Color Variation

#e6cc26
```
#e6cc26 rgb(230,204,38)
```
#e8d038
```
#e8d038 rgb(232,208,56)
```
#ead449
```
#ead449 rgb(234,212,73)
```
#ecd85b
```
#ecd85b rgb(236,216,91)
```
#eedd6d
```
#eedd6d rgb(238,221,109)
```
#f0e17e
```
#f0e17e rgb(240,225,126)
```
#f2e590
```
#f2e590 rgb(242,229,144)
```
#f4e9a1
```
#f4e9a1 rgb(244,233,161)
```
#f6edb3
```
#f6edb3 rgb(246,237,179)
```
#f8f1c4
```
#f8f1c4 rgb(248,241,196)
```
#faf5d6
```
#faf5d6 rgb(250,245,214)
```
#fcf9e7
```
#fcf9e7 rgb(252,249,231)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#6b6a66
```
#6b6a66 rgb(107,106,102)
```
#73705e
```
#73705e rgb(115,112,94)
```
#7b7656
```
#7b7656 rgb(123,118,86)
```
#837c4e
```
#837c4e rgb(131,124,78)
```
#8b8246
```
#8b8246 rgb(139,130,70)
```
#93883e
```
#93883e rgb(147,136,62)
```
#9b8d36
```
#9b8d36 rgb(155,141,54)
```
#a3932e
```
#a3932e rgb(163,147,46)
```
#ab9926
```
#ab9926 rgb(171,153,38)
```
#b39f1e
```
#b39f1e rgb(179,159,30)
```
#bba516
```
#bba516 rgb(187,165,22)
```
#c3ab0e
```
#c3ab0e rgb(195,171,14)
```
#cbb106
```
#cbb106 rgb(203,177,6)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a19d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda922 Protanopia 1% of men
#d3a128 Deuteranopia 1% of men
#c89ea9 Tritanopia 0.001% of the population

Trichromacy

#bca81d Protanomaly 1% of men, 0.01% of women
#caa221 Deuteranomaly 6% of men, 0.4% of women
#c3a073 Tritanomaly 0.01% of the population

#bba516 hex color

#bba516 Color Information

#bba516 Color Conversion

Color Schemes with #bba516

Alternatives to #bba516

#bba516 Preview

Shades and Tints of #bba516

Tones of #bba516

Color Blindness Simulator