#bba500 hex color

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

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

● #bba500 color description : Strong yellow.

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

Hex triplet	bba500	`#bba500`
RGB Decimal	187, 165, 0	`rgb(187,165,0)`
RGB Percent	73.3, 64.7, 0	`rgb(73.3%,64.7%,0%)`
CMYK	0, 12, 100, 27
HSL	52.9°, 100, 36.7	`hsl(52.9,100%,36.7%)`
HSV (or HSB)	52.9°, 100, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.633, -5.728, 70.508
XYZ	33.949, 37.476, 5.445
xyY	0.442, 0.488, 37.476
CIE-LCH	67.633, 70.74, 94.644
CIE-LUV	67.633, 21.008, 72.447
Hunter-Lab	61.218, -8.142, 37.579
Binary	10111011, 10100101, 00000000

#bba500
```
#bba500 rgb(187,165,0)
```
#0016bb
```
#0016bb rgb(0,22,187)
```

Complementary Color

#bb4800
```
#bb4800 rgb(187,72,0)
```
#bba500
```
#bba500 rgb(187,165,0)
```
#74bb00
```
#74bb00 rgb(116,187,0)
```

Analogous Color

#4700bb
```
#4700bb rgb(71,0,187)
```
#bba500
```
#bba500 rgb(187,165,0)
```
#0074bb
```
#0074bb rgb(0,116,187)
```

Split Complementary Color

#a500bb
```
#a500bb rgb(165,0,187)
```
#bba500
```
#bba500 rgb(187,165,0)
```
#00bba5
```
#00bba5 rgb(0,187,165)
```

Triadic Color

#bb0016
```
#bb0016 rgb(187,0,22)
```
#bba500
```
#bba500 rgb(187,165,0)
```
#00bba5
```
#00bba5 rgb(0,187,165)
```
#0016bb
```
#0016bb rgb(0,22,187)
```

Tetradic Color

#6f6200
```
#6f6200 rgb(111,98,0)
```
#887800
```
#887800 rgb(136,120,0)
```
#a28f00
```
#a28f00 rgb(162,143,0)
```
#bba500
```
#bba500 rgb(187,165,0)
```
#d5bc00
```
#d5bc00 rgb(213,188,0)
```
#eed200
```
#eed200 rgb(238,210,0)
```
#ffe208
```
#ffe208 rgb(255,226,8)
```

Monochromatic Color

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

#bb7600
```
#bb7600 rgb(187,118,0)
```
#bb8600
```
#bb8600 rgb(187,134,0)
```
#bb9500
```
#bb9500 rgb(187,149,0)
```
#bba500
```
#bba500 rgb(187,165,0)
```
#bbb500
```
#bbb500 rgb(187,181,0)
```
#b2bb00
```
#b2bb00 rgb(178,187,0)
```
#a2bb00
```
#a2bb00 rgb(162,187,0)
```

Similar Colors

Text with hexadecimal color #bba500

This text has a font color of #bba500.

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

#bba500 background color

This paragraph has a background color of #bba500.

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

#bba500 border color

This element has a border color of #bba500.

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

CSS codes

.text {color:#bba500;}

.background {background-color:#bba500;}

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

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

#0a0900
```
#0a0900 rgb(10,9,0)
```
#1e1b00
```
#1e1b00 rgb(30,27,0)
```
#322c00
```
#322c00 rgb(50,44,0)
```
#453d00
```
#453d00 rgb(69,61,0)
```
#594e00
```
#594e00 rgb(89,78,0)
```
#6d6000
```
#6d6000 rgb(109,96,0)
```
#807100
```
#807100 rgb(128,113,0)
```
#948200
```
#948200 rgb(148,130,0)
```
#a79400
```
#a79400 rgb(167,148,0)
```
#bba500
```
#bba500 rgb(187,165,0)
```
#cfb600
```
#cfb600 rgb(207,182,0)
```
#e2c800
```
#e2c800 rgb(226,200,0)
```
#f6d900
```
#f6d900 rgb(246,217,0)
```

Shade Color Variation

#ffe20a
```
#ffe20a rgb(255,226,10)
```
#ffe51e
```
#ffe51e rgb(255,229,30)
```
#ffe732
```
#ffe732 rgb(255,231,50)
```
#ffe945
```
#ffe945 rgb(255,233,69)
```
#ffeb59
```
#ffeb59 rgb(255,235,89)
```
#ffee6d
```
#ffee6d rgb(255,238,109)
```
#fff080
```
#fff080 rgb(255,240,128)
```
#fff294
```
#fff294 rgb(255,242,148)
```
#fff5a7
```
#fff5a7 rgb(255,245,167)
```
#fff7bb
```
#fff7bb rgb(255,247,187)
```
#fff9cf
```
#fff9cf rgb(255,249,207)
```
#fffce2
```
#fffce2 rgb(255,252,226)
```
#fffef6
```
#fffef6 rgb(255,254,246)
```

Tint Color Variation

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

#656356
```
#656356 rgb(101,99,86)
```
#6c694f
```
#6c694f rgb(108,105,79)
```
#736e48
```
#736e48 rgb(115,110,72)
```
#7a7441
```
#7a7441 rgb(122,116,65)
```
#81793a
```
#81793a rgb(129,121,58)
```
#897f32
```
#897f32 rgb(137,127,50)
```
#90842b
```
#90842b rgb(144,132,43)
```
#978a24
```
#978a24 rgb(151,138,36)
```
#9e8f1d
```
#9e8f1d rgb(158,143,29)
```
#a59516
```
#a59516 rgb(165,149,22)
```
#ad9a0e
```
#ad9a0e rgb(173,154,14)
```
#b4a007
```
#b4a007 rgb(180,160,7)
```
#bba500
```
#bba500 rgb(187,165,0)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a09b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bea902 Protanopia 1% of men
#d3a119 Deuteranopia 1% of men
#c89ea9 Tritanopia 0.001% of the population

Trichromacy

#bda801 Protanomaly 1% of men, 0.01% of women
#caa210 Deuteranomaly 6% of men, 0.4% of women
#c3a06b Tritanomaly 0.01% of the population

#bba500 hex color

#bba500 Color Information

#bba500 Color Conversion

Color Schemes with #bba500

Alternatives to #bba500

#bba500 Preview

Shades and Tints of #bba500

Tones of #bba500

Color Blindness Simulator