#b4d1af hex color

In a RGB color space, hex #b4d1af is composed of 70.6% red, 82% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 0% magenta, 16.3% yellow and 18% black. It has a hue angle of 111.2 degrees, a saturation of 27% and a lightness of 75.3%. #b4d1af color hex could be obtained by blending #ffffff with #69a35f. Closest websafe color is: #cccc99.

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

● #b4d1af color description : Grayish lime green.

The hexadecimal color #b4d1af has RGB values of R:180, G:209, B:175 and CMYK values of C:0.14, M:0, Y:0.16, K:0.18. Its decimal value is 11850159.

Hex triplet	b4d1af	`#b4d1af`
RGB Decimal	180, 209, 175	`rgb(180,209,175)`
RGB Percent	70.6, 82, 68.6	`rgb(70.6%,82%,68.6%)`
CMYK	14, 0, 16, 18
HSL	111.2°, 27, 75.3	`hsl(111.2,27%,75.3%)`
HSV (or HSB)	111.2°, 16.3, 82
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.96, -16.036, 13.672
XYZ	49.359, 58.399, 49.227
xyY	0.314, 0.372, 58.399
CIE-LCH	80.96, 21.073, 139.55
CIE-LUV	80.96, -14.566, 22.613
Hunter-Lab	76.419, -18.44, 15.301
Binary	10110100, 11010001, 10101111

#b4d1af
```
#b4d1af rgb(180,209,175)
```
#ccafd1
```
#ccafd1 rgb(204,175,209)
```

Complementary Color

#c5d1af
```
#c5d1af rgb(197,209,175)
```
#b4d1af
```
#b4d1af rgb(180,209,175)
```
#afd1bb
```
#afd1bb rgb(175,209,187)
```

Analogous Color

#d1afc5
```
#d1afc5 rgb(209,175,197)
```
#b4d1af
```
#b4d1af rgb(180,209,175)
```
#bbafd1
```
#bbafd1 rgb(187,175,209)
```

Split Complementary Color

#d1afb4
```
#d1afb4 rgb(209,175,180)
```
#b4d1af
```
#b4d1af rgb(180,209,175)
```
#afb4d1
```
#afb4d1 rgb(175,180,209)
```

Triadic Color

#d1ccaf
```
#d1ccaf rgb(209,204,175)
```
#b4d1af
```
#b4d1af rgb(180,209,175)
```
#afb4d1
```
#afb4d1 rgb(175,180,209)
```
#ccafd1
```
#ccafd1 rgb(204,175,209)
```

Tetradic Color

#86b57e
```
#86b57e rgb(134,181,126)
```
#96be8f
```
#96be8f rgb(150,190,143)
```
#a5c89f
```
#a5c89f rgb(165,200,159)
```
#b4d1af
```
#b4d1af rgb(180,209,175)
```
#c3dabf
```
#c3dabf rgb(195,218,191)
```
#d2e4cf
```
#d2e4cf rgb(210,228,207)
```
#e2ede0
```
#e2ede0 rgb(226,237,224)
```

Monochromatic Color

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

#bdd1af
```
#bdd1af rgb(189,209,175)
```
#bad1af
```
#bad1af rgb(186,209,175)
```
#b7d1af
```
#b7d1af rgb(183,209,175)
```
#b4d1af
```
#b4d1af rgb(180,209,175)
```
#b1d1af
```
#b1d1af rgb(177,209,175)
```
#afd1b0
```
#afd1b0 rgb(175,209,176)
```
#afd1b3
```
#afd1b3 rgb(175,209,179)
```

Similar Colors

Text with hexadecimal color #b4d1af

This text has a font color of #b4d1af.

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

#b4d1af background color

This paragraph has a background color of #b4d1af.

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

#b4d1af border color

This element has a border color of #b4d1af.

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

CSS codes

.text {color:#b4d1af;}

.background {background-color:#b4d1af;}

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

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

#050704
```
#050704 rgb(5,7,4)
```
#0d140b
```
#0d140b rgb(13,20,11)
```
#142012
```
#142012 rgb(20,32,18)
```
#1c2d1a
```
#1c2d1a rgb(28,45,26)
```
#243921
```
#243921 rgb(36,57,33)
```
#2c4528
```
#2c4528 rgb(44,69,40)
```
#34522f
```
#34522f rgb(52,82,47)
```
#3c5e36
```
#3c5e36 rgb(60,94,54)
```
#446b3d
```
#446b3d rgb(68,107,61)
```
#4c7745
```
#4c7745 rgb(76,119,69)
```
#54844c
```
#54844c rgb(84,132,76)
```
#5c9053
```
#5c9053 rgb(92,144,83)
```
#649d5a
```
#649d5a rgb(100,157,90)
```

Shade Color Variation

#6ea664
```
#6ea664 rgb(110,166,100)
```
#7aad71
```
#7aad71 rgb(122,173,113)
```
#85b47d
```
#85b47d rgb(133,180,125)
```
#91bc8a
```
#91bc8a rgb(145,188,138)
```
#9dc396
```
#9dc396 rgb(157,195,150)
```
#a8caa3
```
#a8caa3 rgb(168,202,163)
```
#b4d1af
```
#b4d1af rgb(180,209,175)
```
#c0d8bb
```
#c0d8bb rgb(192,216,187)
```
#cbdfc8
```
#cbdfc8 rgb(203,223,200)
```
#d7e6d4
```
#d7e6d4 rgb(215,230,212)
```
#e3eee1
```
#e3eee1 rgb(227,238,225)
```
#eef5ed
```
#eef5ed rgb(238,245,237)
```
#fafcfa
```
#fafcfa rgb(250,252,250)
```

Tint Color Variation

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

#bec2be
```
#bec2be rgb(190,194,190)
```
#bbc7b9
```
#bbc7b9 rgb(187,199,185)
```
#b7ccb4
```
#b7ccb4 rgb(183,204,180)
```
#b4d1af
```
#b4d1af rgb(180,209,175)
```
#b1d6aa
```
#b1d6aa rgb(177,214,170)
```
#addba5
```
#addba5 rgb(173,219,165)
```
#aae0a0
```
#aae0a0 rgb(170,224,160)
```
#a6e49c
```
#a6e49c rgb(166,228,156)
```
#a3e997
```
#a3e997 rgb(163,233,151)
```
#9fee92
```
#9fee92 rgb(159,238,146)
```
#9cf38d
```
#9cf38d rgb(156,243,141)
```
#99f888
```
#99f888 rgb(153,248,136)
```
#95fd83
```
#95fd83 rgb(149,253,131)
```

Tone Color Variation

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

#d5cbaf Protanopia 1% of men
#e6c4b7 Deuteranopia 1% of men
#bfcddc Tritanopia 0.001% of the population

Trichromacy

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

#b4d1af hex color

#b4d1af Color Information

#b4d1af Color Conversion

Color Schemes with #b4d1af

Alternatives to #b4d1af

#b4d1af Preview

Shades and Tints of #b4d1af

Tones of #b4d1af

Color Blindness Simulator