#bba216 hex color

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

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

● #bba216 color description : Strong yellow.

The hexadecimal color #bba216 has RGB values of R:187, G:162, B:22 and CMYK values of C:0, M:0.13, Y:0.88, K:0.27. Its decimal value is 12296726.

Hex triplet	bba216	`#bba216`
RGB Decimal	187, 162, 22	`rgb(187,162,22)`
RGB Percent	73.3, 63.5, 8.6	`rgb(73.3%,63.5%,8.6%)`
CMYK	0, 13, 88, 27
HSL	50.9°, 78.9, 41	`hsl(50.9,78.9%,41%)`
HSV (or HSB)	50.9°, 88.2, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	66.873, -3.818, 66.652
XYZ	33.559, 36.465, 6.03
xyY	0.441, 0.479, 36.465
CIE-LCH	66.873, 66.761, 93.278
CIE-LUV	66.873, 22.954, 69.458
Hunter-Lab	60.386, -6.475, 36.35
Binary	10111011, 10100010, 00010110

#bba216
```
#bba216 rgb(187,162,22)
```
#162fbb
```
#162fbb rgb(22,47,187)
```

Complementary Color

#bb5016
```
#bb5016 rgb(187,80,22)
```
#bba216
```
#bba216 rgb(187,162,22)
```
#82bb16
```
#82bb16 rgb(130,187,22)
```

Analogous Color

#5016bb
```
#5016bb rgb(80,22,187)
```
#bba216
```
#bba216 rgb(187,162,22)
```
#1682bb
```
#1682bb rgb(22,130,187)
```

Split Complementary Color

#a216bb
```
#a216bb rgb(162,22,187)
```
#bba216
```
#bba216 rgb(187,162,22)
```
#16bba2
```
#16bba2 rgb(22,187,162)
```

Triadic Color

#bb162f
```
#bb162f rgb(187,22,47)
```
#bba216
```
#bba216 rgb(187,162,22)
```
#16bba2
```
#16bba2 rgb(22,187,162)
```
#162fbb
```
#162fbb rgb(22,47,187)
```

Tetradic Color

#77670e
```
#77670e rgb(119,103,14)
```
#8d7a11
```
#8d7a11 rgb(141,122,17)
```
#a48e13
```
#a48e13 rgb(164,142,19)
```
#bba216
```
#bba216 rgb(187,162,22)
```
#d2b619
```
#d2b619 rgb(210,182,25)
```
#e5c71f
```
#e5c71f rgb(229,199,31)
```
#e7cd36
```
#e7cd36 rgb(231,205,54)
```

Monochromatic Color

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

#bb7916
```
#bb7916 rgb(187,121,22)
```
#bb8716
```
#bb8716 rgb(187,135,22)
```
#bb9416
```
#bb9416 rgb(187,148,22)
```
#bba216
```
#bba216 rgb(187,162,22)
```
#bbb016
```
#bbb016 rgb(187,176,22)
```
#b9bb16
```
#b9bb16 rgb(185,187,22)
```
#abbb16
```
#abbb16 rgb(171,187,22)
```

Similar Colors

Text with hexadecimal color #bba216

This text has a font color of #bba216.

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

#bba216 background color

This paragraph has a background color of #bba216.

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

#bba216 border color

This element has a border color of #bba216.

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

CSS codes

.text {color:#bba216;}

.background {background-color:#bba216;}

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

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 #fefdf9 is the lightest one.

#0b0a01
```
#0b0a01 rgb(11,10,1)
```
#1d1903
```
#1d1903 rgb(29,25,3)
```
#2f2805
```
#2f2805 rgb(47,40,5)
```
#403808
```
#403808 rgb(64,56,8)
```
#52470a
```
#52470a rgb(82,71,10)
```
#63560c
```
#63560c rgb(99,86,12)
```
#75650e
```
#75650e rgb(117,101,14)
```
#867410
```
#867410 rgb(134,116,16)
```
#988412
```
#988412 rgb(152,132,18)
```
#a99314
```
#a99314 rgb(169,147,20)
```
#bba216
```
#bba216 rgb(187,162,22)
```
#cdb118
```
#cdb118 rgb(205,177,24)
```
#dec01a
```
#dec01a rgb(222,192,26)
```

Shade Color Variation

#e6c926
```
#e6c926 rgb(230,201,38)
```
#e8cd38
```
#e8cd38 rgb(232,205,56)
```
#ead149
```
#ead149 rgb(234,209,73)
```
#ecd65b
```
#ecd65b rgb(236,214,91)
```
#eeda6d
```
#eeda6d rgb(238,218,109)
```
#f0df7e
```
#f0df7e rgb(240,223,126)
```
#f2e390
```
#f2e390 rgb(242,227,144)
```
#f4e7a1
```
#f4e7a1 rgb(244,231,161)
```
#f6ecb3
```
#f6ecb3 rgb(246,236,179)
```
#f8f0c4
```
#f8f0c4 rgb(248,240,196)
```
#faf5d6
```
#faf5d6 rgb(250,245,214)
```
#fcf9e7
```
#fcf9e7 rgb(252,249,231)
```
#fefdf9
```
#fefdf9 rgb(254,253,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 #cbad06 is the most saturated one.

#6b6a66
```
#6b6a66 rgb(107,106,102)
```
#73705e
```
#73705e rgb(115,112,94)
```
#7b7556
```
#7b7556 rgb(123,117,86)
```
#837b4e
```
#837b4e rgb(131,123,78)
```
#8b8046
```
#8b8046 rgb(139,128,70)
```
#93863e
```
#93863e rgb(147,134,62)
```
#9b8c36
```
#9b8c36 rgb(155,140,54)
```
#a3912e
```
#a3912e rgb(163,145,46)
```
#ab9726
```
#ab9726 rgb(171,151,38)
```
#b39c1e
```
#b39c1e rgb(179,156,30)
```
#bba216
```
#bba216 rgb(187,162,22)
```
#c3a80e
```
#c3a80e rgb(195,168,14)
```
#cbad06
```
#cbad06 rgb(203,173,6)
```

Tone Color Variation

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

Dichromacy

#bba722 Protanopia 1% of men
#d09f27 Deuteranopia 1% of men
#c89ba6 Tritanopia 0.001% of the population

Trichromacy

#bba51d Protanomaly 1% of men, 0.01% of women
#c8a021 Deuteranomaly 6% of men, 0.4% of women
#c39e72 Tritanomaly 0.01% of the population

#bba216 hex color

#bba216 Color Information

#bba216 Color Conversion

Color Schemes with #bba216

Alternatives to #bba216

#bba216 Preview

Shades and Tints of #bba216

Tones of #bba216

Color Blindness Simulator