#b4b816 hex color

In a RGB color space, hex #b4b816 is composed of 70.6% red, 72.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 88% yellow and 27.8% black. It has a hue angle of 61.5 degrees, a saturation of 78.6% and a lightness of 40.4%. #b4b816 color hex could be obtained by blending #ffff2c with #697100. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 71
- G 72
- B 9
RGB color chart
- C 2
- M 0
- Y 88
- K 28
CMYK color chart

● #b4b816 color description : Strong yellow.

The hexadecimal color #b4b816 has RGB values of R:180, G:184, B:22 and CMYK values of C:0.02, M:0, Y:0.88, K:0.28. Its decimal value is 11843606.

Hex triplet	b4b816	`#b4b816`
RGB Decimal	180, 184, 22	`rgb(180,184,22)`
RGB Percent	70.6, 72.2, 8.6	`rgb(70.6%,72.2%,8.6%)`
CMYK	2, 0, 88, 28
HSL	61.5°, 78.6, 40.4	`hsl(61.5,78.6%,40.4%)`
HSV (or HSB)	61.5°, 88, 72.2
Web Safe	cccc00	`#cccc00`

CIE-LAB	72.257, -18.294, 70.704
XYZ	36.108, 44.043, 7.358
xyY	0.413, 0.503, 44.043
CIE-LCH	72.257, 73.032, 104.507
CIE-LUV	72.257, 2.9, 78.059
Hunter-Lab	66.365, -19.02, 39.882
Binary	10110100, 10111000, 00010110

#b4b816
```
#b4b816 rgb(180,184,22)
```
#1a16b8
```
#1a16b8 rgb(26,22,184)
```

Complementary Color

#b86b16
```
#b86b16 rgb(184,107,22)
```
#b4b816
```
#b4b816 rgb(180,184,22)
```
#63b816
```
#63b816 rgb(99,184,22)
```

Analogous Color

#6b16b8
```
#6b16b8 rgb(107,22,184)
```
#b4b816
```
#b4b816 rgb(180,184,22)
```
#1663b8
```
#1663b8 rgb(22,99,184)
```

Split Complementary Color

#b816b4
```
#b816b4 rgb(184,22,180)
```
#b4b816
```
#b4b816 rgb(180,184,22)
```
#16b4b8
```
#16b4b8 rgb(22,180,184)
```

Triadic Color

#b81a16
```
#b81a16 rgb(184,26,22)
```
#b4b816
```
#b4b816 rgb(180,184,22)
```
#16b4b8
```
#16b4b8 rgb(22,180,184)
```
#1a16b8
```
#1a16b8 rgb(26,22,184)
```

Tetradic Color

#71740e
```
#71740e rgb(113,116,14)
```
#878a11
```
#878a11 rgb(135,138,17)
```
#9ea113
```
#9ea113 rgb(158,161,19)
```
#b4b816
```
#b4b816 rgb(180,184,22)
```
#cacf19
```
#cacf19 rgb(202,207,25)
```
#dfe41d
```
#dfe41d rgb(223,228,29)
```
#e2e734
```
#e2e734 rgb(226,231,52)
```

Monochromatic Color

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

#b89416
```
#b89416 rgb(184,148,22)
```
#b8a116
```
#b8a116 rgb(184,161,22)
```
#b8af16
```
#b8af16 rgb(184,175,22)
```
#b4b816
```
#b4b816 rgb(180,184,22)
```
#a7b816
```
#a7b816 rgb(167,184,22)
```
#99b816
```
#99b816 rgb(153,184,22)
```
#8cb816
```
#8cb816 rgb(140,184,22)
```

Similar Colors

Text with hexadecimal color #b4b816

This text has a font color of #b4b816.

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

#b4b816 background color

This paragraph has a background color of #b4b816.

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

#b4b816 border color

This element has a border color of #b4b816.

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

CSS codes

.text {color:#b4b816;}

.background {background-color:#b4b816;}

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

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

#090901
```
#090901 rgb(9,9,1)
```
#1a1a03
```
#1a1a03 rgb(26,26,3)
```
#2b2c05
```
#2b2c05 rgb(43,44,5)
```
#3c3d07
```
#3c3d07 rgb(60,61,7)
```
#4d4f09
```
#4d4f09 rgb(77,79,9)
```
#5e600c
```
#5e600c rgb(94,96,12)
```
#6f720e
```
#6f720e rgb(111,114,14)
```
#818310
```
#818310 rgb(129,131,16)
```
#929512
```
#929512 rgb(146,149,18)
```
#a3a614
```
#a3a614 rgb(163,166,20)
```
#b4b816
```
#b4b816 rgb(180,184,22)
```
#c5ca18
```
#c5ca18 rgb(197,202,24)
```
#d6db1a
```
#d6db1a rgb(214,219,26)
```

Shade Color Variation

#e0e524
```
#e0e524 rgb(224,229,36)
```
#e3e736
```
#e3e736 rgb(227,231,54)
```
#e5e947
```
#e5e947 rgb(229,233,71)
```
#e7eb59
```
#e7eb59 rgb(231,235,89)
```
#eaed6a
```
#eaed6a rgb(234,237,106)
```
#ecef7c
```
#ecef7c rgb(236,239,124)
```
#eff18d
```
#eff18d rgb(239,241,141)
```
#f1f39f
```
#f1f39f rgb(241,243,159)
```
#f4f6b0
```
#f4f6b0 rgb(244,246,176)
```
#f6f8c2
```
#f6f8c2 rgb(246,248,194)
```
#f9fad3
```
#f9fad3 rgb(249,250,211)
```
#fbfce5
```
#fbfce5 rgb(251,252,229)
```
#fefef6
```
#fefef6 rgb(254,254,246)
```

Tint Color Variation

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

#696965
```
#696965 rgb(105,105,101)
```
#70715d
```
#70715d rgb(112,113,93)
```
#787955
```
#787955 rgb(120,121,85)
```
#7f814d
```
#7f814d rgb(127,129,77)
```
#878846
```
#878846 rgb(135,136,70)
```
#8e903e
```
#8e903e rgb(142,144,62)
```
#969836
```
#969836 rgb(150,152,54)
```
#9da02e
```
#9da02e rgb(157,160,46)
```
#a5a826
```
#a5a826 rgb(165,168,38)
```
#acb01e
```
#acb01e rgb(172,176,30)
```
#b4b816
```
#b4b816 rgb(180,184,22)
```
#bcc00e
```
#bcc00e rgb(188,192,14)
```
#c3c806
```
#c3c806 rgb(195,200,6)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb520 Protanopia 1% of men
#e1ac2e Deuteranopia 1% of men
#c5afbb Tritanopia 0.001% of the population

Trichromacy

#c2b61c Protanomaly 1% of men, 0.01% of women
#d1b025 Deuteranomaly 6% of men, 0.4% of women
#beb27f Tritanomaly 0.01% of the population

#b4b816 hex color

#b4b816 Color Information

#b4b816 Color Conversion

Color Schemes with #b4b816

Alternatives to #b4b816

#b4b816 Preview

Shades and Tints of #b4b816

Tones of #b4b816

Color Blindness Simulator