#b4bc2d hex color

In a RGB color space, hex #b4bc2d is composed of 70.6% red, 73.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 76.1% yellow and 26.3% black. It has a hue angle of 63.4 degrees, a saturation of 61.4% and a lightness of 45.7%. #b4bc2d color hex could be obtained by blending #ffff5a with #697900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 74
- B 18
RGB color chart
- C 4
- M 0
- Y 76
- K 26
CMYK color chart

● #b4bc2d color description : Strong yellow.

The hexadecimal color #b4bc2d has RGB values of R:180, G:188, B:45 and CMYK values of C:0.04, M:0, Y:0.76, K:0.26. Its decimal value is 11844653.

Hex triplet	b4bc2d	`#b4bc2d`
RGB Decimal	180, 188, 45	`rgb(180,188,45)`
RGB Percent	70.6, 73.7, 17.6	`rgb(70.6%,73.7%,17.6%)`
CMYK	4, 0, 76, 26
HSL	63.4°, 61.4, 45.7	`hsl(63.4,61.4%,45.7%)`
HSV (or HSB)	63.4°, 76.1, 73.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.454, -19.58, 65.931
XYZ	37.279, 45.86, 9.37
xyY	0.403, 0.496, 45.86
CIE-LCH	73.454, 68.777, 106.541
CIE-LUV	73.454, 0.11, 75.991
Hunter-Lab	67.72, -20.247, 39.2
Binary	10110100, 10111100, 00101101

#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#352dbc
```
#352dbc rgb(53,45,188)
```

Complementary Color

#bc7d2d
```
#bc7d2d rgb(188,125,45)
```
#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#6dbc2d
```
#6dbc2d rgb(109,188,45)
```

Analogous Color

#7d2dbc
```
#7d2dbc rgb(125,45,188)
```
#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#2d6dbc
```
#2d6dbc rgb(45,109,188)
```

Split Complementary Color

#bc2db4
```
#bc2db4 rgb(188,45,180)
```
#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#2db4bc
```
#2db4bc rgb(45,180,188)
```

Triadic Color

#bc352d
```
#bc352d rgb(188,53,45)
```
#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#2db4bc
```
#2db4bc rgb(45,180,188)
```
#352dbc
```
#352dbc rgb(53,45,188)
```

Tetradic Color

#797e1e
```
#797e1e rgb(121,126,30)
```
#8d9323
```
#8d9323 rgb(141,147,35)
```
#a0a728
```
#a0a728 rgb(160,167,40)
```
#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#c6ce34
```
#c6ce34 rgb(198,206,52)
```
#ccd349
```
#ccd349 rgb(204,211,73)
```
#d1d85d
```
#d1d85d rgb(209,216,93)
```

Monochromatic Color

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

#bca02d
```
#bca02d rgb(188,160,45)
```
#bcac2d
```
#bcac2d rgb(188,172,45)
```
#bcb82d
```
#bcb82d rgb(188,184,45)
```
#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#a8bc2d
```
#a8bc2d rgb(168,188,45)
```
#9cbc2d
```
#9cbc2d rgb(156,188,45)
```
#90bc2d
```
#90bc2d rgb(144,188,45)
```

Similar Colors

Text with hexadecimal color #b4bc2d

This text has a font color of #b4bc2d.

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

#b4bc2d background color

This paragraph has a background color of #b4bc2d.

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

#b4bc2d border color

This element has a border color of #b4bc2d.

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

CSS codes

.text {color:#b4bc2d;}

.background {background-color:#b4bc2d;}

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

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

#0d0e03
```
#0d0e03 rgb(13,14,3)
```
#1c1e07
```
#1c1e07 rgb(28,30,7)
```
#2c2e0b
```
#2c2e0b rgb(44,46,11)
```
#3b3d0f
```
#3b3d0f rgb(59,61,15)
```
#4a4d12
```
#4a4d12 rgb(74,77,18)
```
#595d16
```
#595d16 rgb(89,93,22)
```
#686d1a
```
#686d1a rgb(104,109,26)
```
#777d1e
```
#777d1e rgb(119,125,30)
```
#878d22
```
#878d22 rgb(135,141,34)
```
#969c25
```
#969c25 rgb(150,156,37)
```
#a5ac29
```
#a5ac29 rgb(165,172,41)
```
#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#c3cc31
```
#c3cc31 rgb(195,204,49)
```

Shade Color Variation

#c9d13f
```
#c9d13f rgb(201,209,63)
```
#cdd54f
```
#cdd54f rgb(205,213,79)
```
#d2d95f
```
#d2d95f rgb(210,217,95)
```
#d6dc6f
```
#d6dc6f rgb(214,220,111)
```
#dbe07e
```
#dbe07e rgb(219,224,126)
```
#dfe48e
```
#dfe48e rgb(223,228,142)
```
#e4e89e
```
#e4e89e rgb(228,232,158)
```
#e8ecae
```
#e8ecae rgb(232,236,174)
```
#edefbe
```
#edefbe rgb(237,239,190)
```
#f1f3ce
```
#f1f3ce rgb(241,243,206)
```
#f6f7dd
```
#f6f7dd rgb(246,247,221)
```
#fafbed
```
#fafbed rgb(250,251,237)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#7c7d6c
```
#7c7d6c rgb(124,125,108)
```
#848663
```
#848663 rgb(132,134,99)
```
#8c8f5a
```
#8c8f5a rgb(140,143,90)
```
#949851
```
#949851 rgb(148,152,81)
```
#9ca148
```
#9ca148 rgb(156,161,72)
```
#a4aa3f
```
#a4aa3f rgb(164,170,63)
```
#acb336
```
#acb336 rgb(172,179,54)
```
#b4bc2d
```
#b4bc2d rgb(180,188,45)
```
#bcc524
```
#bcc524 rgb(188,197,36)
```
#c4ce1b
```
#c4ce1b rgb(196,206,27)
```
#ccd712
```
#ccd712 rgb(204,215,18)
```
#d4e009
```
#d4e009 rgb(212,224,9)
```
#dce900
```
#dce900 rgb(220,233,0)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#abad90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb836 Protanopia 1% of men
#e4af40 Deuteranopia 1% of men
#c5b3bf Tritanopia 0.001% of the population

Trichromacy

#c4b932 Protanomaly 1% of men, 0.01% of women
#d2b439 Deuteranomaly 6% of men, 0.4% of women
#bfb68a Tritanomaly 0.01% of the population

#b4bc2d hex color

#b4bc2d Color Information

#b4bc2d Color Conversion

Color Schemes with #b4bc2d

Alternatives to #b4bc2d

#b4bc2d Preview

Shades and Tints of #b4bc2d

Tones of #b4bc2d

Color Blindness Simulator