#b8b222 hex color

In a RGB color space, hex #b8b222 is composed of 72.2% red, 69.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.3% magenta, 81.5% yellow and 27.8% black. It has a hue angle of 57.6 degrees, a saturation of 68.8% and a lightness of 42.7%. #b8b222 color hex could be obtained by blending #ffff44 with #716500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 70
- B 13
RGB color chart
- C 0
- M 3
- Y 82
- K 28
CMYK color chart

● #b8b222 color description : Strong yellow.

The hexadecimal color #b8b222 has RGB values of R:184, G:178, B:34 and CMYK values of C:0, M:0.03, Y:0.82, K:0.28. Its decimal value is 12104226.

Hex triplet	b8b222	`#b8b222`
RGB Decimal	184, 178, 34	`rgb(184,178,34)`
RGB Percent	72.2, 69.8, 13.3	`rgb(72.2%,69.8%,13.3%)`
CMYK	0, 3, 82, 28
HSL	57.6°, 68.8, 42.7	`hsl(57.6,68.8%,42.7%)`
HSV (or HSB)	57.6°, 81.5, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.972, -13.197, 67.055
XYZ	35.976, 42.147, 7.753
xyY	0.419, 0.491, 42.147
CIE-LCH	70.972, 68.341, 101.134
CIE-LUV	70.972, 9.487, 74.052
Hunter-Lab	64.921, -14.695, 38.364
Binary	10111000, 10110010, 00100010

#b8b222
```
#b8b222 rgb(184,178,34)
```
#2228b8
```
#2228b8 rgb(34,40,184)
```

Complementary Color

#b86722
```
#b86722 rgb(184,103,34)
```
#b8b222
```
#b8b222 rgb(184,178,34)
```
#73b822
```
#73b822 rgb(115,184,34)
```

Analogous Color

#6722b8
```
#6722b8 rgb(103,34,184)
```
#b8b222
```
#b8b222 rgb(184,178,34)
```
#2273b8
```
#2273b8 rgb(34,115,184)
```

Split Complementary Color

#b222b8
```
#b222b8 rgb(178,34,184)
```
#b8b222
```
#b8b222 rgb(184,178,34)
```
#22b8b2
```
#22b8b2 rgb(34,184,178)
```

Triadic Color

#b82228
```
#b82228 rgb(184,34,40)
```
#b8b222
```
#b8b222 rgb(184,178,34)
```
#22b8b2
```
#22b8b2 rgb(34,184,178)
```
#2228b8
```
#2228b8 rgb(34,40,184)
```

Tetradic Color

#777416
```
#777416 rgb(119,116,22)
```
#8d881a
```
#8d881a rgb(141,136,26)
```
#a29d1e
```
#a29d1e rgb(162,157,30)
```
#b8b222
```
#b8b222 rgb(184,178,34)
```
#cec726
```
#cec726 rgb(206,199,38)
```
#d9d334
```
#d9d334 rgb(217,211,52)
```
#ddd749
```
#ddd749 rgb(221,215,73)
```

Monochromatic Color

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

#b88d22
```
#b88d22 rgb(184,141,34)
```
#b89922
```
#b89922 rgb(184,153,34)
```
#b8a622
```
#b8a622 rgb(184,166,34)
```
#b8b222
```
#b8b222 rgb(184,178,34)
```
#b2b822
```
#b2b822 rgb(178,184,34)
```
#a5b822
```
#a5b822 rgb(165,184,34)
```
#99b822
```
#99b822 rgb(153,184,34)
```

Similar Colors

Text with hexadecimal color #b8b222

This text has a font color of #b8b222.

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

#b8b222 background color

This paragraph has a background color of #b8b222.

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

#b8b222 border color

This element has a border color of #b8b222.

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

CSS codes

.text {color:#b8b222;}

.background {background-color:#b8b222;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121203
```
#121203 rgb(18,18,3)
```
#232206
```
#232206 rgb(35,34,6)
```
#34320a
```
#34320a rgb(52,50,10)
```
#44420d
```
#44420d rgb(68,66,13)
```
#555210
```
#555210 rgb(85,82,16)
```
#656213
```
#656213 rgb(101,98,19)
```
#767216
```
#767216 rgb(118,114,22)
```
#868219
```
#868219 rgb(134,130,25)
```
#97921c
```
#97921c rgb(151,146,28)
```
#a7a21f
```
#a7a21f rgb(167,162,31)
```
#b8b222
```
#b8b222 rgb(184,178,34)
```
#c9c225
```
#c9c225 rgb(201,194,37)
```

Shade Color Variation

#d8d12a
```
#d8d12a rgb(216,209,42)
```
#dbd43a
```
#dbd43a rgb(219,212,58)
```
#ded84b
```
#ded84b rgb(222,216,75)
```
#e1db5b
```
#e1db5b rgb(225,219,91)
```
#e4df6c
```
#e4df6c rgb(228,223,108)
```
#e7e37c
```
#e7e37c rgb(231,227,124)
```
#eae68d
```
#eae68d rgb(234,230,141)
```
#edea9e
```
#edea9e rgb(237,234,158)
```
#f0edae
```
#f0edae rgb(240,237,174)
```
#f3f1bf
```
#f3f1bf rgb(243,241,191)
```
#f6f5cf
```
#f6f5cf rgb(246,245,207)
```
#f9f8e0
```
#f9f8e0 rgb(249,248,224)
```
#fcfcf0
```
#fcfcf0 rgb(252,252,240)
```

Tint Color Variation

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

#757465
```
#757465 rgb(117,116,101)
```
#7d7c5d
```
#7d7c5d rgb(125,124,93)
```
#868454
```
#868454 rgb(134,132,84)
```
#8e8b4c
```
#8e8b4c rgb(142,139,76)
```
#969344
```
#969344 rgb(150,147,68)
```
#9f9b3b
```
#9f9b3b rgb(159,155,59)
```
#a7a333
```
#a7a333 rgb(167,163,51)
```
#b0aa2a
```
#b0aa2a rgb(176,170,42)
```
#b8b222
```
#b8b222 rgb(184,178,34)
```
#c0ba1a
```
#c0ba1a rgb(192,186,26)
```
#c9c111
```
#c9c111 rgb(201,193,17)
```
#d1c909
```
#d1c909 rgb(209,201,9)
```
#dad100
```
#dad100 rgb(218,209,0)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a7a689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b22c Protanopia 1% of men
#dda935 Deuteranopia 1% of men
#c7aab6 Tritanopia 0.001% of the population

Trichromacy

#c1b228 Protanomaly 1% of men, 0.01% of women
#cfac2e Deuteranomaly 6% of men, 0.4% of women
#c1ad80 Tritanomaly 0.01% of the population

#b8b222 hex color

#b8b222 Color Information

#b8b222 Color Conversion

Color Schemes with #b8b222

Alternatives to #b8b222

#b8b222 Preview

Shades and Tints of #b8b222

Tones of #b8b222

Color Blindness Simulator