#b2d5b2 hex color

In a RGB color space, hex #b2d5b2 is composed of 69.8% red, 83.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 0% magenta, 16.4% yellow and 16.5% black. It has a hue angle of 120 degrees, a saturation of 29.4% and a lightness of 76.7%. #b2d5b2 color hex could be obtained by blending #ffffff with #65ab65. Closest websafe color is: #99cc99.

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

● #b2d5b2 color description : Grayish lime green.

The hexadecimal color #b2d5b2 has RGB values of R:178, G:213, B:178 and CMYK values of C:0.16, M:0, Y:0.16, K:0.16. Its decimal value is 11720114.

Hex triplet	b2d5b2	`#b2d5b2`
RGB Decimal	178, 213, 178	`rgb(178,213,178)`
RGB Percent	69.8, 83.5, 69.8	`rgb(69.8%,83.5%,69.8%)`
CMYK	16, 0, 16, 16
HSL	120°, 29.4, 76.7	`hsl(120,29.4%,76.7%)`
HSV (or HSB)	120°, 16.4, 83.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.983, -18.207, 13.507
XYZ	50.188, 60.267, 51.106
xyY	0.311, 0.373, 60.267
CIE-LCH	81.983, 22.67, 143.43
CIE-LUV	81.983, -17.664, 22.822
Hunter-Lab	77.632, -20.457, 15.311
Binary	10110010, 11010101, 10110010

#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#d5b2d5
```
#d5b2d5 rgb(213,178,213)
```

Complementary Color

#c4d5b2
```
#c4d5b2 rgb(196,213,178)
```
#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#b2d5c4
```
#b2d5c4 rgb(178,213,196)
```

Analogous Color

#d5b2c4
```
#d5b2c4 rgb(213,178,196)
```
#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#c4b2d5
```
#c4b2d5 rgb(196,178,213)
```

Split Complementary Color

#d5b2b2
```
#d5b2b2 rgb(213,178,178)
```
#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#b2b2d5
```
#b2b2d5 rgb(178,178,213)
```

Triadic Color

#d5d5b2
```
#d5d5b2 rgb(213,213,178)
```
#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#b2b2d5
```
#b2b2d5 rgb(178,178,213)
```
#d5b2d5
```
#d5b2d5 rgb(213,178,213)
```

Tetradic Color

#81ba81
```
#81ba81 rgb(129,186,129)
```
#91c391
```
#91c391 rgb(145,195,145)
```
#a2cca2
```
#a2cca2 rgb(162,204,162)
```
#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#c3dec3
```
#c3dec3 rgb(195,222,195)
```
#d3e7d3
```
#d3e7d3 rgb(211,231,211)
```
#e4f0e4
```
#e4f0e4 rgb(228,240,228)
```

Monochromatic Color

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

#bbd5b2
```
#bbd5b2 rgb(187,213,178)
```
#b8d5b2
```
#b8d5b2 rgb(184,213,178)
```
#b5d5b2
```
#b5d5b2 rgb(181,213,178)
```
#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#b2d5b5
```
#b2d5b5 rgb(178,213,181)
```
#b2d5b8
```
#b2d5b8 rgb(178,213,184)
```
#b2d5bb
```
#b2d5bb rgb(178,213,187)
```

Similar Colors

Text with hexadecimal color #b2d5b2

This text has a font color of #b2d5b2.

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

#b2d5b2 background color

This paragraph has a background color of #b2d5b2.

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

#b2d5b2 border color

This element has a border color of #b2d5b2.

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

CSS codes

.text {color:#b2d5b2;}

.background {background-color:#b2d5b2;}

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

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)
```
#0d190d
```
#0d190d rgb(13,25,13)
```
#142514
```
#142514 rgb(20,37,20)
```
#1b321b
```
#1b321b rgb(27,50,27)
```
#223f22
```
#223f22 rgb(34,63,34)
```
#294b29
```
#294b29 rgb(41,75,41)
```
#305830
```
#305830 rgb(48,88,48)
```
#376537
```
#376537 rgb(55,101,55)
```
#3e713e
```
#3e713e rgb(62,113,62)
```
#457e45
```
#457e45 rgb(69,126,69)
```
#4c8b4c
```
#4c8b4c rgb(76,139,76)
```
#539753
```
#539753 rgb(83,151,83)
```
#5aa45a
```
#5aa45a rgb(90,164,90)
```

Shade Color Variation

#66ab66
```
#66ab66 rgb(102,171,102)
```
#73b273
```
#73b273 rgb(115,178,115)
```
#7fb97f
```
#7fb97f rgb(127,185,127)
```
#8cc08c
```
#8cc08c rgb(140,192,140)
```
#99c799
```
#99c799 rgb(153,199,153)
```
#a5cea5
```
#a5cea5 rgb(165,206,165)
```
#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#bfdcbf
```
#bfdcbf rgb(191,220,191)
```
#cbe3cb
```
#cbe3cb rgb(203,227,203)
```
#d8ead8
```
#d8ead8 rgb(216,234,216)
```
#e5f1e5
```
#e5f1e5 rgb(229,241,229)
```
#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, #c0c7c0 is the less saturated color, while #89fe89 is the most saturated one.

#c0c7c0
```
#c0c7c0 rgb(192,199,192)
```
#bbccbb
```
#bbccbb rgb(187,204,187)
```
#b7d0b7
```
#b7d0b7 rgb(183,208,183)
```
#b2d5b2
```
#b2d5b2 rgb(178,213,178)
```
#addaad
```
#addaad rgb(173,218,173)
```
#a9dea9
```
#a9dea9 rgb(169,222,169)
```
#a4e3a4
```
#a4e3a4 rgb(164,227,164)
```
#a0e7a0
```
#a0e7a0 rgb(160,231,160)
```
#9bec9b
```
#9bec9b rgb(155,236,155)
```
#97f097
```
#97f097 rgb(151,240,151)
```
#92f592
```
#92f592 rgb(146,245,146)
```
#8dfa8d
```
#8dfa8d rgb(141,250,141)
```
#89fe89
```
#89fe89 rgb(137,254,137)
```

Tone Color Variation

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

Dichromacy

#d8cdb1 Protanopia 1% of men
#e8c7bb Deuteranopia 1% of men
#bed1e0 Tritanopia 0.001% of the population

Trichromacy

#cad0b1 Protanomaly 1% of men, 0.01% of women
#d4ccb7 Deuteranomaly 6% of men, 0.4% of women
#b9d2cf Tritanomaly 0.01% of the population

#b2d5b2 hex color

#b2d5b2 Color Information

#b2d5b2 Color Conversion

Color Schemes with #b2d5b2

Alternatives to #b2d5b2

#b2d5b2 Preview

Shades and Tints of #b2d5b2

Tones of #b2d5b2

Color Blindness Simulator