#b4bf22 hex color

In a RGB color space, hex #b4bf22 is composed of 70.6% red, 74.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 5.8% cyan, 0% magenta, 82.2% yellow and 25.1% black. It has a hue angle of 64.2 degrees, a saturation of 69.8% and a lightness of 44.1%. #b4bf22 color hex could be obtained by blending #ffff44 with #697f00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 75
- B 13
RGB color chart
- C 6
- M 0
- Y 82
- K 25
CMYK color chart

● #b4bf22 color description : Strong yellow.

The hexadecimal color #b4bf22 has RGB values of R:180, G:191, B:34 and CMYK values of C:0.06, M:0, Y:0.82, K:0.25. Its decimal value is 11845410.

Hex triplet	b4bf22	`#b4bf22`
RGB Decimal	180, 191, 34	`rgb(180,191,34)`
RGB Percent	70.6, 74.9, 13.3	`rgb(70.6%,74.9%,13.3%)`
CMYK	6, 0, 82, 25
HSL	64.2°, 69.8, 44.1	`hsl(64.2,69.8%,44.1%)`
HSV (or HSB)	64.2°, 82.2, 74.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.241, -21.465, 69.736
XYZ	37.742, 47.081, 8.613
xyY	0.404, 0.504, 47.081
CIE-LCH	74.241, 72.964, 107.109
CIE-LUV	74.241, -1.665, 79.245
Hunter-Lab	68.615, -21.893, 40.589
Binary	10110100, 10111111, 00100010

#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#2d22bf
```
#2d22bf rgb(45,34,191)
```

Complementary Color

#bf7c22
```
#bf7c22 rgb(191,124,34)
```
#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#66bf22
```
#66bf22 rgb(102,191,34)
```

Analogous Color

#7c22bf
```
#7c22bf rgb(124,34,191)
```
#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#2266bf
```
#2266bf rgb(34,102,191)
```

Split Complementary Color

#bf22b4
```
#bf22b4 rgb(191,34,180)
```
#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#22b4bf
```
#22b4bf rgb(34,180,191)
```

Triadic Color

#bf2d22
```
#bf2d22 rgb(191,45,34)
```
#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#22b4bf
```
#22b4bf rgb(34,180,191)
```
#2d22bf
```
#2d22bf rgb(45,34,191)
```

Tetradic Color

#777e16
```
#777e16 rgb(119,126,22)
```
#8b941a
```
#8b941a rgb(139,148,26)
```
#a0a91e
```
#a0a91e rgb(160,169,30)
```
#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#c8d526
```
#c8d526 rgb(200,213,38)
```
#d0dc38
```
#d0dc38 rgb(208,220,56)
```
#d5df4e
```
#d5df4e rgb(213,223,78)
```

Monochromatic Color

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

#bfa322
```
#bfa322 rgb(191,163,34)
```
#bfb022
```
#bfb022 rgb(191,176,34)
```
#bfbd22
```
#bfbd22 rgb(191,189,34)
```
#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#a7bf22
```
#a7bf22 rgb(167,191,34)
```
#9abf22
```
#9abf22 rgb(154,191,34)
```
#8dbf22
```
#8dbf22 rgb(141,191,34)
```

Similar Colors

Text with hexadecimal color #b4bf22

This text has a font color of #b4bf22.

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

#b4bf22 background color

This paragraph has a background color of #b4bf22.

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

#b4bf22 border color

This element has a border color of #b4bf22.

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

CSS codes

.text {color:#b4bf22;}

.background {background-color:#b4bf22;}

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

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

#070801
```
#070801 rgb(7,8,1)
```
#171804
```
#171804 rgb(23,24,4)
```
#272907
```
#272907 rgb(39,41,7)
```
#363a0a
```
#363a0a rgb(54,58,10)
```
#464a0d
```
#464a0d rgb(70,74,13)
```
#565b10
```
#565b10 rgb(86,91,16)
```
#666c13
```
#666c13 rgb(102,108,19)
```
#757c16
```
#757c16 rgb(117,124,22)
```
#858d19
```
#858d19 rgb(133,141,25)
```
#959e1c
```
#959e1c rgb(149,158,28)
```
#a4ae1f
```
#a4ae1f rgb(164,174,31)
```
#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#c4d025
```
#c4d025 rgb(196,208,37)
```

Shade Color Variation

#ceda2e
```
#ceda2e rgb(206,218,46)
```
#d2dd3f
```
#d2dd3f rgb(210,221,63)
```
#d6e050
```
#d6e050 rgb(214,224,80)
```
#dae360
```
#dae360 rgb(218,227,96)
```
#dee671
```
#dee671 rgb(222,230,113)
```
#e1e982
```
#e1e982 rgb(225,233,130)
```
#e5ec92
```
#e5ec92 rgb(229,236,146)
```
#e9efa3
```
#e9efa3 rgb(233,239,163)
```
#edf2b4
```
#edf2b4 rgb(237,242,180)
```
#f1f5c4
```
#f1f5c4 rgb(241,245,196)
```
#f5f8d5
```
#f5f8d5 rgb(245,248,213)
```
#f9fae6
```
#f9fae6 rgb(249,250,230)
```
#fdfdf6
```
#fdfdf6 rgb(253,253,246)
```

Tint Color Variation

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

#717170
```
#717170 rgb(113,113,112)
```
#787a67
```
#787a67 rgb(120,122,103)
```
#80825f
```
#80825f rgb(128,130,95)
```
#878b56
```
#878b56 rgb(135,139,86)
```
#8f944d
```
#8f944d rgb(143,148,77)
```
#969c45
```
#969c45 rgb(150,156,69)
```
#9ea53c
```
#9ea53c rgb(158,165,60)
```
#a5ae33
```
#a5ae33 rgb(165,174,51)
```
#adb62b
```
#adb62b rgb(173,182,43)
```
#b4bf22
```
#b4bf22 rgb(180,191,34)
```
#bbc819
```
#bbc819 rgb(187,200,25)
```
#c3d011
```
#c3d011 rgb(195,208,17)
```
#cad908
```
#cad908 rgb(202,217,8)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#acae8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba2b Protanopia 1% of men
#e7b138 Deuteranopia 1% of men
#c6b5c2 Tritanopia 0.001% of the population

Trichromacy

#c6bc28 Protanomaly 1% of men, 0.01% of women
#d4b630 Deuteranomaly 6% of men, 0.4% of women
#bfb988 Tritanomaly 0.01% of the population

#b4bf22 hex color

#b4bf22 Color Information

#b4bf22 Color Conversion

Color Schemes with #b4bf22

Alternatives to #b4bf22

#b4bf22 Preview

Shades and Tints of #b4bf22

Tones of #b4bf22

Color Blindness Simulator