#bba311 hex color

In a RGB color space, hex #bba311 is composed of 73.3% red, 63.9% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 90.9% yellow and 26.7% black. It has a hue angle of 51.5 degrees, a saturation of 83.3% and a lightness of 40%. #bba311 color hex could be obtained by blending #ffff22 with #774700. Closest websafe color is: #cc9900.

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

● #bba311 color description : Strong yellow.

The hexadecimal color #bba311 has RGB values of R:187, G:163, B:17 and CMYK values of C:0, M:0.13, Y:0.91, K:0.27. Its decimal value is 12296977.

Hex triplet	bba311	`#bba311`
RGB Decimal	187, 163, 17	`rgb(187,163,17)`
RGB Percent	73.3, 63.9, 6.7	`rgb(73.3%,63.9%,6.7%)`
CMYK	0, 13, 91, 27
HSL	51.5°, 83.3, 40	`hsl(51.5,83.3%,40%)`
HSV (or HSB)	51.5°, 90.9, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.127, -4.446, 67.817
XYZ	33.692, 36.801, 5.859
xyY	0.441, 0.482, 36.801
CIE-LCH	67.127, 67.962, 93.751
CIE-LUV	67.127, 22.299, 70.4
Hunter-Lab	60.664, -7.024, 36.738
Binary	10111011, 10100011, 00010001

#bba311
```
#bba311 rgb(187,163,17)
```
#1129bb
```
#1129bb rgb(17,41,187)
```

Complementary Color

#bb4e11
```
#bb4e11 rgb(187,78,17)
```
#bba311
```
#bba311 rgb(187,163,17)
```
#7ebb11
```
#7ebb11 rgb(126,187,17)
```

Analogous Color

#4e11bb
```
#4e11bb rgb(78,17,187)
```
#bba311
```
#bba311 rgb(187,163,17)
```
#117ebb
```
#117ebb rgb(17,126,187)
```

Split Complementary Color

#a311bb
```
#a311bb rgb(163,17,187)
```
#bba311
```
#bba311 rgb(187,163,17)
```
#11bba3
```
#11bba3 rgb(17,187,163)
```

Triadic Color

#bb1129
```
#bb1129 rgb(187,17,41)
```
#bba311
```
#bba311 rgb(187,163,17)
```
#11bba3
```
#11bba3 rgb(17,187,163)
```
#1129bb
```
#1129bb rgb(17,41,187)
```

Tetradic Color

#75660b
```
#75660b rgb(117,102,11)
```
#8c7a0d
```
#8c7a0d rgb(140,122,13)
```
#a48f0f
```
#a48f0f rgb(164,143,15)
```
#bba311
```
#bba311 rgb(187,163,17)
```
#d2b713
```
#d2b713 rgb(210,183,19)
```
#eacc15
```
#eacc15 rgb(234,204,21)
```
#ecd12d
```
#ecd12d rgb(236,209,45)
```

Monochromatic Color

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

#bb7911
```
#bb7911 rgb(187,121,17)
```
#bb8711
```
#bb8711 rgb(187,135,17)
```
#bb9511
```
#bb9511 rgb(187,149,17)
```
#bba311
```
#bba311 rgb(187,163,17)
```
#bbb111
```
#bbb111 rgb(187,177,17)
```
#b7bb11
```
#b7bb11 rgb(183,187,17)
```
#a9bb11
```
#a9bb11 rgb(169,187,17)
```

Similar Colors

Text with hexadecimal color #bba311

This text has a font color of #bba311.

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

#bba311 background color

This paragraph has a background color of #bba311.

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

#bba311 border color

This element has a border color of #bba311.

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

CSS codes

.text {color:#bba311;}

.background {background-color:#bba311;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#191602
```
#191602 rgb(25,22,2)
```
#2b2604
```
#2b2604 rgb(43,38,4)
```
#3d3506
```
#3d3506 rgb(61,53,6)
```
#4f4507
```
#4f4507 rgb(79,69,7)
```
#615509
```
#615509 rgb(97,85,9)
```
#73640a
```
#73640a rgb(115,100,10)
```
#85740c
```
#85740c rgb(133,116,12)
```
#97840e
```
#97840e rgb(151,132,14)
```
#a9930f
```
#a9930f rgb(169,147,15)
```
#bba311
```
#bba311 rgb(187,163,17)
```
#cdb313
```
#cdb313 rgb(205,179,19)
```
#dfc214
```
#dfc214 rgb(223,194,20)
```

Shade Color Variation

#eacd1c
```
#eacd1c rgb(234,205,28)
```
#ecd12e
```
#ecd12e rgb(236,209,46)
```
#eed540
```
#eed540 rgb(238,213,64)
```
#efd952
```
#efd952 rgb(239,217,82)
```
#f1dd64
```
#f1dd64 rgb(241,221,100)
```
#f3e176
```
#f3e176 rgb(243,225,118)
```
#f4e588
```
#f4e588 rgb(244,229,136)
```
#f6e99a
```
#f6e99a rgb(246,233,154)
```
#f7edac
```
#f7edac rgb(247,237,172)
```
#f9f1be
```
#f9f1be rgb(249,241,190)
```
#fbf5d0
```
#fbf5d0 rgb(251,245,208)
```
#fcf9e2
```
#fcf9e2 rgb(252,249,226)
```
#fefdf4
```
#fefdf4 rgb(254,253,244)
```

Tint Color Variation

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

#6d6b5f
```
#6d6b5f rgb(109,107,95)
```
#747058
```
#747058 rgb(116,112,88)
```
#7c7650
```
#7c7650 rgb(124,118,80)
```
#847c48
```
#847c48 rgb(132,124,72)
```
#8c8140
```
#8c8140 rgb(140,129,64)
```
#948738
```
#948738 rgb(148,135,56)
```
#9c8c30
```
#9c8c30 rgb(156,140,48)
```
#a39229
```
#a39229 rgb(163,146,41)
```
#ab9821
```
#ab9821 rgb(171,152,33)
```
#b39d19
```
#b39d19 rgb(179,157,25)
```
#bba311
```
#bba311 rgb(187,163,17)
```
#c3a909
```
#c3a909 rgb(195,169,9)
```
#cbae01
```
#cbae01 rgb(203,174,1)
```

Tone Color Variation

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

Dichromacy

#bca81d Protanopia 1% of men
#d1a024 Deuteranopia 1% of men
#c89ca7 Tritanopia 0.001% of the population

Trichromacy

#bba619 Protanomaly 1% of men, 0.01% of women
#c9a11d Deuteranomaly 6% of men, 0.4% of women
#c39f70 Tritanomaly 0.01% of the population

#bba311 hex color

#bba311 Color Information

#bba311 Color Conversion

Color Schemes with #bba311

Alternatives to #bba311

#bba311 Preview

Shades and Tints of #bba311

Tones of #bba311

Color Blindness Simulator