#b4dc36 hex color

In a RGB color space, hex #b4dc36 is composed of 70.6% red, 86.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 75.5% yellow and 13.7% black. It has a hue angle of 74.5 degrees, a saturation of 70.3% and a lightness of 53.7%. #b4dc36 color hex could be obtained by blending #ffff6c with #69b900. Closest websafe color is: #cccc33.

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

● #b4dc36 color description : Bright yellow.

The hexadecimal color #b4dc36 has RGB values of R:180, G:220, B:54 and CMYK values of C:0.18, M:0, Y:0.75, K:0.14. Its decimal value is 11852854.

Hex triplet	b4dc36	`#b4dc36`
RGB Decimal	180, 220, 54	`rgb(180,220,54)`
RGB Percent	70.6, 86.3, 21.2	`rgb(70.6%,86.3%,21.2%)`
CMYK	18, 0, 75, 14
HSL	74.5°, 70.3, 53.7	`hsl(74.5,70.3%,53.7%)`
HSV (or HSB)	74.5°, 75.5, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.462, -34.475, 71.485
XYZ	45.081, 61.156, 12.919
xyY	0.378, 0.513, 61.156
CIE-LCH	82.462, 79.364, 115.747
CIE-LUV	82.462, -19.004, 87.283
Hunter-Lab	78.202, -33.954, 44.947
Binary	10110100, 11011100, 00110110

#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#5e36dc
```
#5e36dc rgb(94,54,220)
```

Complementary Color

#dcb136
```
#dcb136 rgb(220,177,54)
```
#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#61dc36
```
#61dc36 rgb(97,220,54)
```

Analogous Color

#b136dc
```
#b136dc rgb(177,54,220)
```
#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#3661dc
```
#3661dc rgb(54,97,220)
```

Split Complementary Color

#dc36b4
```
#dc36b4 rgb(220,54,180)
```
#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#36b4dc
```
#36b4dc rgb(54,180,220)
```

Triadic Color

#dc5e36
```
#dc5e36 rgb(220,94,54)
```
#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#36b4dc
```
#36b4dc rgb(54,180,220)
```
#5e36dc
```
#5e36dc rgb(94,54,220)
```

Tetradic Color

#87a81d
```
#87a81d rgb(135,168,29)
```
#98be21
```
#98be21 rgb(152,190,33)
```
#aad425
```
#aad425 rgb(170,212,37)
```
#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#bce04c
```
#bce04c rgb(188,224,76)
```
#c4e461
```
#c4e461 rgb(196,228,97)
```
#cce777
```
#cce777 rgb(204,231,119)
```

Monochromatic Color

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

#dcdb36
```
#dcdb36 rgb(220,219,54)
```
#d0dc36
```
#d0dc36 rgb(208,220,54)
```
#c2dc36
```
#c2dc36 rgb(194,220,54)
```
#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#a6dc36
```
#a6dc36 rgb(166,220,54)
```
#98dc36
```
#98dc36 rgb(152,220,54)
```
#8bdc36
```
#8bdc36 rgb(139,220,54)
```

Similar Colors

Text with hexadecimal color #b4dc36

This text has a font color of #b4dc36.

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

#b4dc36 background color

This paragraph has a background color of #b4dc36.

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

#b4dc36 border color

This element has a border color of #b4dc36.

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

CSS codes

.text {color:#b4dc36;}

.background {background-color:#b4dc36;}

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

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

#0d1003
```
#0d1003 rgb(13,16,3)
```
#1a2106
```
#1a2106 rgb(26,33,6)
```
#283209
```
#283209 rgb(40,50,9)
```
#35420c
```
#35420c rgb(53,66,12)
```
#42530e
```
#42530e rgb(66,83,14)
```
#506411
```
#506411 rgb(80,100,17)
```
#5d7414
```
#5d7414 rgb(93,116,20)
```
#6b8517
```
#6b8517 rgb(107,133,23)
```
#78961a
```
#78961a rgb(120,150,26)
```
#85a71d
```
#85a71d rgb(133,167,29)
```
#93b720
```
#93b720 rgb(147,183,32)
```
#a0c823
```
#a0c823 rgb(160,200,35)
```
#aed926
```
#aed926 rgb(174,217,38)
```

Shade Color Variation

#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#badf47
```
#badf47 rgb(186,223,71)
```
#c0e257
```
#c0e257 rgb(192,226,87)
```
#c7e568
```
#c7e568 rgb(199,229,104)
```
#cde879
```
#cde879 rgb(205,232,121)
```
#d3eb8a
```
#d3eb8a rgb(211,235,138)
```
#d9ed9a
```
#d9ed9a rgb(217,237,154)
```
#e0f0ab
```
#e0f0ab rgb(224,240,171)
```
#e6f3bc
```
#e6f3bc rgb(230,243,188)
```
#ecf6cc
```
#ecf6cc rgb(236,246,204)
```
#f2f9dd
```
#f2f9dd rgb(242,249,221)
```
#f9fcee
```
#f9fcee rgb(249,252,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8a8a88
```
#8a8a88 rgb(138,138,136)
```
#8e937f
```
#8e937f rgb(142,147,127)
```
#939c76
```
#939c76 rgb(147,156,118)
```
#98a66c
```
#98a66c rgb(152,166,108)
```
#9caf63
```
#9caf63 rgb(156,175,99)
```
#a1b85a
```
#a1b85a rgb(161,184,90)
```
#a6c151
```
#a6c151 rgb(166,193,81)
```
#abca48
```
#abca48 rgb(171,202,72)
```
#afd33f
```
#afd33f rgb(175,211,63)
```
#b4dc36
```
#b4dc36 rgb(180,220,54)
```
#b9e52d
```
#b9e52d rgb(185,229,45)
```
#bdee24
```
#bdee24 rgb(189,238,36)
```
#c2f71b
```
#c2f71b rgb(194,247,27)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbc3a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d03c Protanopia 1% of men
#ffc65b Deuteranopia 1% of men
#cacfde Tritanopia 0.001% of the population

Trichromacy

#d5d43a Protanomaly 1% of men, 0.01% of women
#e3ce4e Deuteranomaly 6% of men, 0.4% of women
#c2d4a1 Tritanomaly 0.01% of the population

#b4dc36 hex color

#b4dc36 Color Information

#b4dc36 Color Conversion

Color Schemes with #b4dc36

Alternatives to #b4dc36

#b4dc36 Preview

Shades and Tints of #b4dc36

Tones of #b4dc36

Color Blindness Simulator