#b4d8b4 hex color

In a RGB color space, hex #b4d8b4 is composed of 70.6% red, 84.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 16.7% yellow and 15.3% black. It has a hue angle of 120 degrees, a saturation of 31.6% and a lightness of 77.6%. #b4d8b4 color hex could be obtained by blending #ffffff with #69b169. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 85
- B 71
RGB color chart
- C 17
- M 0
- Y 17
- K 15
CMYK color chart

● #b4d8b4 color description : Grayish lime green.

The hexadecimal color #b4d8b4 has RGB values of R:180, G:216, B:180 and CMYK values of C:0.17, M:0, Y:0.17, K:0.15. Its decimal value is 11851956.

Hex triplet	b4d8b4	`#b4d8b4`
RGB Decimal	180, 216, 180	`rgb(180,216,180)`
RGB Percent	70.6, 84.7, 70.6	`rgb(70.6%,84.7%,70.6%)`
CMYK	17, 0, 17, 15
HSL	120°, 31.6, 77.6	`hsl(120,31.6%,77.6%)`
HSV (or HSB)	120°, 16.7, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.972, -18.676, 13.864
XYZ	51.614, 62.109, 52.446
xyY	0.311, 0.374, 62.109
CIE-LCH	82.972, 23.259, 143.412
CIE-LUV	82.972, -18.154, 23.455
Hunter-Lab	78.809, -21.012, 15.71
Binary	10110100, 11011000, 10110100

#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#d8b4d8
```
#d8b4d8 rgb(216,180,216)
```

Complementary Color

#c6d8b4
```
#c6d8b4 rgb(198,216,180)
```
#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#b4d8c6
```
#b4d8c6 rgb(180,216,198)
```

Analogous Color

#d8b4c6
```
#d8b4c6 rgb(216,180,198)
```
#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#c6b4d8
```
#c6b4d8 rgb(198,180,216)
```

Split Complementary Color

#d8b4b4
```
#d8b4b4 rgb(216,180,180)
```
#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#b4b4d8
```
#b4b4d8 rgb(180,180,216)
```

Triadic Color

#d8d8b4
```
#d8d8b4 rgb(216,216,180)
```
#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#b4b4d8
```
#b4b4d8 rgb(180,180,216)
```
#d8b4d8
```
#d8b4d8 rgb(216,180,216)
```

Tetradic Color

#82be82
```
#82be82 rgb(130,190,130)
```
#92c792
```
#92c792 rgb(146,199,146)
```
#a3cfa3
```
#a3cfa3 rgb(163,207,163)
```
#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#c5e1c5
```
#c5e1c5 rgb(197,225,197)
```
#d6e9d6
```
#d6e9d6 rgb(214,233,214)
```
#e6f2e6
```
#e6f2e6 rgb(230,242,230)
```

Monochromatic Color

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

#bdd8b4
```
#bdd8b4 rgb(189,216,180)
```
#bad8b4
```
#bad8b4 rgb(186,216,180)
```
#b7d8b4
```
#b7d8b4 rgb(183,216,180)
```
#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#b4d8b7
```
#b4d8b7 rgb(180,216,183)
```
#b4d8ba
```
#b4d8ba rgb(180,216,186)
```
#b4d8bd
```
#b4d8bd rgb(180,216,189)
```

Similar Colors

Text with hexadecimal color #b4d8b4

This text has a font color of #b4d8b4.

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

#b4d8b4 background color

This paragraph has a background color of #b4d8b4.

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

#b4d8b4 border color

This element has a border color of #b4d8b4.

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

CSS codes

.text {color:#b4d8b4;}

.background {background-color:#b4d8b4;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#080f08
```
#080f08 rgb(8,15,8)
```
#0f1c0f
```
#0f1c0f rgb(15,28,15)
```
#152915
```
#152915 rgb(21,41,21)
```
#1c361c
```
#1c361c rgb(28,54,28)
```
#234323
```
#234323 rgb(35,67,35)
```
#2a502a
```
#2a502a rgb(42,80,42)
```
#305d30
```
#305d30 rgb(48,93,48)
```
#376a37
```
#376a37 rgb(55,106,55)
```
#3e773e
```
#3e773e rgb(62,119,62)
```
#448344
```
#448344 rgb(68,131,68)
```
#4b904b
```
#4b904b rgb(75,144,75)
```
#529d52
```
#529d52 rgb(82,157,82)
```

Shade Color Variation

#5aa95a
```
#5aa95a rgb(90,169,90)
```
#67b067
```
#67b067 rgb(103,176,103)
```
#73b673
```
#73b673 rgb(115,182,115)
```
#80bd80
```
#80bd80 rgb(128,189,128)
```
#8dc48d
```
#8dc48d rgb(141,196,141)
```
#9acb9a
```
#9acb9a rgb(154,203,154)
```
#a7d1a7
```
#a7d1a7 rgb(167,209,167)
```
#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#c1dfc1
```
#c1dfc1 rgb(193,223,193)
```
#cee5ce
```
#cee5ce rgb(206,229,206)
```
#dbecdb
```
#dbecdb rgb(219,236,219)
```
#e8f3e8
```
#e8f3e8 rgb(232,243,232)
```
#f5faf5
```
#f5faf5 rgb(245,250,245)
```

Tint Color Variation

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

#c6c6c6
```
#c6c6c6 rgb(198,198,198)
```
#c1cbc1
```
#c1cbc1 rgb(193,203,193)
```
#bdcfbd
```
#bdcfbd rgb(189,207,189)
```
#b8d4b8
```
#b8d4b8 rgb(184,212,184)
```
#b4d8b4
```
#b4d8b4 rgb(180,216,180)
```
#b0dcb0
```
#b0dcb0 rgb(176,220,176)
```
#abe1ab
```
#abe1ab rgb(171,225,171)
```
#a7e5a7
```
#a7e5a7 rgb(167,229,167)
```
#a2eaa2
```
#a2eaa2 rgb(162,234,162)
```
#9eee9e
```
#9eee9e rgb(158,238,158)
```
#9af29a
```
#9af29a rgb(154,242,154)
```
#95f795
```
#95f795 rgb(149,247,149)
```
#91fb91
```
#91fb91 rgb(145,251,145)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c5ccc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd0b3 Protanopia 1% of men
#eccabd Deuteranopia 1% of men
#c0d3e3 Tritanopia 0.001% of the population

Trichromacy

#cdd3b3 Protanomaly 1% of men, 0.01% of women
#d7cfb9 Deuteranomaly 6% of men, 0.4% of women
#bbd5d1 Tritanomaly 0.01% of the population

#b4d8b4 hex color

#b4d8b4 Color Information

#b4d8b4 Color Conversion

Color Schemes with #b4d8b4

Alternatives to #b4d8b4

#b4d8b4 Preview

Shades and Tints of #b4d8b4

Tones of #b4d8b4

Color Blindness Simulator