#b1d2a5 hex color

In a RGB color space, hex #b1d2a5 is composed of 69.4% red, 82.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 21.4% yellow and 17.6% black. It has a hue angle of 104 degrees, a saturation of 33.3% and a lightness of 73.5%. #b1d2a5 color hex could be obtained by blending #ffffff with #63a54b. Closest websafe color is: #99cc99.

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

● #b1d2a5 color description : Grayish green.

The hexadecimal color #b1d2a5 has RGB values of R:177, G:210, B:165 and CMYK values of C:0.16, M:0, Y:0.21, K:0.18. Its decimal value is 11653797.

Hex triplet	b1d2a5	`#b1d2a5`
RGB Decimal	177, 210, 165	`rgb(177,210,165)`
RGB Percent	69.4, 82.4, 64.7	`rgb(69.4%,82.4%,64.7%)`
CMYK	16, 0, 21, 18
HSL	104°, 33.3, 73.5	`hsl(104,33.3%,73.5%)`
HSV (or HSB)	104°, 21.4, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.826, -19.268, 18.749
XYZ	47.968, 58.156, 44.293
xyY	0.319, 0.387, 58.156
CIE-LCH	80.826, 26.885, 135.782
CIE-LUV	80.826, -16.453, 30.088
Hunter-Lab	76.26, -21.178, 18.945
Binary	10110001, 11010010, 10100101

#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#c6a5d2
```
#c6a5d2 rgb(198,165,210)
```

Complementary Color

#c8d2a5
```
#c8d2a5 rgb(200,210,165)
```
#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#a5d2b0
```
#a5d2b0 rgb(165,210,176)
```

Analogous Color

#d2a5c8
```
#d2a5c8 rgb(210,165,200)
```
#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#b0a5d2
```
#b0a5d2 rgb(176,165,210)
```

Split Complementary Color

#d2a5b1
```
#d2a5b1 rgb(210,165,177)
```
#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#a5b1d2
```
#a5b1d2 rgb(165,177,210)
```

Triadic Color

#d2c6a5
```
#d2c6a5 rgb(210,198,165)
```
#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#a5b1d2
```
#a5b1d2 rgb(165,177,210)
```
#c6a5d2
```
#c6a5d2 rgb(198,165,210)
```

Tetradic Color

#85b972
```
#85b972 rgb(133,185,114)
```
#94c183
```
#94c183 rgb(148,193,131)
```
#a2ca94
```
#a2ca94 rgb(162,202,148)
```
#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#c0dbb6
```
#c0dbb6 rgb(192,219,182)
```
#cee3c7
```
#cee3c7 rgb(206,227,199)
```
#ddecd8
```
#ddecd8 rgb(221,236,216)
```

Monochromatic Color

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

#bcd2a5
```
#bcd2a5 rgb(188,210,165)
```
#b9d2a5
```
#b9d2a5 rgb(185,210,165)
```
#b5d2a5
```
#b5d2a5 rgb(181,210,165)
```
#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#add2a5
```
#add2a5 rgb(173,210,165)
```
#aad2a5
```
#aad2a5 rgb(170,210,165)
```
#a6d2a5
```
#a6d2a5 rgb(166,210,165)
```

Similar Colors

Text with hexadecimal color #b1d2a5

This text has a font color of #b1d2a5.

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

#b1d2a5 background color

This paragraph has a background color of #b1d2a5.

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

#b1d2a5 border color

This element has a border color of #b1d2a5.

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

CSS codes

.text {color:#b1d2a5;}

.background {background-color:#b1d2a5;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#090f07
```
#090f07 rgb(9,15,7)
```
#121c0e
```
#121c0e rgb(18,28,14)
```
#1a2914
```
#1a2914 rgb(26,41,20)
```
#22361b
```
#22361b rgb(34,54,27)
```
#2a4321
```
#2a4321 rgb(42,67,33)
```
#335028
```
#335028 rgb(51,80,40)
```
#3b5d2f
```
#3b5d2f rgb(59,93,47)
```
#436a35
```
#436a35 rgb(67,106,53)
```
#4c773c
```
#4c773c rgb(76,119,60)
```
#548442
```
#548442 rgb(84,132,66)
```
#5c9149
```
#5c9149 rgb(92,145,73)
```
#649e4f
```
#649e4f rgb(100,158,79)
```

Shade Color Variation

#6dab57
```
#6dab57 rgb(109,171,87)
```
#78b164
```
#78b164 rgb(120,177,100)
```
#84b871
```
#84b871 rgb(132,184,113)
```
#8fbe7e
```
#8fbe7e rgb(143,190,126)
```
#9ac58b
```
#9ac58b rgb(154,197,139)
```
#a6cb98
```
#a6cb98 rgb(166,203,152)
```
#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#bcd9b2
```
#bcd9b2 rgb(188,217,178)
```
#c8dfbf
```
#c8dfbf rgb(200,223,191)
```
#d3e6cc
```
#d3e6cc rgb(211,230,204)
```
#deecd9
```
#deecd9 rgb(222,236,217)
```
#eaf3e6
```
#eaf3e6 rgb(234,243,230)
```
#f5f9f3
```
#f5f9f3 rgb(245,249,243)
```

Tint Color Variation

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

#bbbdba
```
#bbbdba rgb(187,189,186)
```
#b8c2b5
```
#b8c2b5 rgb(184,194,181)
```
#b6c8af
```
#b6c8af rgb(182,200,175)
```
#b3cdaa
```
#b3cdaa rgb(179,205,170)
```
#b1d2a5
```
#b1d2a5 rgb(177,210,165)
```
#afd7a0
```
#afd7a0 rgb(175,215,160)
```
#acdc9b
```
#acdc9b rgb(172,220,155)
```
#aae295
```
#aae295 rgb(170,226,149)
```
#a7e790
```
#a7e790 rgb(167,231,144)
```
#a5ec8b
```
#a5ec8b rgb(165,236,139)
```
#a2f186
```
#a2f186 rgb(162,241,134)
```
#a0f681
```
#a0f681 rgb(160,246,129)
```
#9efc7b
```
#9efc7b rgb(158,252,123)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#bfc6bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cba5 Protanopia 1% of men
#e8c4ae Deuteranopia 1% of men
#becddc Tritanopia 0.001% of the population

Trichromacy

#c9cda5 Protanomaly 1% of men, 0.01% of women
#d4c9ab Deuteranomaly 6% of men, 0.4% of women
#b9cfc8 Tritanomaly 0.01% of the population

#b1d2a5 hex color

#b1d2a5 Color Information

#b1d2a5 Color Conversion

Color Schemes with #b1d2a5

Alternatives to #b1d2a5

#b1d2a5 Preview

Shades and Tints of #b1d2a5

Tones of #b1d2a5

Color Blindness Simulator