#bba520 hex color

In a RGB color space, hex #bba520 is composed of 73.3% red, 64.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 82.9% yellow and 26.7% black. It has a hue angle of 51.5 degrees, a saturation of 70.8% and a lightness of 42.9%. #bba520 color hex could be obtained by blending #ffff40 with #774b00. Closest websafe color is: #cc9933.

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

● #bba520 color description : Strong yellow.

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

Hex triplet	bba520	`#bba520`
RGB Decimal	187, 165, 32	`rgb(187,165,32)`
RGB Percent	73.3, 64.7, 12.5	`rgb(73.3%,64.7%,12.5%)`
CMYK	0, 12, 83, 27
HSL	51.5°, 70.8, 42.9	`hsl(51.5,70.8%,42.9%)`
HSV (or HSB)	51.5°, 82.9, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.71, -5.156, 64.907
XYZ	34.21, 37.581, 6.818
xyY	0.435, 0.478, 37.581
CIE-LCH	67.71, 65.112, 94.542
CIE-LUV	67.71, 20.641, 69.207
Hunter-Lab	61.303, -7.669, 36.318
Binary	10111011, 10100101, 00100000

#bba520
```
#bba520 rgb(187,165,32)
```
#2036bb
```
#2036bb rgb(32,54,187)
```

Complementary Color

#bb5720
```
#bb5720 rgb(187,87,32)
```
#bba520
```
#bba520 rgb(187,165,32)
```
#84bb20
```
#84bb20 rgb(132,187,32)
```

Analogous Color

#5720bb
```
#5720bb rgb(87,32,187)
```
#bba520
```
#bba520 rgb(187,165,32)
```
#2084bb
```
#2084bb rgb(32,132,187)
```

Split Complementary Color

#a520bb
```
#a520bb rgb(165,32,187)
```
#bba520
```
#bba520 rgb(187,165,32)
```
#20bba5
```
#20bba5 rgb(32,187,165)
```

Triadic Color

#bb2036
```
#bb2036 rgb(187,32,54)
```
#bba520
```
#bba520 rgb(187,165,32)
```
#20bba5
```
#20bba5 rgb(32,187,165)
```
#2036bb
```
#2036bb rgb(32,54,187)
```

Tetradic Color

#7a6b15
```
#7a6b15 rgb(122,107,21)
```
#8f7f19
```
#8f7f19 rgb(143,127,25)
```
#a5921c
```
#a5921c rgb(165,146,28)
```
#bba520
```
#bba520 rgb(187,165,32)
```
#d1b824
```
#d1b824 rgb(209,184,36)
```
#dcc432
```
#dcc432 rgb(220,196,50)
```
#e0ca48
```
#e0ca48 rgb(224,202,72)
```

Monochromatic Color

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

#bb7e20
```
#bb7e20 rgb(187,126,32)
```
#bb8b20
```
#bb8b20 rgb(187,139,32)
```
#bb9820
```
#bb9820 rgb(187,152,32)
```
#bba520
```
#bba520 rgb(187,165,32)
```
#bbb220
```
#bbb220 rgb(187,178,32)
```
#b7bb20
```
#b7bb20 rgb(183,187,32)
```
#aabb20
```
#aabb20 rgb(170,187,32)
```

Similar Colors

Text with hexadecimal color #bba520

This text has a font color of #bba520.

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

#bba520 background color

This paragraph has a background color of #bba520.

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

#bba520 border color

This element has a border color of #bba520.

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

CSS codes

.text {color:#bba520;}

.background {background-color:#bba520;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#141103
```
#141103 rgb(20,17,3)
```
#242006
```
#242006 rgb(36,32,6)
```
#352f09
```
#352f09 rgb(53,47,9)
```
#463e0c
```
#463e0c rgb(70,62,12)
```
#574c0f
```
#574c0f rgb(87,76,15)
```
#675b12
```
#675b12 rgb(103,91,18)
```
#786a15
```
#786a15 rgb(120,106,21)
```
#897917
```
#897917 rgb(137,121,23)
```
#9a871a
```
#9a871a rgb(154,135,26)
```
#aa961d
```
#aa961d rgb(170,150,29)
```
#bba520
```
#bba520 rgb(187,165,32)
```
#ccb423
```
#ccb423 rgb(204,180,35)
```

Shade Color Variation

#dac128
```
#dac128 rgb(218,193,40)
```
#ddc639
```
#ddc639 rgb(221,198,57)
```
#e0cb4a
```
#e0cb4a rgb(224,203,74)
```
#e3cf5a
```
#e3cf5a rgb(227,207,90)
```
#e6d46b
```
#e6d46b rgb(230,212,107)
```
#e9d97c
```
#e9d97c rgb(233,217,124)
```
#ebde8d
```
#ebde8d rgb(235,222,141)
```
#eee39d
```
#eee39d rgb(238,227,157)
```
#f1e8ae
```
#f1e8ae rgb(241,232,174)
```
#f4ecbf
```
#f4ecbf rgb(244,236,191)
```
#f7f1d0
```
#f7f1d0 rgb(247,241,208)
```
#faf6e0
```
#faf6e0 rgb(250,246,224)
```
#fdfbf1
```
#fdfbf1 rgb(253,251,241)
```

Tint Color Variation

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

#6f6f6c
```
#6f6f6c rgb(111,111,108)
```
#787563
```
#787563 rgb(120,117,99)
```
#807b5b
```
#807b5b rgb(128,123,91)
```
#888153
```
#888153 rgb(136,129,83)
```
#91874a
```
#91874a rgb(145,135,74)
```
#998d42
```
#998d42 rgb(153,141,66)
```
#a29339
```
#a29339 rgb(162,147,57)
```
#aa9931
```
#aa9931 rgb(170,153,49)
```
#b39f28
```
#b39f28 rgb(179,159,40)
```
#bba520
```
#bba520 rgb(187,165,32)
```
#c3ab18
```
#c3ab18 rgb(195,171,24)
```
#ccb10f
```
#ccb10f rgb(204,177,15)
```
#d4b707
```
#d4b707 rgb(212,183,7)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a29e83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda92b Protanopia 1% of men
#d3a130 Deuteranopia 1% of men
#c89ea9 Tritanopia 0.001% of the population

Trichromacy

#bca827 Protanomaly 1% of men, 0.01% of women
#caa22a Deuteranomaly 6% of men, 0.4% of women
#c3a177 Tritanomaly 0.01% of the population

#bba520 hex color

#bba520 Color Information

#bba520 Color Conversion

Color Schemes with #bba520

Alternatives to #bba520

#bba520 Preview

Shades and Tints of #bba520

Tones of #bba520

Color Blindness Simulator