#bba022 hex color

In a RGB color space, hex #bba022 is composed of 73.3% red, 62.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.4% magenta, 81.8% yellow and 26.7% black. It has a hue angle of 49.4 degrees, a saturation of 69.2% and a lightness of 43.3%. #bba022 color hex could be obtained by blending #ffff44 with #774100. Closest websafe color is: #cc9933.

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

● #bba022 color description : Strong yellow.

The hexadecimal color #bba022 has RGB values of R:187, G:160, B:34 and CMYK values of C:0, M:0.14, Y:0.82, K:0.27. Its decimal value is 12296226.

Hex triplet	bba022	`#bba022`
RGB Decimal	187, 160, 34	`rgb(187,160,34)`
RGB Percent	73.3, 62.7, 13.3	`rgb(73.3%,62.7%,13.3%)`
CMYK	0, 14, 82, 27
HSL	49.4°, 69.2, 43.3	`hsl(49.4,69.2%,43.3%)`
HSV (or HSB)	49.4°, 81.8, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.385, -2.434, 63.197
XYZ	33.353, 35.823, 6.671
xyY	0.44, 0.472, 35.823
CIE-LCH	66.385, 63.244, 92.206
CIE-LUV	66.385, 24.174, 66.846
Hunter-Lab	59.852, -5.271, 35.288
Binary	10111011, 10100000, 00100010

#bba022
```
#bba022 rgb(187,160,34)
```
#223dbb
```
#223dbb rgb(34,61,187)
```

Complementary Color

#bb5322
```
#bb5322 rgb(187,83,34)
```
#bba022
```
#bba022 rgb(187,160,34)
```
#8abb22
```
#8abb22 rgb(138,187,34)
```

Analogous Color

#5322bb
```
#5322bb rgb(83,34,187)
```
#bba022
```
#bba022 rgb(187,160,34)
```
#228abb
```
#228abb rgb(34,138,187)
```

Split Complementary Color

#a022bb
```
#a022bb rgb(160,34,187)
```
#bba022
```
#bba022 rgb(187,160,34)
```
#22bba0
```
#22bba0 rgb(34,187,160)
```

Triadic Color

#bb223d
```
#bb223d rgb(187,34,61)
```
#bba022
```
#bba022 rgb(187,160,34)
```
#22bba0
```
#22bba0 rgb(34,187,160)
```
#223dbb
```
#223dbb rgb(34,61,187)
```

Tetradic Color

#7a6916
```
#7a6916 rgb(122,105,22)
```
#907b1a
```
#907b1a rgb(144,123,26)
```
#a58e1e
```
#a58e1e rgb(165,142,30)
```
#bba022
```
#bba022 rgb(187,160,34)
```
#d1b226
```
#d1b226 rgb(209,178,38)
```
#dabd36
```
#dabd36 rgb(218,189,54)
```
#dec44b
```
#dec44b rgb(222,196,75)
```

Monochromatic Color

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

#bb7a22
```
#bb7a22 rgb(187,122,34)
```
#bb8722
```
#bb8722 rgb(187,135,34)
```
#bb9322
```
#bb9322 rgb(187,147,34)
```
#bba022
```
#bba022 rgb(187,160,34)
```
#bbad22
```
#bbad22 rgb(187,173,34)
```
#bbba22
```
#bbba22 rgb(187,186,34)
```
#b0bb22
```
#b0bb22 rgb(176,187,34)
```

Similar Colors

Text with hexadecimal color #bba022

This text has a font color of #bba022.

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

#bba022 background color

This paragraph has a background color of #bba022.

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

#bba022 border color

This element has a border color of #bba022.

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

CSS codes

.text {color:#bba022;}

.background {background-color:#bba022;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#151204
```
#151204 rgb(21,18,4)
```
#262007
```
#262007 rgb(38,32,7)
```
#362e0a
```
#362e0a rgb(54,46,10)
```
#473d0d
```
#473d0d rgb(71,61,13)
```
#574b10
```
#574b10 rgb(87,75,16)
```
#685913
```
#685913 rgb(104,89,19)
```
#796716
```
#796716 rgb(121,103,22)
```
#897519
```
#897519 rgb(137,117,25)
```
#9a841c
```
#9a841c rgb(154,132,28)
```
#aa921f
```
#aa921f rgb(170,146,31)
```
#bba022
```
#bba022 rgb(187,160,34)
```
#ccae25
```
#ccae25 rgb(204,174,37)
```

Shade Color Variation

#d9ba2c
```
#d9ba2c rgb(217,186,44)
```
#dcbf3c
```
#dcbf3c rgb(220,191,60)
```
#dfc54d
```
#dfc54d rgb(223,197,77)
```
#e2ca5d
```
#e2ca5d rgb(226,202,93)
```
#e5d06e
```
#e5d06e rgb(229,208,110)
```
#e8d57f
```
#e8d57f rgb(232,213,127)
```
#ebdb8f
```
#ebdb8f rgb(235,219,143)
```
#eee0a0
```
#eee0a0 rgb(238,224,160)
```
#f1e5b0
```
#f1e5b0 rgb(241,229,176)
```
#f4ebc1
```
#f4ebc1 rgb(244,235,193)
```
#f7f0d2
```
#f7f0d2 rgb(247,240,210)
```
#faf6e2
```
#faf6e2 rgb(250,246,226)
```
#fdfbf3
```
#fdfbf3 rgb(253,251,243)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#777466
```
#777466 rgb(119,116,102)
```
#807a5e
```
#807a5e rgb(128,122,94)
```
#887f55
```
#887f55 rgb(136,127,85)
```
#91854d
```
#91854d rgb(145,133,77)
```
#998a44
```
#998a44 rgb(153,138,68)
```
#a2903c
```
#a2903c rgb(162,144,60)
```
#aa9533
```
#aa9533 rgb(170,149,51)
```
#b39b2b
```
#b39b2b rgb(179,155,43)
```
#bba022
```
#bba022 rgb(187,160,34)
```
#c4a61a
```
#c4a61a rgb(196,166,26)
```
#ccab11
```
#ccab11 rgb(204,171,17)
```
#d5b108
```
#d5b108 rgb(213,177,8)
```

Tone Color Variation

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

Dichromacy

#b9a62d Protanopia 1% of men
#ce9e31 Deuteranopia 1% of men
#c79aa5 Tritanopia 0.001% of the population

Trichromacy

#baa429 Protanomaly 1% of men, 0.01% of women
#c79e2b Deuteranomaly 6% of men, 0.4% of women
#c39c75 Tritanomaly 0.01% of the population

#bba022 hex color

#bba022 Color Information

#bba022 Color Conversion

Color Schemes with #bba022

Alternatives to #bba022

#bba022 Preview

Shades and Tints of #bba022

Tones of #bba022

Color Blindness Simulator