#b4c216 hex color

In a RGB color space, hex #b4c216 is composed of 70.6% red, 76.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 0% magenta, 88.7% yellow and 23.9% black. It has a hue angle of 64.9 degrees, a saturation of 79.6% and a lightness of 42.4%. #b4c216 color hex could be obtained by blending #ffff2c with #698500. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 71
- G 76
- B 9
RGB color chart
- C 7
- M 0
- Y 89
- K 24
CMYK color chart

● #b4c216 color description : Strong yellow.

The hexadecimal color #b4c216 has RGB values of R:180, G:194, B:22 and CMYK values of C:0.07, M:0, Y:0.89, K:0.24. Its decimal value is 11846166.

Hex triplet	b4c216	`#b4c216`
RGB Decimal	180, 194, 22	`rgb(180,194,22)`
RGB Percent	70.6, 76.1, 8.6	`rgb(70.6%,76.1%,8.6%)`
CMYK	7, 0, 89, 24
HSL	64.9°, 79.6, 42.4	`hsl(64.9,79.6%,42.4%)`
HSV (or HSB)	64.9°, 88.7, 76.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	75.042, -23.246, 72.941
XYZ	38.259, 48.345, 8.075
xyY	0.404, 0.511, 48.345
CIE-LCH	75.042, 76.555, 107.677
CIE-LUV	75.042, -3.462, 82.011
Hunter-Lab	69.531, -23.46, 41.786
Binary	10110100, 11000010, 00010110

#b4c216
```
#b4c216 rgb(180,194,22)
```
#2416c2
```
#2416c2 rgb(36,22,194)
```

Complementary Color

#c27a16
```
#c27a16 rgb(194,122,22)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#5ec216
```
#5ec216 rgb(94,194,22)
```

Analogous Color

#7a16c2
```
#7a16c2 rgb(122,22,194)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#165ec2
```
#165ec2 rgb(22,94,194)
```

Split Complementary Color

#c216b4
```
#c216b4 rgb(194,22,180)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#16b4c2
```
#16b4c2 rgb(22,180,194)
```

Triadic Color

#c22416
```
#c22416 rgb(194,36,22)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#16b4c2
```
#16b4c2 rgb(22,180,194)
```
#2416c2
```
#2416c2 rgb(36,22,194)
```

Tetradic Color

#747d0e
```
#747d0e rgb(116,125,14)
```
#8a9411
```
#8a9411 rgb(138,148,17)
```
#9fab13
```
#9fab13 rgb(159,171,19)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#c9d919
```
#c9d919 rgb(201,217,25)
```
#d7e625
```
#d7e625 rgb(215,230,37)
```
#dbe93c
```
#dbe93c rgb(219,233,60)
```

Monochromatic Color

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

#c2a516
```
#c2a516 rgb(194,165,22)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#c2c216
```
#c2c216 rgb(194,194,22)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#a6c216
```
#a6c216 rgb(166,194,22)
```
#97c216
```
#97c216 rgb(151,194,22)
```
#89c216
```
#89c216 rgb(137,194,22)
```

Similar Colors

Text with hexadecimal color #b4c216

This text has a font color of #b4c216.

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

#b4c216 background color

This paragraph has a background color of #b4c216.

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

#b4c216 border color

This element has a border color of #b4c216.

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

CSS codes

.text {color:#b4c216;}

.background {background-color:#b4c216;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#111202
```
#111202 rgb(17,18,2)
```
#212304
```
#212304 rgb(33,35,4)
```
#313506
```
#313506 rgb(49,53,6)
```
#424708
```
#424708 rgb(66,71,8)
```
#52580a
```
#52580a rgb(82,88,10)
```
#626a0c
```
#626a0c rgb(98,106,12)
```
#737c0e
```
#737c0e rgb(115,124,14)
```
#838d10
```
#838d10 rgb(131,141,16)
```
#939f12
```
#939f12 rgb(147,159,18)
```
#a4b014
```
#a4b014 rgb(164,176,20)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#c4d418
```
#c4d418 rgb(196,212,24)
```

Shade Color Variation

#d5e51a
```
#d5e51a rgb(213,229,26)
```
#d8e72c
```
#d8e72c rgb(216,231,44)
```
#dbe93d
```
#dbe93d rgb(219,233,61)
```
#deeb4f
```
#deeb4f rgb(222,235,79)
```
#e2ed61
```
#e2ed61 rgb(226,237,97)
```
#e5ef72
```
#e5ef72 rgb(229,239,114)
```
#e8f184
```
#e8f184 rgb(232,241,132)
```
#ebf396
```
#ebf396 rgb(235,243,150)
```
#eff5a7
```
#eff5a7 rgb(239,245,167)
```
#f2f7b9
```
#f2f7b9 rgb(242,247,185)
```
#f5f9ca
```
#f5f9ca rgb(245,249,202)
```
#f9fbdc
```
#f9fbdc rgb(249,251,220)
```
#fcfdee
```
#fcfdee rgb(252,253,238)
```

Tint Color Variation

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

#6e6f69
```
#6e6f69 rgb(110,111,105)
```
#757761
```
#757761 rgb(117,119,97)
```
#7c8058
```
#7c8058 rgb(124,128,88)
```
#838850
```
#838850 rgb(131,136,80)
```
#8a9048
```
#8a9048 rgb(138,144,72)
```
#919840
```
#919840 rgb(145,152,64)
```
#98a137
```
#98a137 rgb(152,161,55)
```
#9fa92f
```
#9fa92f rgb(159,169,47)
```
#a6b127
```
#a6b127 rgb(166,177,39)
```
#adba1e
```
#adba1e rgb(173,186,30)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#bbca0e
```
#bbca0e rgb(187,202,14)
```
#c2d305
```
#c2d305 rgb(194,211,5)
```

Tone Color Variation

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

Dichromacy

#d3bc1f Protanopia 1% of men
#eab330 Deuteranopia 1% of men
#c6b8c5 Tritanopia 0.001% of the population

Trichromacy

#c7be1c Protanomaly 1% of men, 0.01% of women
#d6b827 Deuteranomaly 6% of men, 0.4% of women
#bfbb85 Tritanomaly 0.01% of the population

#b4c216 hex color

#b4c216 Color Information

#b4c216 Color Conversion

Color Schemes with #b4c216

Alternatives to #b4c216

#b4c216 Preview

Shades and Tints of #b4c216

Tones of #b4c216

Color Blindness Simulator