#b4d8aa hex color

In a RGB color space, hex #b4d8aa is composed of 70.6% red, 84.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 21.3% yellow and 15.3% black. It has a hue angle of 107 degrees, a saturation of 37.1% and a lightness of 75.7%. #b4d8aa color hex could be obtained by blending #ffffff with #69b155. Closest websafe color is: #cccc99.

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

● #b4d8aa color description : Grayish lime green.

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

Hex triplet	b4d8aa	`#b4d8aa`
RGB Decimal	180, 216, 170	`rgb(180,216,170)`
RGB Percent	70.6, 84.7, 66.7	`rgb(70.6%,84.7%,66.7%)`
CMYK	17, 0, 21, 15
HSL	107°, 37.1, 75.7	`hsl(107,37.1%,75.7%)`
HSV (or HSB)	107°, 21.3, 84.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.762, -20.379, 18.838
XYZ	50.632, 61.716, 47.273
xyY	0.317, 0.387, 61.716
CIE-LCH	82.762, 27.751, 137.25
CIE-LUV	82.762, -17.988, 30.555
Hunter-Lab	78.56, -22.436, 19.314
Binary	10110100, 11011000, 10101010

#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#ceaad8
```
#ceaad8 rgb(206,170,216)
```

Complementary Color

#cbd8aa
```
#cbd8aa rgb(203,216,170)
```
#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#aad8b7
```
#aad8b7 rgb(170,216,183)
```

Analogous Color

#d8aacb
```
#d8aacb rgb(216,170,203)
```
#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#b7aad8
```
#b7aad8 rgb(183,170,216)
```

Split Complementary Color

#d8aab4
```
#d8aab4 rgb(216,170,180)
```
#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#aab4d8
```
#aab4d8 rgb(170,180,216)
```

Triadic Color

#d8ceaa
```
#d8ceaa rgb(216,206,170)
```
#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#aab4d8
```
#aab4d8 rgb(170,180,216)
```
#ceaad8
```
#ceaad8 rgb(206,170,216)
```

Tetradic Color

#86c076
```
#86c076 rgb(134,192,118)
```
#95c887
```
#95c887 rgb(149,200,135)
```
#a5d099
```
#a5d099 rgb(165,208,153)
```
#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#c3e0bb
```
#c3e0bb rgb(195,224,187)
```
#d3e8cd
```
#d3e8cd rgb(211,232,205)
```
#e2f0de
```
#e2f0de rgb(226,240,222)
```

Monochromatic Color

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

#c0d8aa
```
#c0d8aa rgb(192,216,170)
```
#bcd8aa
```
#bcd8aa rgb(188,216,170)
```
#b8d8aa
```
#b8d8aa rgb(184,216,170)
```
#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#b0d8aa
```
#b0d8aa rgb(176,216,170)
```
#acd8aa
```
#acd8aa rgb(172,216,170)
```
#aad8ac
```
#aad8ac rgb(170,216,172)
```

Similar Colors

Text with hexadecimal color #b4d8aa

This text has a font color of #b4d8aa.

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

#b4d8aa background color

This paragraph has a background color of #b4d8aa.

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

#b4d8aa border color

This element has a border color of #b4d8aa.

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

CSS codes

.text {color:#b4d8aa;}

.background {background-color:#b4d8aa;}

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

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

#050904
```
#050904 rgb(5,9,4)
```
#0d170a
```
#0d170a rgb(13,23,10)
```
#152411
```
#152411 rgb(21,36,17)
```
#1d3117
```
#1d3117 rgb(29,49,23)
```
#243f1d
```
#243f1d rgb(36,63,29)
```
#2c4c23
```
#2c4c23 rgb(44,76,35)
```
#345a29
```
#345a29 rgb(52,90,41)
```
#3c672f
```
#3c672f rgb(60,103,47)
```
#437536
```
#437536 rgb(67,117,54)
```
#4b823c
```
#4b823c rgb(75,130,60)
```
#539042
```
#539042 rgb(83,144,66)
```
#5b9d48
```
#5b9d48 rgb(91,157,72)
```
#62aa4e
```
#62aa4e rgb(98,170,78)
```

Shade Color Variation

#6db359
```
#6db359 rgb(109,179,89)
```
#79b967
```
#79b967 rgb(121,185,103)
```
#85bf74
```
#85bf74 rgb(133,191,116)
```
#90c582
```
#90c582 rgb(144,197,130)
```
#9ccc8f
```
#9ccc8f rgb(156,204,143)
```
#a8d29d
```
#a8d29d rgb(168,210,157)
```
#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#c0deb7
```
#c0deb7 rgb(192,222,183)
```
#cce4c5
```
#cce4c5 rgb(204,228,197)
```
#d8ebd2
```
#d8ebd2 rgb(216,235,210)
```
#e3f1e0
```
#e3f1e0 rgb(227,241,224)
```
#eff7ed
```
#eff7ed rgb(239,247,237)
```
#fbfdfb
```
#fbfdfb rgb(251,253,251)
```

Tint Color Variation

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

#bfc5bd
```
#bfc5bd rgb(191,197,189)
```
#bccab8
```
#bccab8 rgb(188,202,184)
```
#b9ceb4
```
#b9ceb4 rgb(185,206,180)
```
#b7d3af
```
#b7d3af rgb(183,211,175)
```
#b4d8aa
```
#b4d8aa rgb(180,216,170)
```
#b1dda5
```
#b1dda5 rgb(177,221,165)
```
#afe2a0
```
#afe2a0 rgb(175,226,160)
```
#ace69c
```
#ace69c rgb(172,230,156)
```
#a9eb97
```
#a9eb97 rgb(169,235,151)
```
#a7f092
```
#a7f092 rgb(167,240,146)
```
#a4f58d
```
#a4f58d rgb(164,245,141)
```
#a1f989
```
#a1f989 rgb(161,249,137)
```
#9efe84
```
#9efe84 rgb(158,254,132)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c4cbc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd0aa Protanopia 1% of men
#eec9b3 Deuteranopia 1% of men
#c1d2e1 Tritanopia 0.001% of the population

Trichromacy

#ced2aa Protanomaly 1% of men, 0.01% of women
#d9ceb0 Deuteranomaly 6% of men, 0.4% of women
#bcd4cd Tritanomaly 0.01% of the population

#b4d8aa hex color

#b4d8aa Color Information

#b4d8aa Color Conversion

Color Schemes with #b4d8aa

Alternatives to #b4d8aa

#b4d8aa Preview

Shades and Tints of #b4d8aa

Tones of #b4d8aa

Color Blindness Simulator