#b4dc1d hex color

In a RGB color space, hex #b4dc1d is composed of 70.6% red, 86.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 86.8% yellow and 13.7% black. It has a hue angle of 72.6 degrees, a saturation of 76.7% and a lightness of 48.8%. #b4dc1d color hex could be obtained by blending #ffff3a with #69b900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 86
- B 11
RGB color chart
- C 18
- M 0
- Y 87
- K 14
CMYK color chart

● #b4dc1d color description : Vivid yellow.

The hexadecimal color #b4dc1d has RGB values of R:180, G:220, B:29 and CMYK values of C:0.18, M:0, Y:0.87, K:0.14. Its decimal value is 11852829.

Hex triplet	b4dc1d	`#b4dc1d`
RGB Decimal	180, 220, 29	`rgb(180,220,29)`
RGB Percent	70.6, 86.3, 11.4	`rgb(70.6%,86.3%,11.4%)`
CMYK	18, 0, 87, 14
HSL	72.6°, 76.7, 48.8	`hsl(72.6,76.7%,48.8%)`
HSV (or HSB)	72.6°, 86.8, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.367, -35.348, 77.649
XYZ	44.637, 60.978, 10.581
xyY	0.384, 0.525, 60.978
CIE-LCH	82.367, 85.316, 114.477
CIE-LUV	82.367, -18.931, 91.468
Hunter-Lab	78.088, -34.62, 46.628
Binary	10110100, 11011100, 00011101

#b4dc1d
```
#b4dc1d rgb(180,220,29)
```
#451ddc
```
#451ddc rgb(69,29,220)
```

Complementary Color

#dca51d
```
#dca51d rgb(220,165,29)
```
#b4dc1d
```
#b4dc1d rgb(180,220,29)
```
#55dc1d
```
#55dc1d rgb(85,220,29)
```

Analogous Color

#a51ddc
```
#a51ddc rgb(165,29,220)
```
#b4dc1d
```
#b4dc1d rgb(180,220,29)
```
#1d54dc
```
#1d54dc rgb(29,84,220)
```

Split Complementary Color

#dc1db4
```
#dc1db4 rgb(220,29,180)
```
#b4dc1d
```
#b4dc1d rgb(180,220,29)
```
#1db4dc
```
#1db4dc rgb(29,180,220)
```

Triadic Color

#dc451d
```
#dc451d rgb(220,69,29)
```
#b4dc1d
```
#b4dc1d rgb(180,220,29)
```
#1db4dc
```
#1db4dc rgb(29,180,220)
```
#451ddc
```
#451ddc rgb(69,29,220)
```

Tetradic Color

#7d9814
```
#7d9814 rgb(125,152,20)
```
#8faf17
```
#8faf17 rgb(143,175,23)
```
#a2c51a
```
#a2c51a rgb(162,197,26)
```
#b4dc1d
```
#b4dc1d rgb(180,220,29)
```
#bee42f
```
#bee42f rgb(190,228,47)
```
#c5e745
```
#c5e745 rgb(197,231,69)
```
#ccea5c
```
#ccea5c rgb(204,234,92)
```

Monochromatic Color

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

#dcd41d
```
#dcd41d rgb(220,212,29)
```
#d4dc1d
```
#d4dc1d rgb(212,220,29)
```
#c4dc1d
```
#c4dc1d rgb(196,220,29)
```
#b4dc1d
```
#b4dc1d rgb(180,220,29)
```
#a4dc1d
```
#a4dc1d rgb(164,220,29)
```
#94dc1d
```
#94dc1d rgb(148,220,29)
```
#84dc1d
```
#84dc1d rgb(132,220,29)
```

Similar Colors

Text with hexadecimal color #b4dc1d

This text has a font color of #b4dc1d.

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

#b4dc1d background color

This paragraph has a background color of #b4dc1d.

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

#b4dc1d border color

This element has a border color of #b4dc1d.

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

CSS codes

.text {color:#b4dc1d;}

.background {background-color:#b4dc1d;}

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

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

#0a0c02
```
#0a0c02 rgb(10,12,2)
```
#181d04
```
#181d04 rgb(24,29,4)
```
#262f06
```
#262f06 rgb(38,47,6)
```
#344008
```
#344008 rgb(52,64,8)
```
#43510b
```
#43510b rgb(67,81,11)
```
#51630d
```
#51630d rgb(81,99,13)
```
#5f740f
```
#5f740f rgb(95,116,15)
```
#6d8512
```
#6d8512 rgb(109,133,18)
```
#7b9714
```
#7b9714 rgb(123,151,20)
```
#89a816
```
#89a816 rgb(137,168,22)
```
#98b918
```
#98b918 rgb(152,185,24)
```
#a6cb1b
```
#a6cb1b rgb(166,203,27)
```
#b4dc1d
```
#b4dc1d rgb(180,220,29)
```

Shade Color Variation

#bce32a
```
#bce32a rgb(188,227,42)
```
#c2e53b
```
#c2e53b rgb(194,229,59)
```
#c7e74c
```
#c7e74c rgb(199,231,76)
```
#ccea5e
```
#ccea5e rgb(204,234,94)
```
#d2ec6f
```
#d2ec6f rgb(210,236,111)
```
#d7ee80
```
#d7ee80 rgb(215,238,128)
```
#ddf192
```
#ddf192 rgb(221,241,146)
```
#e2f3a3
```
#e2f3a3 rgb(226,243,163)
```
#e8f5b4
```
#e8f5b4 rgb(232,245,180)
```
#edf7c6
```
#edf7c6 rgb(237,247,198)
```
#f2fad7
```
#f2fad7 rgb(242,250,215)
```
#f8fce8
```
#f8fce8 rgb(248,252,232)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#828673
```
#828673 rgb(130,134,115)
```
#878f6a
```
#878f6a rgb(135,143,106)
```
#8d9960
```
#8d9960 rgb(141,153,96)
```
#93a356
```
#93a356 rgb(147,163,86)
```
#98ac4d
```
#98ac4d rgb(152,172,77)
```
#9eb643
```
#9eb643 rgb(158,182,67)
```
#a3bf3a
```
#a3bf3a rgb(163,191,58)
```
#a9c930
```
#a9c930 rgb(169,201,48)
```
#aed227
```
#aed227 rgb(174,210,39)
```
#b4dc1d
```
#b4dc1d rgb(180,220,29)
```
#bae613
```
#bae613 rgb(186,230,19)
```
#bfef0a
```
#bfef0a rgb(191,239,10)
```
#c5f900
```
#c5f900 rgb(197,249,0)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b9c19b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf24 Protanopia 1% of men
#ffc655 Deuteranopia 1% of men
#cbcfde Tritanopia 0.001% of the population

Trichromacy

#d5d421 Protanomaly 1% of men, 0.01% of women
#e3ce41 Deuteranomaly 6% of men, 0.4% of women
#c2d397 Tritanomaly 0.01% of the population

#b4dc1d hex color

#b4dc1d Color Information

#b4dc1d Color Conversion

Color Schemes with #b4dc1d

Alternatives to #b4dc1d

#b4dc1d Preview

Shades and Tints of #b4dc1d

Tones of #b4dc1d

Color Blindness Simulator