#b8ba22 hex color

In a RGB color space, hex #b8ba22 is composed of 72.2% red, 72.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 81.7% yellow and 27.1% black. It has a hue angle of 60.8 degrees, a saturation of 69.1% and a lightness of 43.1%. #b8ba22 color hex could be obtained by blending #ffff44 with #717500. Closest websafe color is: #cccc33.

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

● #b8ba22 color description : Strong yellow.

The hexadecimal color #b8ba22 has RGB values of R:184, G:186, B:34 and CMYK values of C:0.01, M:0, Y:0.82, K:0.27. Its decimal value is 12106274.

Hex triplet	b8ba22	`#b8ba22`
RGB Decimal	184, 186, 34	`rgb(184,186,34)`
RGB Percent	72.2, 72.9, 13.3	`rgb(72.2%,72.9%,13.3%)`
CMYK	1, 0, 82, 27
HSL	60.8°, 69.1, 43.1	`hsl(60.8,69.1%,43.1%)`
HSV (or HSB)	60.8°, 81.7, 72.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.17, -17.261, 68.942
XYZ	37.615, 45.424, 8.3
xyY	0.412, 0.497, 45.424
CIE-LCH	73.17, 71.07, 104.056
CIE-LUV	73.17, 4.208, 77.278
Hunter-Lab	67.398, -18.324, 39.877
Binary	10111000, 10111010, 00100010

#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#2422ba
```
#2422ba rgb(36,34,186)
```

Complementary Color

#ba7022
```
#ba7022 rgb(186,112,34)
```
#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#6cba22
```
#6cba22 rgb(108,186,34)
```

Analogous Color

#7022ba
```
#7022ba rgb(112,34,186)
```
#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#226cba
```
#226cba rgb(34,108,186)
```

Split Complementary Color

#ba22b8
```
#ba22b8 rgb(186,34,184)
```
#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#22b8ba
```
#22b8ba rgb(34,184,186)
```

Triadic Color

#ba2422
```
#ba2422 rgb(186,36,34)
```
#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#22b8ba
```
#22b8ba rgb(34,184,186)
```
#2422ba
```
#2422ba rgb(36,34,186)
```

Tetradic Color

#787916
```
#787916 rgb(120,121,22)
```
#8d8f1a
```
#8d8f1a rgb(141,143,26)
```
#a3a41e
```
#a3a41e rgb(163,164,30)
```
#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#cdd026
```
#cdd026 rgb(205,208,38)
```
#d8da35
```
#d8da35 rgb(216,218,53)
```
#dcde4a
```
#dcde4a rgb(220,222,74)
```

Monochromatic Color

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

#ba9622
```
#ba9622 rgb(186,150,34)
```
#baa322
```
#baa322 rgb(186,163,34)
```
#baaf22
```
#baaf22 rgb(186,175,34)
```
#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#abba22
```
#abba22 rgb(171,186,34)
```
#9fba22
```
#9fba22 rgb(159,186,34)
```
#92ba22
```
#92ba22 rgb(146,186,34)
```

Similar Colors

Text with hexadecimal color #b8ba22

This text has a font color of #b8ba22.

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

#b8ba22 background color

This paragraph has a background color of #b8ba22.

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

#b8ba22 border color

This element has a border color of #b8ba22.

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

CSS codes

.text {color:#b8ba22;}

.background {background-color:#b8ba22;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#141404
```
#141404 rgb(20,20,4)
```
#242507
```
#242507 rgb(36,37,7)
```
#35350a
```
#35350a rgb(53,53,10)
```
#45460d
```
#45460d rgb(69,70,13)
```
#565610
```
#565610 rgb(86,86,16)
```
#666713
```
#666713 rgb(102,103,19)
```
#767816
```
#767816 rgb(118,120,22)
```
#878819
```
#878819 rgb(135,136,25)
```
#97991c
```
#97991c rgb(151,153,28)
```
#a8a91f
```
#a8a91f rgb(168,169,31)
```
#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#c8cb25
```
#c8cb25 rgb(200,203,37)
```

Shade Color Variation

#d6d82b
```
#d6d82b rgb(214,216,43)
```
#d9db3c
```
#d9db3c rgb(217,219,60)
```
#dcde4c
```
#dcde4c rgb(220,222,76)
```
#e0e15d
```
#e0e15d rgb(224,225,93)
```
#e3e46d
```
#e3e46d rgb(227,228,109)
```
#e6e77e
```
#e6e77e rgb(230,231,126)
```
#e9ea8e
```
#e9ea8e rgb(233,234,142)
```
#eced9f
```
#eced9f rgb(236,237,159)
```
#f0f0b0
```
#f0f0b0 rgb(240,240,176)
```
#f3f4c0
```
#f3f4c0 rgb(243,244,192)
```
#f6f7d1
```
#f6f7d1 rgb(246,247,209)
```
#f9fae1
```
#f9fae1 rgb(249,250,225)
```
#fcfdf2
```
#fcfdf2 rgb(252,253,242)
```

Tint Color Variation

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

#767666
```
#767666 rgb(118,118,102)
```
#7e7f5d
```
#7e7f5d rgb(126,127,93)
```
#878755
```
#878755 rgb(135,135,85)
```
#8f904c
```
#8f904c rgb(143,144,76)
```
#979844
```
#979844 rgb(151,152,68)
```
#9fa13b
```
#9fa13b rgb(159,161,59)
```
#a8a933
```
#a8a933 rgb(168,169,51)
```
#b0b22a
```
#b0b22a rgb(176,178,42)
```
#b8ba22
```
#b8ba22 rgb(184,186,34)
```
#c0c21a
```
#c0c21a rgb(192,194,26)
```
#c8cb11
```
#c8cb11 rgb(200,203,17)
```
#d1d309
```
#d1d309 rgb(209,211,9)
```
#d9dc00
```
#d9dc00 rgb(217,220,0)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#abac8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb72b Protanopia 1% of men
#e4ae36 Deuteranopia 1% of men
#c8b1bd Tritanopia 0.001% of the population

Trichromacy

#c5b828 Protanomaly 1% of men, 0.01% of women
#d4b22f Deuteranomaly 6% of men, 0.4% of women
#c2b485 Tritanomaly 0.01% of the population

#b8ba22 hex color

#b8ba22 Color Information

#b8ba22 Color Conversion

Color Schemes with #b8ba22

Alternatives to #b8ba22

#b8ba22 Preview

Shades and Tints of #b8ba22

Tones of #b8ba22

Color Blindness Simulator