#b4d2af hex color

In a RGB color space, hex #b4d2af is composed of 70.6% red, 82.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 0% magenta, 16.7% yellow and 17.6% black. It has a hue angle of 111.4 degrees, a saturation of 28% and a lightness of 75.5%. #b4d2af color hex could be obtained by blending #ffffff with #69a55f. Closest websafe color is: #cccc99.

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

● #b4d2af color description : Grayish lime green.

The hexadecimal color #b4d2af has RGB values of R:180, G:210, B:175 and CMYK values of C:0.14, M:0, Y:0.17, K:0.18. Its decimal value is 11850415.

Hex triplet	b4d2af	`#b4d2af`
RGB Decimal	180, 210, 175	`rgb(180,210,175)`
RGB Percent	70.6, 82.4, 68.6	`rgb(70.6%,82.4%,68.6%)`
CMYK	14, 0, 17, 18
HSL	111.4°, 28, 75.5	`hsl(111.4,28%,75.5%)`
HSV (or HSB)	111.4°, 16.7, 82.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.232, -16.54, 14.055
XYZ	49.605, 58.891, 49.309
xyY	0.314, 0.373, 58.891
CIE-LCH	81.232, 21.705, 139.644
CIE-LUV	81.232, -15.069, 23.248
Hunter-Lab	76.74, -18.913, 15.622
Binary	10110100, 11010010, 10101111

#b4d2af
```
#b4d2af rgb(180,210,175)
```
#cdafd2
```
#cdafd2 rgb(205,175,210)
```

Complementary Color

#c6d2af
```
#c6d2af rgb(198,210,175)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```
#afd2bc
```
#afd2bc rgb(175,210,188)
```

Analogous Color

#d2afc6
```
#d2afc6 rgb(210,175,198)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```
#bcafd2
```
#bcafd2 rgb(188,175,210)
```

Split Complementary Color

#d2afb4
```
#d2afb4 rgb(210,175,180)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```
#afb4d2
```
#afb4d2 rgb(175,180,210)
```

Triadic Color

#d2cdaf
```
#d2cdaf rgb(210,205,175)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```
#afb4d2
```
#afb4d2 rgb(175,180,210)
```
#cdafd2
```
#cdafd2 rgb(205,175,210)
```

Tetradic Color

#86b67e
```
#86b67e rgb(134,182,126)
```
#95c08e
```
#95c08e rgb(149,192,142)
```
#a5c99f
```
#a5c99f rgb(165,201,159)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```
#c3dbbf
```
#c3dbbf rgb(195,219,191)
```
#d3e4d0
```
#d3e4d0 rgb(211,228,208)
```
#e2eee0
```
#e2eee0 rgb(226,238,224)
```

Monochromatic Color

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

#bdd2af
```
#bdd2af rgb(189,210,175)
```
#bad2af
```
#bad2af rgb(186,210,175)
```
#b7d2af
```
#b7d2af rgb(183,210,175)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```
#b1d2af
```
#b1d2af rgb(177,210,175)
```
#afd2b0
```
#afd2b0 rgb(175,210,176)
```
#afd2b3
```
#afd2b3 rgb(175,210,179)
```

Similar Colors

Text with hexadecimal color #b4d2af

This text has a font color of #b4d2af.

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

#b4d2af background color

This paragraph has a background color of #b4d2af.

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

#b4d2af border color

This element has a border color of #b4d2af.

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

CSS codes

.text {color:#b4d2af;}

.background {background-color:#b4d2af;}

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

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

#050804
```
#050804 rgb(5,8,4)
```
#0d140b
```
#0d140b rgb(13,20,11)
```
#152113
```
#152113 rgb(21,33,19)
```
#1c2e1a
```
#1c2e1a rgb(28,46,26)
```
#243a21
```
#243a21 rgb(36,58,33)
```
#2c4728
```
#2c4728 rgb(44,71,40)
```
#34532f
```
#34532f rgb(52,83,47)
```
#3c6036
```
#3c6036 rgb(60,96,54)
```
#446c3d
```
#446c3d rgb(68,108,61)
```
#4c7944
```
#4c7944 rgb(76,121,68)
```
#53854b
```
#53854b rgb(83,133,75)
```
#5b9252
```
#5b9252 rgb(91,146,82)
```
#639f59
```
#639f59 rgb(99,159,89)
```

Shade Color Variation

#6da864
```
#6da864 rgb(109,168,100)
```
#79af70
```
#79af70 rgb(121,175,112)
```
#85b67d
```
#85b67d rgb(133,182,125)
```
#91bd89
```
#91bd89 rgb(145,189,137)
```
#9cc496
```
#9cc496 rgb(156,196,150)
```
#a8cba2
```
#a8cba2 rgb(168,203,162)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```
#c0d9bc
```
#c0d9bc rgb(192,217,188)
```
#cce0c8
```
#cce0c8 rgb(204,224,200)
```
#d7e7d5
```
#d7e7d5 rgb(215,231,213)
```
#e3eee1
```
#e3eee1 rgb(227,238,225)
```
#eff5ee
```
#eff5ee rgb(239,245,238)
```
#fbfcfa
```
#fbfcfa rgb(251,252,250)
```

Tint Color Variation

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

#bec4bd
```
#bec4bd rgb(190,196,189)
```
#bbc8b9
```
#bbc8b9 rgb(187,200,185)
```
#b7cdb4
```
#b7cdb4 rgb(183,205,180)
```
#b4d2af
```
#b4d2af rgb(180,210,175)
```
#b1d7aa
```
#b1d7aa rgb(177,215,170)
```
#addca5
```
#addca5 rgb(173,220,165)
```
#aae0a1
```
#aae0a1 rgb(170,224,161)
```
#a6e59c
```
#a6e59c rgb(166,229,156)
```
#a3ea97
```
#a3ea97 rgb(163,234,151)
```
#9fef92
```
#9fef92 rgb(159,239,146)
```
#9cf48d
```
#9cf48d rgb(156,244,141)
```
#99f889
```
#99f889 rgb(153,248,137)
```
#95fd84
```
#95fd84 rgb(149,253,132)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c2c8c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cbaf Protanopia 1% of men
#e7c5b7 Deuteranopia 1% of men
#bfcedd Tritanopia 0.001% of the population

Trichromacy

#caceaf Protanomaly 1% of men, 0.01% of women
#d4cab4 Deuteranomaly 6% of men, 0.4% of women
#bbcfcc Tritanomaly 0.01% of the population

#b4d2af hex color

#b4d2af Color Information

#b4d2af Color Conversion

Color Schemes with #b4d2af

Alternatives to #b4d2af

#b4d2af Preview

Shades and Tints of #b4d2af

Tones of #b4d2af

Color Blindness Simulator