#bba220 hex color

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

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

● #bba220 color description : Strong yellow.

The hexadecimal color #bba220 has RGB values of R:187, G:162, B:32 and CMYK values of C:0, M:0.13, Y:0.83, K:0.27. Its decimal value is 12296736.

Hex triplet	bba220	`#bba220`
RGB Decimal	187, 162, 32	`rgb(187,162,32)`
RGB Percent	73.3, 63.5, 12.5	`rgb(73.3%,63.5%,12.5%)`
CMYK	0, 13, 83, 27
HSL	50.3°, 70.8, 42.9	`hsl(50.3,70.8%,42.9%)`
HSV (or HSB)	50.3°, 82.9, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.909, -3.563, 64.223
XYZ	33.675, 36.511, 6.64
xyY	0.438, 0.475, 36.511
CIE-LCH	66.909, 64.322, 93.175
CIE-LUV	66.909, 22.78, 68.003
Hunter-Lab	60.424, -6.263, 35.782
Binary	10111011, 10100010, 00100000

#bba220
```
#bba220 rgb(187,162,32)
```
#2039bb
```
#2039bb rgb(32,57,187)
```

Complementary Color

#bb5520
```
#bb5520 rgb(187,85,32)
```
#bba220
```
#bba220 rgb(187,162,32)
```
#87bb20
```
#87bb20 rgb(135,187,32)
```

Analogous Color

#5520bb
```
#5520bb rgb(85,32,187)
```
#bba220
```
#bba220 rgb(187,162,32)
```
#2087bb
```
#2087bb rgb(32,135,187)
```

Split Complementary Color

#a220bb
```
#a220bb rgb(162,32,187)
```
#bba220
```
#bba220 rgb(187,162,32)
```
#20bba2
```
#20bba2 rgb(32,187,162)
```

Triadic Color

#bb2039
```
#bb2039 rgb(187,32,57)
```
#bba220
```
#bba220 rgb(187,162,32)
```
#20bba2
```
#20bba2 rgb(32,187,162)
```
#2039bb
```
#2039bb rgb(32,57,187)
```

Tetradic Color

#7a6915
```
#7a6915 rgb(122,105,21)
```
#8f7c19
```
#8f7c19 rgb(143,124,25)
```
#a58f1c
```
#a58f1c rgb(165,143,28)
```
#bba220
```
#bba220 rgb(187,162,32)
```
#d1b524
```
#d1b524 rgb(209,181,36)
```
#dcc132
```
#dcc132 rgb(220,193,50)
```
#e0c748
```
#e0c748 rgb(224,199,72)
```

Monochromatic Color

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

#bb7b20
```
#bb7b20 rgb(187,123,32)
```
#bb8820
```
#bb8820 rgb(187,136,32)
```
#bb9520
```
#bb9520 rgb(187,149,32)
```
#bba220
```
#bba220 rgb(187,162,32)
```
#bbaf20
```
#bbaf20 rgb(187,175,32)
```
#babb20
```
#babb20 rgb(186,187,32)
```
#adbb20
```
#adbb20 rgb(173,187,32)
```

Similar Colors

Text with hexadecimal color #bba220

This text has a font color of #bba220.

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

#bba220 background color

This paragraph has a background color of #bba220.

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

#bba220 border color

This element has a border color of #bba220.

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

CSS codes

.text {color:#bba220;}

.background {background-color:#bba220;}

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

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)
```
#241f06
```
#241f06 rgb(36,31,6)
```
#352e09
```
#352e09 rgb(53,46,9)
```
#463c0c
```
#463c0c rgb(70,60,12)
```
#574b0f
```
#574b0f rgb(87,75,15)
```
#675912
```
#675912 rgb(103,89,18)
```
#786815
```
#786815 rgb(120,104,21)
```
#897617
```
#897617 rgb(137,118,23)
```
#9a851a
```
#9a851a rgb(154,133,26)
```
#aa931d
```
#aa931d rgb(170,147,29)
```
#bba220
```
#bba220 rgb(187,162,32)
```
#ccb123
```
#ccb123 rgb(204,177,35)
```

Shade Color Variation

#dabd28
```
#dabd28 rgb(218,189,40)
```
#ddc339
```
#ddc339 rgb(221,195,57)
```
#e0c84a
```
#e0c84a rgb(224,200,74)
```
#e3cd5a
```
#e3cd5a rgb(227,205,90)
```
#e6d26b
```
#e6d26b rgb(230,210,107)
```
#e9d77c
```
#e9d77c rgb(233,215,124)
```
#ebdc8d
```
#ebdc8d rgb(235,220,141)
```
#eee19d
```
#eee19d rgb(238,225,157)
```
#f1e6ae
```
#f1e6ae rgb(241,230,174)
```
#f4ebbf
```
#f4ebbf rgb(244,235,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 #d4b307 is the most saturated one.

#6f6f6c
```
#6f6f6c rgb(111,111,108)
```
#787463
```
#787463 rgb(120,116,99)
```
#807a5b
```
#807a5b rgb(128,122,91)
```
#888053
```
#888053 rgb(136,128,83)
```
#91854a
```
#91854a rgb(145,133,74)
```
#998b42
```
#998b42 rgb(153,139,66)
```
#a29139
```
#a29139 rgb(162,145,57)
```
#aa9731
```
#aa9731 rgb(170,151,49)
```
#b39c28
```
#b39c28 rgb(179,156,40)
```
#bba220
```
#bba220 rgb(187,162,32)
```
#c3a818
```
#c3a818 rgb(195,168,24)
```
#ccad0f
```
#ccad0f rgb(204,173,15)
```
#d4b307
```
#d4b307 rgb(212,179,7)
```

Tone Color Variation

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

Dichromacy

#bba72b Protanopia 1% of men
#d09f2f Deuteranopia 1% of men
#c79ca7 Tritanopia 0.001% of the population

Trichromacy

#bba527 Protanomaly 1% of men, 0.01% of women
#c8a02a Deuteranomaly 6% of men, 0.4% of women
#c39e75 Tritanomaly 0.01% of the population

#bba220 hex color

#bba220 Color Information

#bba220 Color Conversion

Color Schemes with #bba220

Alternatives to #bba220

#bba220 Preview

Shades and Tints of #bba220

Tones of #bba220

Color Blindness Simulator