#b2d7af hex color

In a RGB color space, hex #b2d7af is composed of 69.8% red, 84.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 0% magenta, 18.6% yellow and 15.7% black. It has a hue angle of 115.5 degrees, a saturation of 33.3% and a lightness of 76.5%. #b2d7af color hex could be obtained by blending #ffffff with #65af5f. Closest websafe color is: #99cc99.

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

● #b2d7af color description : Grayish lime green.

The hexadecimal color #b2d7af has RGB values of R:178, G:215, B:175 and CMYK values of C:0.17, M:0, Y:0.19, K:0.16. Its decimal value is 11720623.

Hex triplet	b2d7af	`#b2d7af`
RGB Decimal	178, 215, 175	`rgb(178,215,175)`
RGB Percent	69.8, 84.3, 68.6	`rgb(69.8%,84.3%,68.6%)`
CMYK	17, 0, 19, 16
HSL	115.5°, 33.3, 76.5	`hsl(115.5,33.3%,76.5%)`
HSV (or HSB)	115.5°, 18.6, 84.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	82.465, -19.725, 15.771
XYZ	50.396, 61.16, 49.705
xyY	0.313, 0.379, 61.16
CIE-LCH	82.465, 25.255, 141.357
CIE-LUV	82.465, -18.605, 26.251
Hunter-Lab	78.205, -21.83, 17.06
Binary	10110010, 11010111, 10101111

#b2d7af
```
#b2d7af rgb(178,215,175)
```
#d4afd7
```
#d4afd7 rgb(212,175,215)
```

Complementary Color

#c6d7af
```
#c6d7af rgb(198,215,175)
```
#b2d7af
```
#b2d7af rgb(178,215,175)
```
#afd7c0
```
#afd7c0 rgb(175,215,192)
```

Analogous Color

#d7afc6
```
#d7afc6 rgb(215,175,198)
```
#b2d7af
```
#b2d7af rgb(178,215,175)
```
#c0afd7
```
#c0afd7 rgb(192,175,215)
```

Split Complementary Color

#d7afb2
```
#d7afb2 rgb(215,175,178)
```
#b2d7af
```
#b2d7af rgb(178,215,175)
```
#afb2d7
```
#afb2d7 rgb(175,178,215)
```

Triadic Color

#d7d4af
```
#d7d4af rgb(215,212,175)
```
#b2d7af
```
#b2d7af rgb(178,215,175)
```
#afb2d7
```
#afb2d7 rgb(175,178,215)
```
#d4afd7
```
#d4afd7 rgb(212,175,215)
```

Tetradic Color

#81be7c
```
#81be7c rgb(129,190,124)
```
#91c68d
```
#91c68d rgb(145,198,141)
```
#a2cf9e
```
#a2cf9e rgb(162,207,158)
```
#b2d7af
```
#b2d7af rgb(178,215,175)
```
#c2e0c0
```
#c2e0c0 rgb(194,224,192)
```
#d3e8d1
```
#d3e8d1 rgb(211,232,209)
```
#e3f1e2
```
#e3f1e2 rgb(227,241,226)
```

Monochromatic Color

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

#bcd7af
```
#bcd7af rgb(188,215,175)
```
#b9d7af
```
#b9d7af rgb(185,215,175)
```
#b5d7af
```
#b5d7af rgb(181,215,175)
```
#b2d7af
```
#b2d7af rgb(178,215,175)
```
#afd7af
```
#afd7af rgb(175,215,175)
```
#afd7b3
```
#afd7b3 rgb(175,215,179)
```
#afd7b6
```
#afd7b6 rgb(175,215,182)
```

Similar Colors

Text with hexadecimal color #b2d7af

This text has a font color of #b2d7af.

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

#b2d7af background color

This paragraph has a background color of #b2d7af.

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

#b2d7af border color

This element has a border color of #b2d7af.

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

CSS codes

.text {color:#b2d7af;}

.background {background-color:#b2d7af;}

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

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 #fefefd is the lightest one.

#060c06
```
#060c06 rgb(6,12,6)
```
#0d190c
```
#0d190c rgb(13,25,12)
```
#142613
```
#142613 rgb(20,38,19)
```
#1b3319
```
#1b3319 rgb(27,51,25)
```
#224020
```
#224020 rgb(34,64,32)
```
#294d26
```
#294d26 rgb(41,77,38)
```
#305a2d
```
#305a2d rgb(48,90,45)
```
#376734
```
#376734 rgb(55,103,52)
```
#3e743a
```
#3e743a rgb(62,116,58)
```
#458141
```
#458141 rgb(69,129,65)
```
#4c8e47
```
#4c8e47 rgb(76,142,71)
```
#549b4e
```
#549b4e rgb(84,155,78)
```
#5ba854
```
#5ba854 rgb(91,168,84)
```

Shade Color Variation

#66b061
```
#66b061 rgb(102,176,97)
```
#73b66e
```
#73b66e rgb(115,182,110)
```
#80bd7b
```
#80bd7b rgb(128,189,123)
```
#8cc388
```
#8cc388 rgb(140,195,136)
```
#99ca95
```
#99ca95 rgb(153,202,149)
```
#a5d0a2
```
#a5d0a2 rgb(165,208,162)
```
#b2d7af
```
#b2d7af rgb(178,215,175)
```
#bfdebc
```
#bfdebc rgb(191,222,188)
```
#cbe4c9
```
#cbe4c9 rgb(203,228,201)
```
#d8ebd6
```
#d8ebd6 rgb(216,235,214)
```
#e4f1e3
```
#e4f1e3 rgb(228,241,227)
```
#f1f8f0
```
#f1f8f0 rgb(241,248,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#c2c5c1
```
#c2c5c1 rgb(194,197,193)
```
#bec9bd
```
#bec9bd rgb(190,201,189)
```
#baceb8
```
#baceb8 rgb(186,206,184)
```
#b6d2b4
```
#b6d2b4 rgb(182,210,180)
```
#b2d7af
```
#b2d7af rgb(178,215,175)
```
#aedcaa
```
#aedcaa rgb(174,220,170)
```
#aae0a6
```
#aae0a6 rgb(170,224,166)
```
#a6e5a1
```
#a6e5a1 rgb(166,229,161)
```
#a2e99d
```
#a2e99d rgb(162,233,157)
```
#9eee98
```
#9eee98 rgb(158,238,152)
```
#9af393
```
#9af393 rgb(154,243,147)
```
#97f78f
```
#97f78f rgb(151,247,143)
```
#93fc8a
```
#93fc8a rgb(147,252,138)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c3cac2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacfae Protanopia 1% of men
#ebc8b8 Deuteranopia 1% of men
#bfd2e1 Tritanopia 0.001% of the population

Trichromacy

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

#b2d7af hex color

#b2d7af Color Information

#b2d7af Color Conversion

Color Schemes with #b2d7af

Alternatives to #b2d7af

#b2d7af Preview

Shades and Tints of #b2d7af

Tones of #b2d7af

Color Blindness Simulator