#b4d164 hex color

In a RGB color space, hex #b4d164 is composed of 70.6% red, 82% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 0% magenta, 52.2% yellow and 18% black. It has a hue angle of 76 degrees, a saturation of 54.2% and a lightness of 60.6%. #b4d164 color hex could be obtained by blending #ffffc8 with #69a300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 82
- B 39
RGB color chart
- C 14
- M 0
- Y 52
- K 18
CMYK color chart

● #b4d164 color description : Moderate green.

The hexadecimal color #b4d164 has RGB values of R:180, G:209, B:100 and CMYK values of C:0.14, M:0, Y:0.52, K:0.18. Its decimal value is 11850084.

Hex triplet	b4d164	`#b4d164`
RGB Decimal	180, 209, 100	`rgb(180,209,100)`
RGB Percent	70.6, 82, 39.2	`rgb(70.6%,82%,39.2%)`
CMYK	14, 0, 52, 18
HSL	76°, 54.2, 60.6	`hsl(76,54.2%,60.6%)`
HSV (or HSB)	76°, 52.2, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.741, -26.115, 50.266
XYZ	43.922, 56.224, 20.594
xyY	0.364, 0.466, 56.224
CIE-LCH	79.741, 56.646, 117.454
CIE-LUV	79.741, -13.187, 67.212
Hunter-Lab	74.983, -26.66, 36.204
Binary	10110100, 11010001, 01100100

#b4d164
```
#b4d164 rgb(180,209,100)
```
#8164d1
```
#8164d1 rgb(129,100,209)
```

Complementary Color

#d1b864
```
#d1b864 rgb(209,184,100)
```
#b4d164
```
#b4d164 rgb(180,209,100)
```
#7ed164
```
#7ed164 rgb(126,209,100)
```

Analogous Color

#b864d1
```
#b864d1 rgb(184,100,209)
```
#b4d164
```
#b4d164 rgb(180,209,100)
```
#647ed1
```
#647ed1 rgb(100,126,209)
```

Split Complementary Color

#d164b4
```
#d164b4 rgb(209,100,180)
```
#b4d164
```
#b4d164 rgb(180,209,100)
```
#64b4d1
```
#64b4d1 rgb(100,180,209)
```

Triadic Color

#d18164
```
#d18164 rgb(209,129,100)
```
#b4d164
```
#b4d164 rgb(180,209,100)
```
#64b4d1
```
#64b4d1 rgb(100,180,209)
```
#8164d1
```
#8164d1 rgb(129,100,209)
```

Tetradic Color

#92b335
```
#92b335 rgb(146,179,53)
```
#a1c53d
```
#a1c53d rgb(161,197,61)
```
#aacb50
```
#aacb50 rgb(170,203,80)
```
#b4d164
```
#b4d164 rgb(180,209,100)
```
#bed778
```
#bed778 rgb(190,215,120)
```
#c7dd8b
```
#c7dd8b rgb(199,221,139)
```
#d1e39f
```
#d1e39f rgb(209,227,159)
```

Monochromatic Color

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

#cfd164
```
#cfd164 rgb(207,209,100)
```
#c6d164
```
#c6d164 rgb(198,209,100)
```
#bdd164
```
#bdd164 rgb(189,209,100)
```
#b4d164
```
#b4d164 rgb(180,209,100)
```
#abd164
```
#abd164 rgb(171,209,100)
```
#a2d164
```
#a2d164 rgb(162,209,100)
```
#99d164
```
#99d164 rgb(153,209,100)
```

Similar Colors

Text with hexadecimal color #b4d164

This text has a font color of #b4d164.

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

#b4d164 background color

This paragraph has a background color of #b4d164.

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

#b4d164 border color

This element has a border color of #b4d164.

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

CSS codes

.text {color:#b4d164;}

.background {background-color:#b4d164;}

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

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, #090b03 is the darkest color, while #fdfefb is the lightest one.

#090b03
```
#090b03 rgb(9,11,3)
```
#161b08
```
#161b08 rgb(22,27,8)
```
#222a0c
```
#222a0c rgb(34,42,12)
```
#2e3911
```
#2e3911 rgb(46,57,17)
```
#3a4815
```
#3a4815 rgb(58,72,21)
```
#47571a
```
#47571a rgb(71,87,26)
```
#53661e
```
#53661e rgb(83,102,30)
```
#5f7523
```
#5f7523 rgb(95,117,35)
```
#6c8427
```
#6c8427 rgb(108,132,39)
```
#78942c
```
#78942c rgb(120,148,44)
```
#84a330
```
#84a330 rgb(132,163,48)
```
#91b235
```
#91b235 rgb(145,178,53)
```
#9dc139
```
#9dc139 rgb(157,193,57)
```

Shade Color Variation

#a5c846
```
#a5c846 rgb(165,200,70)
```
#adcd55
```
#adcd55 rgb(173,205,85)
```
#b4d164
```
#b4d164 rgb(180,209,100)
```
#bbd573
```
#bbd573 rgb(187,213,115)
```
#c3da82
```
#c3da82 rgb(195,218,130)
```
#cade91
```
#cade91 rgb(202,222,145)
```
#d1e3a1
```
#d1e3a1 rgb(209,227,161)
```
#d9e7b0
```
#d9e7b0 rgb(217,231,176)
```
#e0ecbf
```
#e0ecbf rgb(224,236,191)
```
#e7f0ce
```
#e7f0ce rgb(231,240,206)
```
#eff5dd
```
#eff5dd rgb(239,245,221)
```
#f6f9ec
```
#f6f9ec rgb(246,249,236)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#9b9b9a
```
#9b9b9a rgb(155,155,154)
```
#9ea392
```
#9ea392 rgb(158,163,146)
```
#a2aa8b
```
#a2aa8b rgb(162,170,139)
```
#a6b283
```
#a6b283 rgb(166,178,131)
```
#a9ba7b
```
#a9ba7b rgb(169,186,123)
```
#adc273
```
#adc273 rgb(173,194,115)
```
#b0c96c
```
#b0c96c rgb(176,201,108)
```
#b4d164
```
#b4d164 rgb(180,209,100)
```
#b8d95c
```
#b8d95c rgb(184,217,92)
```
#bbe055
```
#bbe055 rgb(187,224,85)
```
#bfe84d
```
#bfe84d rgb(191,232,77)
```
#c2f045
```
#c2f045 rgb(194,240,69)
```
#c6f83d
```
#c6f83d rgb(198,248,61)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bac0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc868 Protanopia 1% of men
#f3bf72 Deuteranopia 1% of men
#c6c7d6 Tritanopia 0.001% of the population

Trichromacy

#cecb66 Protanomaly 1% of men, 0.01% of women
#dcc66d Deuteranomaly 6% of men, 0.4% of women
#bfcbac Tritanomaly 0.01% of the population

#b4d164 hex color

#b4d164 Color Information

#b4d164 Color Conversion

Color Schemes with #b4d164

Alternatives to #b4d164

#b4d164 Preview

Shades and Tints of #b4d164

Tones of #b4d164

Color Blindness Simulator