#bba221 hex color

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

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

● #bba221 color description : Strong yellow.

The hexadecimal color #bba221 has RGB values of R:187, G:162, B:33 and CMYK values of C:0, M:0.13, Y:0.82, K:0.27. Its decimal value is 12296737.

Hex triplet	bba221	`#bba221`
RGB Decimal	187, 162, 33	`rgb(187,162,33)`
RGB Percent	73.3, 63.5, 12.9	`rgb(73.3%,63.5%,12.9%)`
CMYK	0, 13, 82, 27
HSL	50.3°, 70, 43.1	`hsl(50.3,70%,43.1%)`
HSV (or HSB)	50.3°, 82.4, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.913, -3.533, 63.944
XYZ	33.689, 36.517, 6.713
xyY	0.438, 0.475, 36.517
CIE-LCH	66.913, 64.042, 93.162
CIE-LUV	66.913, 22.759, 67.83
Hunter-Lab	60.429, -6.238, 35.714
Binary	10111011, 10100010, 00100001

#bba221
```
#bba221 rgb(187,162,33)
```
#213abb
```
#213abb rgb(33,58,187)
```

Complementary Color

#bb5521
```
#bb5521 rgb(187,85,33)
```
#bba221
```
#bba221 rgb(187,162,33)
```
#87bb21
```
#87bb21 rgb(135,187,33)
```

Analogous Color

#5521bb
```
#5521bb rgb(85,33,187)
```
#bba221
```
#bba221 rgb(187,162,33)
```
#2187bb
```
#2187bb rgb(33,135,187)
```

Split Complementary Color

#a221bb
```
#a221bb rgb(162,33,187)
```
#bba221
```
#bba221 rgb(187,162,33)
```
#21bba2
```
#21bba2 rgb(33,187,162)
```

Triadic Color

#bb213a
```
#bb213a rgb(187,33,58)
```
#bba221
```
#bba221 rgb(187,162,33)
```
#21bba2
```
#21bba2 rgb(33,187,162)
```
#213abb
```
#213abb rgb(33,58,187)
```

Tetradic Color

#7a6a16
```
#7a6a16 rgb(122,106,22)
```
#907c19
```
#907c19 rgb(144,124,25)
```
#a58f1d
```
#a58f1d rgb(165,143,29)
```
#bba221
```
#bba221 rgb(187,162,33)
```
#d1b525
```
#d1b525 rgb(209,181,37)
```
#dbc034
```
#dbc034 rgb(219,192,52)
```
#dfc74a
```
#dfc74a rgb(223,199,74)
```

Monochromatic Color

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

#bb7c21
```
#bb7c21 rgb(187,124,33)
```
#bb8821
```
#bb8821 rgb(187,136,33)
```
#bb9521
```
#bb9521 rgb(187,149,33)
```
#bba221
```
#bba221 rgb(187,162,33)
```
#bbaf21
```
#bbaf21 rgb(187,175,33)
```
#babb21
```
#babb21 rgb(186,187,33)
```
#aebb21
```
#aebb21 rgb(174,187,33)
```

Similar Colors

Text with hexadecimal color #bba221

This text has a font color of #bba221.

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

#bba221 background color

This paragraph has a background color of #bba221.

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

#bba221 border color

This element has a border color of #bba221.

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

CSS codes

.text {color:#bba221;}

.background {background-color:#bba221;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#141204
```
#141204 rgb(20,18,4)
```
#252007
```
#252007 rgb(37,32,7)
```
#362e09
```
#362e09 rgb(54,46,9)
```
#463d0c
```
#463d0c rgb(70,61,12)
```
#574b0f
```
#574b0f rgb(87,75,15)
```
#685a12
```
#685a12 rgb(104,90,18)
```
#786815
```
#786815 rgb(120,104,21)
```
#897718
```
#897718 rgb(137,119,24)
```
#9a851b
```
#9a851b rgb(154,133,27)
```
#aa941e
```
#aa941e rgb(170,148,30)
```
#bba221
```
#bba221 rgb(187,162,33)
```
#ccb024
```
#ccb024 rgb(204,176,36)
```

Shade Color Variation

#d9bd2a
```
#d9bd2a rgb(217,189,42)
```
#dcc23b
```
#dcc23b rgb(220,194,59)
```
#dfc74b
```
#dfc74b rgb(223,199,75)
```
#e2cc5c
```
#e2cc5c rgb(226,204,92)
```
#e5d26d
```
#e5d26d rgb(229,210,109)
```
#e8d77d
```
#e8d77d rgb(232,215,125)
```
#ebdc8e
```
#ebdc8e rgb(235,220,142)
```
#eee19f
```
#eee19f rgb(238,225,159)
```
#f1e6af
```
#f1e6af rgb(241,230,175)
```
#f4ebc0
```
#f4ebc0 rgb(244,235,192)
```
#f7f1d1
```
#f7f1d1 rgb(247,241,209)
```
#faf6e1
```
#faf6e1 rgb(250,246,225)
```
#fdfbf2
```
#fdfbf2 rgb(253,251,242)
```

Tint Color Variation

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

#6f6f6d
```
#6f6f6d rgb(111,111,109)
```
#777465
```
#777465 rgb(119,116,101)
```
#807a5c
```
#807a5c rgb(128,122,92)
```
#888054
```
#888054 rgb(136,128,84)
```
#91854b
```
#91854b rgb(145,133,75)
```
#998b43
```
#998b43 rgb(153,139,67)
```
#a2913a
```
#a2913a rgb(162,145,58)
```
#aa9732
```
#aa9732 rgb(170,151,50)
```
#b39c29
```
#b39c29 rgb(179,156,41)
```
#bba221
```
#bba221 rgb(187,162,33)
```
#c3a819
```
#c3a819 rgb(195,168,25)
```
#ccad10
```
#ccad10 rgb(204,173,16)
```
#d4b308
```
#d4b308 rgb(212,179,8)
```

Tone Color Variation

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

Dichromacy

#bba72c Protanopia 1% of men
#d09f30 Deuteranopia 1% of men
#c79ca7 Tritanopia 0.001% of the population

Trichromacy

#bba528 Protanomaly 1% of men, 0.01% of women
#c8a02b Deuteranomaly 6% of men, 0.4% of women
#c39e76 Tritanomaly 0.01% of the population

#bba221 hex color

#bba221 Color Information

#bba221 Color Conversion

Color Schemes with #bba221

Alternatives to #bba221

#bba221 Preview

Shades and Tints of #bba221

Tones of #bba221

Color Blindness Simulator