#b1d8af hex color

In a RGB color space, hex #b1d8af is composed of 69.4% red, 84.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 0% magenta, 19% yellow and 15.3% black. It has a hue angle of 117.1 degrees, a saturation of 34.5% and a lightness of 76.7%. #b1d8af color hex could be obtained by blending #ffffff with #63b15f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 85
- B 69
RGB color chart
- C 18
- M 0
- Y 19
- K 15
CMYK color chart

● #b1d8af color description : Grayish lime green.

The hexadecimal color #b1d8af has RGB values of R:177, G:216, B:175 and CMYK values of C:0.18, M:0, Y:0.19, K:0.15. Its decimal value is 11655343.

Hex triplet	b1d8af	`#b1d8af`
RGB Decimal	177, 216, 175	`rgb(177,216,175)`
RGB Percent	69.4, 84.7, 68.6	`rgb(69.4%,84.7%,68.6%)`
CMYK	18, 0, 19, 15
HSL	117.1°, 34.5, 76.7	`hsl(117.1,34.5%,76.7%)`
HSV (or HSB)	117.1°, 19, 84.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	82.675, -20.561, 16.057
XYZ	50.423, 61.553, 49.779
xyY	0.312, 0.381, 61.553
CIE-LCH	82.675, 26.087, 142.013
CIE-LUV	82.675, -19.611, 26.805
Hunter-Lab	78.456, -22.576, 17.3
Binary	10110001, 11011000, 10101111

#b1d8af
```
#b1d8af rgb(177,216,175)
```
#d6afd8
```
#d6afd8 rgb(214,175,216)
```

Complementary Color

#c6d8af
```
#c6d8af rgb(198,216,175)
```
#b1d8af
```
#b1d8af rgb(177,216,175)
```
#afd8c2
```
#afd8c2 rgb(175,216,194)
```

Analogous Color

#d8afc6
```
#d8afc6 rgb(216,175,198)
```
#b1d8af
```
#b1d8af rgb(177,216,175)
```
#c2afd8
```
#c2afd8 rgb(194,175,216)
```

Split Complementary Color

#d8afb1
```
#d8afb1 rgb(216,175,177)
```
#b1d8af
```
#b1d8af rgb(177,216,175)
```
#afb1d8
```
#afb1d8 rgb(175,177,216)
```

Triadic Color

#d8d6af
```
#d8d6af rgb(216,214,175)
```
#b1d8af
```
#b1d8af rgb(177,216,175)
```
#afb1d8
```
#afb1d8 rgb(175,177,216)
```
#d6afd8
```
#d6afd8 rgb(214,175,216)
```

Tetradic Color

#7fbf7c
```
#7fbf7c rgb(127,191,124)
```
#90c78d
```
#90c78d rgb(144,199,141)
```
#a0d09e
```
#a0d09e rgb(160,208,158)
```
#b1d8af
```
#b1d8af rgb(177,216,175)
```
#c2e0c0
```
#c2e0c0 rgb(194,224,192)
```
#d2e9d1
```
#d2e9d1 rgb(210,233,209)
```
#e3f1e2
```
#e3f1e2 rgb(227,241,226)
```

Monochromatic Color

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

#bbd8af
```
#bbd8af rgb(187,216,175)
```
#b8d8af
```
#b8d8af rgb(184,216,175)
```
#b4d8af
```
#b4d8af rgb(180,216,175)
```
#b1d8af
```
#b1d8af rgb(177,216,175)
```
#afd8b0
```
#afd8b0 rgb(175,216,176)
```
#afd8b4
```
#afd8b4 rgb(175,216,180)
```
#afd8b7
```
#afd8b7 rgb(175,216,183)
```

Similar Colors

Text with hexadecimal color #b1d8af

This text has a font color of #b1d8af.

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

#b1d8af background color

This paragraph has a background color of #b1d8af.

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

#b1d8af border color

This element has a border color of #b1d8af.

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

CSS codes

.text {color:#b1d8af;}

.background {background-color:#b1d8af;}

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

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, #060c06 is the darkest color, while #fefffe is the lightest one.

#060c06
```
#060c06 rgb(6,12,6)
```
#0d190c
```
#0d190c rgb(13,25,12)
```
#142713
```
#142713 rgb(20,39,19)
```
#1b3419
```
#1b3419 rgb(27,52,25)
```
#214120
```
#214120 rgb(33,65,32)
```
#284e26
```
#284e26 rgb(40,78,38)
```
#2f5b2d
```
#2f5b2d rgb(47,91,45)
```
#366933
```
#366933 rgb(54,105,51)
```
#3c7639
```
#3c7639 rgb(60,118,57)
```
#438340
```
#438340 rgb(67,131,64)
```
#4a9046
```
#4a9046 rgb(74,144,70)
```
#519d4d
```
#519d4d rgb(81,157,77)
```
#57ab53
```
#57ab53 rgb(87,171,83)
```

Shade Color Variation

#64b160
```
#64b160 rgb(100,177,96)
```
#71b86d
```
#71b86d rgb(113,184,109)
```
#7ebe7a
```
#7ebe7a rgb(126,190,122)
```
#8ac587
```
#8ac587 rgb(138,197,135)
```
#97cb95
```
#97cb95 rgb(151,203,149)
```
#a4d2a2
```
#a4d2a2 rgb(164,210,162)
```
#b1d8af
```
#b1d8af rgb(177,216,175)
```
#bedebc
```
#bedebc rgb(190,222,188)
```
#cbe5c9
```
#cbe5c9 rgb(203,229,201)
```
#d8ebd7
```
#d8ebd7 rgb(216,235,215)
```
#e4f2e4
```
#e4f2e4 rgb(228,242,228)
```
#f1f8f1
```
#f1f8f1 rgb(241,248,241)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#c2c6c1
```
#c2c6c1 rgb(194,198,193)
```
#bdcabd
```
#bdcabd rgb(189,202,189)
```
#b9cfb8
```
#b9cfb8 rgb(185,207,184)
```
#b5d3b4
```
#b5d3b4 rgb(181,211,180)
```
#b1d8af
```
#b1d8af rgb(177,216,175)
```
#adddaa
```
#adddaa rgb(173,221,170)
```
#a9e1a6
```
#a9e1a6 rgb(169,225,166)
```
#a5e6a1
```
#a5e6a1 rgb(165,230,161)
```
#a0ea9d
```
#a0ea9d rgb(160,234,157)
```
#9cef98
```
#9cef98 rgb(156,239,152)
```
#98f394
```
#98f394 rgb(152,243,148)
```
#94f88f
```
#94f88f rgb(148,248,143)
```
#90fd8a
```
#90fd8a rgb(144,253,138)
```

Tone Color Variation

Below, you can see how #b1d8af 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
#c3cbc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbcfae Protanopia 1% of men
#ecc9b8 Deuteranopia 1% of men
#bed3e2 Tritanopia 0.001% of the population

Trichromacy

#ccd2ae Protanomaly 1% of men, 0.01% of women
#d6ceb5 Deuteranomaly 6% of men, 0.4% of women
#b9d5cf Tritanomaly 0.01% of the population

#b1d8af hex color

#b1d8af Color Information

#b1d8af Color Conversion

Color Schemes with #b1d8af

Alternatives to #b1d8af

#b1d8af Preview

Shades and Tints of #b1d8af

Tones of #b1d8af

Color Blindness Simulator