#b4bd2a hex color

In a RGB color space, hex #b4bd2a is composed of 70.6% red, 74.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 77.8% yellow and 25.9% black. It has a hue angle of 63.7 degrees, a saturation of 63.6% and a lightness of 45.3%. #b4bd2a color hex could be obtained by blending #ffff54 with #697b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 74
- B 16
RGB color chart
- C 5
- M 0
- Y 78
- K 26
CMYK color chart

● #b4bd2a color description : Strong yellow.

The hexadecimal color #b4bd2a has RGB values of R:180, G:189, B:42 and CMYK values of C:0.05, M:0, Y:0.78, K:0.26. Its decimal value is 11844906.

Hex triplet	b4bd2a	`#b4bd2a`
RGB Decimal	180, 189, 42	`rgb(180,189,42)`
RGB Percent	70.6, 74.1, 16.5	`rgb(70.6%,74.1%,16.5%)`
CMYK	5, 0, 78, 26
HSL	63.7°, 63.6, 45.3	`hsl(63.7,63.6%,45.3%)`
HSV (or HSB)	63.7°, 77.8, 74.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.718, -20.198, 67.088
XYZ	37.438, 46.266, 9.148
xyY	0.403, 0.498, 46.266
CIE-LCH	73.718, 70.063, 106.755
CIE-LUV	73.718, -0.485, 77.015
Hunter-Lab	68.019, -20.787, 39.639
Binary	10110100, 10111101, 00101010

#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#332abd
```
#332abd rgb(51,42,189)
```

Complementary Color

#bd7d2a
```
#bd7d2a rgb(189,125,42)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#6bbd2a
```
#6bbd2a rgb(107,189,42)
```

Analogous Color

#7d2abd
```
#7d2abd rgb(125,42,189)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#2a6bbd
```
#2a6bbd rgb(42,107,189)
```

Split Complementary Color

#bd2ab4
```
#bd2ab4 rgb(189,42,180)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#2ab4bd
```
#2ab4bd rgb(42,180,189)
```

Triadic Color

#bd332a
```
#bd332a rgb(189,51,42)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#2ab4bd
```
#2ab4bd rgb(42,180,189)
```
#332abd
```
#332abd rgb(51,42,189)
```

Tetradic Color

#787e1c
```
#787e1c rgb(120,126,28)
```
#8c9321
```
#8c9321 rgb(140,147,33)
```
#a0a825
```
#a0a825 rgb(160,168,37)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#c7d130
```
#c7d130 rgb(199,209,48)
```
#cdd644
```
#cdd644 rgb(205,214,68)
```
#d2da59
```
#d2da59 rgb(210,218,89)
```

Monochromatic Color

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

#bda12a
```
#bda12a rgb(189,161,42)
```
#bdae2a
```
#bdae2a rgb(189,174,42)
```
#bdba2a
```
#bdba2a rgb(189,186,42)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#a8bd2a
```
#a8bd2a rgb(168,189,42)
```
#9cbd2a
```
#9cbd2a rgb(156,189,42)
```
#8fbd2a
```
#8fbd2a rgb(143,189,42)
```

Similar Colors

Text with hexadecimal color #b4bd2a

This text has a font color of #b4bd2a.

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

#b4bd2a background color

This paragraph has a background color of #b4bd2a.

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

#b4bd2a border color

This element has a border color of #b4bd2a.

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

CSS codes

.text {color:#b4bd2a;}

.background {background-color:#b4bd2a;}

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

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, #0c0c03 is the darkest color, while #fefefb is the lightest one.

#0c0c03
```
#0c0c03 rgb(12,12,3)
```
#1b1d06
```
#1b1d06 rgb(27,29,6)
```
#2a2d0a
```
#2a2d0a rgb(42,45,10)
```
#3a3d0d
```
#3a3d0d rgb(58,61,13)
```
#494d11
```
#494d11 rgb(73,77,17)
```
#585d15
```
#585d15 rgb(88,93,21)
```
#686d18
```
#686d18 rgb(104,109,24)
```
#777d1c
```
#777d1c rgb(119,125,28)
```
#868d1f
```
#868d1f rgb(134,141,31)
```
#959d23
```
#959d23 rgb(149,157,35)
```
#a5ad26
```
#a5ad26 rgb(165,173,38)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#c3cd2e
```
#c3cd2e rgb(195,205,46)
```

Shade Color Variation

#cad33b
```
#cad33b rgb(202,211,59)
```
#ced74b
```
#ced74b rgb(206,215,75)
```
#d3db5b
```
#d3db5b rgb(211,219,91)
```
#d7de6b
```
#d7de6b rgb(215,222,107)
```
#dbe27b
```
#dbe27b rgb(219,226,123)
```
#e0e58b
```
#e0e58b rgb(224,229,139)
```
#e4e99b
```
#e4e99b rgb(228,233,155)
```
#e8ecab
```
#e8ecab rgb(232,236,171)
```
#edf0bb
```
#edf0bb rgb(237,240,187)
```
#f1f4cb
```
#f1f4cb rgb(241,244,203)
```
#f5f7db
```
#f5f7db rgb(245,247,219)
```
#fafbeb
```
#fafbeb rgb(250,251,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#767671
```
#767671 rgb(118,118,113)
```
#7d7f68
```
#7d7f68 rgb(125,127,104)
```
#85885f
```
#85885f rgb(133,136,95)
```
#8d9156
```
#8d9156 rgb(141,145,86)
```
#95994e
```
#95994e rgb(149,153,78)
```
#9da245
```
#9da245 rgb(157,162,69)
```
#a4ab3c
```
#a4ab3c rgb(164,171,60)
```
#acb433
```
#acb433 rgb(172,180,51)
```
#b4bd2a
```
#b4bd2a rgb(180,189,42)
```
#bcc621
```
#bcc621 rgb(188,198,33)
```
#c4cf18
```
#c4cf18 rgb(196,207,24)
```
#cbd80f
```
#cbd80f rgb(203,216,15)
```
#d3e106
```
#d3e106 rgb(211,225,6)
```

Tone Color Variation

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

Dichromacy

#ceb933 Protanopia 1% of men
#e5b03d Deuteranopia 1% of men
#c5b4c0 Tritanopia 0.001% of the population

Trichromacy

#c5ba2f Protanomaly 1% of men, 0.01% of women
#d3b436 Deuteranomaly 6% of men, 0.4% of women
#bfb78a Tritanomaly 0.01% of the population

#b4bd2a hex color

#b4bd2a Color Information

#b4bd2a Color Conversion

Color Schemes with #b4bd2a

Alternatives to #b4bd2a

#b4bd2a Preview

Shades and Tints of #b4bd2a

Tones of #b4bd2a

Color Blindness Simulator