#b1d5a6 hex color

In a RGB color space, hex #b1d5a6 is composed of 69.4% red, 83.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 0% magenta, 22.1% yellow and 16.5% black. It has a hue angle of 106 degrees, a saturation of 35.9% and a lightness of 74.3%. #b1d5a6 color hex could be obtained by blending #ffffff with #63ab4d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 84
- B 65
RGB color chart
- C 17
- M 0
- Y 22
- K 16
CMYK color chart

● #b1d5a6 color description : Grayish lime green.

The hexadecimal color #b1d5a6 has RGB values of R:177, G:213, B:166 and CMYK values of C:0.17, M:0, Y:0.22, K:0.16. Its decimal value is 11654566.

Hex triplet	b1d5a6	`#b1d5a6`
RGB Decimal	177, 213, 166	`rgb(177,213,166)`
RGB Percent	69.4, 83.5, 65.1	`rgb(69.4%,83.5%,65.1%)`
CMYK	17, 0, 22, 16
HSL	106°, 35.9, 74.3	`hsl(106,35.9%,74.3%)`
HSV (or HSB)	106°, 22.1, 83.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.668, -20.593, 19.392
XYZ	48.807, 59.688, 45.024
xyY	0.318, 0.389, 59.688
CIE-LCH	81.668, 28.286, 136.72
CIE-LUV	81.668, -17.984, 31.249
Hunter-Lab	77.258, -22.436, 19.528
Binary	10110001, 11010101, 10100110

#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#caa6d5
```
#caa6d5 rgb(202,166,213)
```

Complementary Color

#c9d5a6
```
#c9d5a6 rgb(201,213,166)
```
#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#a6d5b3
```
#a6d5b3 rgb(166,213,179)
```

Analogous Color

#d5a6c9
```
#d5a6c9 rgb(213,166,201)
```
#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#b3a6d5
```
#b3a6d5 rgb(179,166,213)
```

Split Complementary Color

#d5a6b1
```
#d5a6b1 rgb(213,166,177)
```
#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#a6b1d5
```
#a6b1d5 rgb(166,177,213)
```

Triadic Color

#d5caa6
```
#d5caa6 rgb(213,202,166)
```
#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#a6b1d5
```
#a6b1d5 rgb(166,177,213)
```
#caa6d5
```
#caa6d5 rgb(202,166,213)
```

Tetradic Color

#83bc72
```
#83bc72 rgb(131,188,114)
```
#93c583
```
#93c583 rgb(147,197,131)
```
#a2cd95
```
#a2cd95 rgb(162,205,149)
```
#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#c0ddb7
```
#c0ddb7 rgb(192,221,183)
```
#cfe5c9
```
#cfe5c9 rgb(207,229,201)
```
#dfeeda
```
#dfeeda rgb(223,238,218)
```

Monochromatic Color

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

#bdd5a6
```
#bdd5a6 rgb(189,213,166)
```
#b9d5a6
```
#b9d5a6 rgb(185,213,166)
```
#b5d5a6
```
#b5d5a6 rgb(181,213,166)
```
#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#add5a6
```
#add5a6 rgb(173,213,166)
```
#a9d5a6
```
#a9d5a6 rgb(169,213,166)
```
#a6d5a7
```
#a6d5a7 rgb(166,213,167)
```

Similar Colors

Text with hexadecimal color #b1d5a6

This text has a font color of #b1d5a6.

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

#b1d5a6 background color

This paragraph has a background color of #b1d5a6.

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

#b1d5a6 border color

This element has a border color of #b1d5a6.

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

CSS codes

.text {color:#b1d5a6;}

.background {background-color:#b1d5a6;}

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0a1208
```
#0a1208 rgb(10,18,8)
```
#121f0f
```
#121f0f rgb(18,31,15)
```
#1a2c15
```
#1a2c15 rgb(26,44,21)
```
#223a1b
```
#223a1b rgb(34,58,27)
```
#2a4721
```
#2a4721 rgb(42,71,33)
```
#325428
```
#325428 rgb(50,84,40)
```
#3a622e
```
#3a622e rgb(58,98,46)
```
#426f34
```
#426f34 rgb(66,111,52)
```
#4a7c3b
```
#4a7c3b rgb(74,124,59)
```
#528a41
```
#528a41 rgb(82,138,65)
```
#5a9747
```
#5a9747 rgb(90,151,71)
```
#62a44d
```
#62a44d rgb(98,164,77)
```

Shade Color Variation

#6baf56
```
#6baf56 rgb(107,175,86)
```
#77b663
```
#77b663 rgb(119,182,99)
```
#82bc71
```
#82bc71 rgb(130,188,113)
```
#8ec27e
```
#8ec27e rgb(142,194,126)
```
#9ac88b
```
#9ac88b rgb(154,200,139)
```
#a5cf99
```
#a5cf99 rgb(165,207,153)
```
#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#bddbb3
```
#bddbb3 rgb(189,219,179)
```
#c8e2c1
```
#c8e2c1 rgb(200,226,193)
```
#d4e8ce
```
#d4e8ce rgb(212,232,206)
```
#e0eedb
```
#e0eedb rgb(224,238,219)
```
#ebf4e9
```
#ebf4e9 rgb(235,244,233)
```
#f7fbf6
```
#f7fbf6 rgb(247,251,246)
```

Tint Color Variation

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

#bcc1ba
```
#bcc1ba rgb(188,193,186)
```
#b9c6b5
```
#b9c6b5 rgb(185,198,181)
```
#b6cbb0
```
#b6cbb0 rgb(182,203,176)
```
#b4d0ab
```
#b4d0ab rgb(180,208,171)
```
#b1d5a6
```
#b1d5a6 rgb(177,213,166)
```
#aedaa1
```
#aedaa1 rgb(174,218,161)
```
#acdf9c
```
#acdf9c rgb(172,223,156)
```
#a9e497
```
#a9e497 rgb(169,228,151)
```
#a6e992
```
#a6e992 rgb(166,233,146)
```
#a4ee8d
```
#a4ee8d rgb(164,238,141)
```
#a1f388
```
#a1f388 rgb(161,243,136)
```
#9ef883
```
#9ef883 rgb(158,248,131)
```
#9cfd7e
```
#9cfd7e rgb(156,253,126)
```

Tone Color Variation

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

Dichromacy

#dacda6 Protanopia 1% of men
#ebc6b0 Deuteranopia 1% of men
#bfcfde Tritanopia 0.001% of the population

Trichromacy

#cbd0a6 Protanomaly 1% of men, 0.01% of women
#d6cbac Deuteranomaly 6% of men, 0.4% of women
#b9d1ca Tritanomaly 0.01% of the population

#b1d5a6 hex color

#b1d5a6 Color Information

#b1d5a6 Color Conversion

Color Schemes with #b1d5a6

Alternatives to #b1d5a6

#b1d5a6 Preview

Shades and Tints of #b1d5a6

Tones of #b1d5a6

Color Blindness Simulator