#b4d1ae hex color

In a RGB color space, hex #b4d1ae is composed of 70.6% red, 82% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 0% magenta, 16.7% yellow and 18% black. It has a hue angle of 109.7 degrees, a saturation of 27.6% and a lightness of 75.1%. #b4d1ae color hex could be obtained by blending #ffffff with #69a35d. Closest websafe color is: #cccc99.

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

● #b4d1ae color description : Grayish lime green.

The hexadecimal color #b4d1ae has RGB values of R:180, G:209, B:174 and CMYK values of C:0.14, M:0, Y:0.17, K:0.18. Its decimal value is 11850158.

Hex triplet	b4d1ae	`#b4d1ae`
RGB Decimal	180, 209, 174	`rgb(180,209,174)`
RGB Percent	70.6, 82, 68.2	`rgb(70.6%,82%,68.2%)`
CMYK	14, 0, 17, 18
HSL	109.7°, 27.6, 75.1	`hsl(109.7,27.6%,75.1%)`
HSV (or HSB)	109.7°, 16.7, 82
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.938, -16.208, 14.172
XYZ	49.261, 58.359, 48.711
xyY	0.315, 0.373, 58.359
CIE-LCH	80.938, 21.53, 138.835
CIE-LUV	80.938, -14.543, 23.335
Hunter-Lab	76.393, -18.586, 15.67
Binary	10110100, 11010001, 10101110

#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#cbaed1
```
#cbaed1 rgb(203,174,209)
```

Complementary Color

#c6d1ae
```
#c6d1ae rgb(198,209,174)
```
#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#aed1ba
```
#aed1ba rgb(174,209,186)
```

Analogous Color

#d1aec6
```
#d1aec6 rgb(209,174,198)
```
#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#baaed1
```
#baaed1 rgb(186,174,209)
```

Split Complementary Color

#d1aeb4
```
#d1aeb4 rgb(209,174,180)
```
#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#aeb4d1
```
#aeb4d1 rgb(174,180,209)
```

Triadic Color

#d1cbae
```
#d1cbae rgb(209,203,174)
```
#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#aeb4d1
```
#aeb4d1 rgb(174,180,209)
```
#cbaed1
```
#cbaed1 rgb(203,174,209)
```

Tetradic Color

#87b57d
```
#87b57d rgb(135,181,125)
```
#96bf8d
```
#96bf8d rgb(150,191,141)
```
#a5c89e
```
#a5c89e rgb(165,200,158)
```
#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#c3dabe
```
#c3dabe rgb(195,218,190)
```
#d2e3cf
```
#d2e3cf rgb(210,227,207)
```
#e1eddf
```
#e1eddf rgb(225,237,223)
```

Monochromatic Color

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

#bdd1ae
```
#bdd1ae rgb(189,209,174)
```
#bad1ae
```
#bad1ae rgb(186,209,174)
```
#b7d1ae
```
#b7d1ae rgb(183,209,174)
```
#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#b1d1ae
```
#b1d1ae rgb(177,209,174)
```
#aed1ae
```
#aed1ae rgb(174,209,174)
```
#aed1b1
```
#aed1b1 rgb(174,209,177)
```

Similar Colors

Text with hexadecimal color #b4d1ae

This text has a font color of #b4d1ae.

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

#b4d1ae background color

This paragraph has a background color of #b4d1ae.

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

#b4d1ae border color

This element has a border color of #b4d1ae.

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

CSS codes

.text {color:#b4d1ae;}

.background {background-color:#b4d1ae;}

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

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

#040704
```
#040704 rgb(4,7,4)
```
#0c130b
```
#0c130b rgb(12,19,11)
```
#142012
```
#142012 rgb(20,32,18)
```
#1c2c19
```
#1c2c19 rgb(28,44,25)
```
#243920
```
#243920 rgb(36,57,32)
```
#2c4527
```
#2c4527 rgb(44,69,39)
```
#34522e
```
#34522e rgb(52,82,46)
```
#3c5e35
```
#3c5e35 rgb(60,94,53)
```
#446b3d
```
#446b3d rgb(68,107,61)
```
#4d7744
```
#4d7744 rgb(77,119,68)
```
#55844b
```
#55844b rgb(85,132,75)
```
#5d9052
```
#5d9052 rgb(93,144,82)
```
#659d59
```
#659d59 rgb(101,157,89)
```

Shade Color Variation

#6ea663
```
#6ea663 rgb(110,166,99)
```
#7aad6f
```
#7aad6f rgb(122,173,111)
```
#86b57c
```
#86b57c rgb(134,181,124)
```
#91bc88
```
#91bc88 rgb(145,188,136)
```
#9dc395
```
#9dc395 rgb(157,195,149)
```
#a8caa1
```
#a8caa1 rgb(168,202,161)
```
#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#c0d8bb
```
#c0d8bb rgb(192,216,187)
```
#cbdfc7
```
#cbdfc7 rgb(203,223,199)
```
#d7e6d4
```
#d7e6d4 rgb(215,230,212)
```
#e2ede0
```
#e2ede0 rgb(226,237,224)
```
#eef5ed
```
#eef5ed rgb(238,245,237)
```
#fafcf9
```
#fafcf9 rgb(250,252,249)
```

Tint Color Variation

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

#bec2bd
```
#bec2bd rgb(190,194,189)
```
#bac7b8
```
#bac7b8 rgb(186,199,184)
```
#b7ccb3
```
#b7ccb3 rgb(183,204,179)
```
#b4d1ae
```
#b4d1ae rgb(180,209,174)
```
#b1d6a9
```
#b1d6a9 rgb(177,214,169)
```
#aedba4
```
#aedba4 rgb(174,219,164)
```
#aae09f
```
#aae09f rgb(170,224,159)
```
#a7e59a
```
#a7e59a rgb(167,229,154)
```
#a4e996
```
#a4e996 rgb(164,233,150)
```
#a1ee91
```
#a1ee91 rgb(161,238,145)
```
#9ef38c
```
#9ef38c rgb(158,243,140)
```
#9af887
```
#9af887 rgb(154,248,135)
```
#97fd82
```
#97fd82 rgb(151,253,130)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c1c7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cbae Protanopia 1% of men
#e6c4b6 Deuteranopia 1% of men
#bfcddc Tritanopia 0.001% of the population

Trichromacy

#c9cdae Protanomaly 1% of men, 0.01% of women
#d4c9b3 Deuteranomaly 6% of men, 0.4% of women
#bbcecb Tritanomaly 0.01% of the population

#b4d1ae hex color

#b4d1ae Color Information

#b4d1ae Color Conversion

Color Schemes with #b4d1ae

Alternatives to #b4d1ae

#b4d1ae Preview

Shades and Tints of #b4d1ae

Tones of #b4d1ae

Color Blindness Simulator