#b2d2b2 hex color

In a RGB color space, hex #b2d2b2 is composed of 69.8% red, 82.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 15.2% yellow and 17.6% black. It has a hue angle of 120 degrees, a saturation of 26.2% and a lightness of 76.1%. #b2d2b2 color hex could be obtained by blending #ffffff with #65a565. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 82
- B 70
RGB color chart
- C 15
- M 0
- Y 15
- K 18
CMYK color chart

● #b2d2b2 color description : Grayish lime green.

The hexadecimal color #b2d2b2 has RGB values of R:178, G:210, B:178 and CMYK values of C:0.15, M:0, Y:0.15, K:0.18. Its decimal value is 11719346.

Hex triplet	b2d2b2	`#b2d2b2`
RGB Decimal	178, 210, 178	`rgb(178,210,178)`
RGB Percent	69.8, 82.4, 69.8	`rgb(69.8%,82.4%,69.8%)`
CMYK	15, 0, 15, 18
HSL	120°, 26.2, 76.1	`hsl(120,26.2%,76.1%)`
HSV (or HSB)	120°, 15.2, 82.4
Web Safe	99cc99	`#99cc99`

CIE-LAB	81.166, -16.702, 12.351
XYZ	49.441, 58.772, 50.856
xyY	0.311, 0.369, 58.772
CIE-LCH	81.166, 20.773, 143.517
CIE-LUV	81.166, -16.178, 20.9
Hunter-Lab	76.663, -19.043, 14.332
Binary	10110010, 11010010, 10110010

#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#d2b2d2
```
#d2b2d2 rgb(210,178,210)
```

Complementary Color

#c2d2b2
```
#c2d2b2 rgb(194,210,178)
```
#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#b2d2c2
```
#b2d2c2 rgb(178,210,194)
```

Analogous Color

#d2b2c2
```
#d2b2c2 rgb(210,178,194)
```
#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#c2b2d2
```
#c2b2d2 rgb(194,178,210)
```

Split Complementary Color

#d2b2b2
```
#d2b2b2 rgb(210,178,178)
```
#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#b2b2d2
```
#b2b2d2 rgb(178,178,210)
```

Triadic Color

#d2d2b2
```
#d2d2b2 rgb(210,210,178)
```
#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#b2b2d2
```
#b2b2d2 rgb(178,178,210)
```
#d2b2d2
```
#d2b2d2 rgb(210,178,210)
```

Tetradic Color

#82b682
```
#82b682 rgb(130,182,130)
```
#92bf92
```
#92bf92 rgb(146,191,146)
```
#a2c9a2
```
#a2c9a2 rgb(162,201,162)
```
#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#c2dbc2
```
#c2dbc2 rgb(194,219,194)
```
#d2e5d2
```
#d2e5d2 rgb(210,229,210)
```
#e2eee2
```
#e2eee2 rgb(226,238,226)
```

Monochromatic Color

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

#bad2b2
```
#bad2b2 rgb(186,210,178)
```
#b7d2b2
```
#b7d2b2 rgb(183,210,178)
```
#b5d2b2
```
#b5d2b2 rgb(181,210,178)
```
#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#b2d2b5
```
#b2d2b5 rgb(178,210,181)
```
#b2d2b7
```
#b2d2b7 rgb(178,210,183)
```
#b2d2ba
```
#b2d2ba rgb(178,210,186)
```

Similar Colors

Text with hexadecimal color #b2d2b2

This text has a font color of #b2d2b2.

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

#b2d2b2 background color

This paragraph has a background color of #b2d2b2.

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

#b2d2b2 border color

This element has a border color of #b2d2b2.

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

CSS codes

.text {color:#b2d2b2;}

.background {background-color:#b2d2b2;}

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

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

#060a06
```
#060a06 rgb(6,10,6)
```
#0d160d
```
#0d160d rgb(13,22,13)
```
#142214
```
#142214 rgb(20,34,20)
```
#1b2f1b
```
#1b2f1b rgb(27,47,27)
```
#233b23
```
#233b23 rgb(35,59,35)
```
#2a482a
```
#2a482a rgb(42,72,42)
```
#315431
```
#315431 rgb(49,84,49)
```
#386038
```
#386038 rgb(56,96,56)
```
#406d40
```
#406d40 rgb(64,109,64)
```
#477947
```
#477947 rgb(71,121,71)
```
#4e854e
```
#4e854e rgb(78,133,78)
```
#559255
```
#559255 rgb(85,146,85)
```
#5c9e5c
```
#5c9e5c rgb(92,158,92)
```

Shade Color Variation

#68a768
```
#68a768 rgb(104,167,104)
```
#74ae74
```
#74ae74 rgb(116,174,116)
```
#80b580
```
#80b580 rgb(128,181,128)
```
#8dbc8d
```
#8dbc8d rgb(141,188,141)
```
#99c499
```
#99c499 rgb(153,196,153)
```
#a6cba6
```
#a6cba6 rgb(166,203,166)
```
#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#bed9be
```
#bed9be rgb(190,217,190)
```
#cbe0cb
```
#cbe0cb rgb(203,224,203)
```
#d7e8d7
```
#d7e8d7 rgb(215,232,215)
```
#e4efe4
```
#e4efe4 rgb(228,239,228)
```
#f0f6f0
```
#f0f6f0 rgb(240,246,240)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#c0c4c0
```
#c0c4c0 rgb(192,196,192)
```
#bbc9bb
```
#bbc9bb rgb(187,201,187)
```
#b7cdb7
```
#b7cdb7 rgb(183,205,183)
```
#b2d2b2
```
#b2d2b2 rgb(178,210,178)
```
#add7ad
```
#add7ad rgb(173,215,173)
```
#a9dba9
```
#a9dba9 rgb(169,219,169)
```
#a4e0a4
```
#a4e0a4 rgb(164,224,164)
```
#9fe59f
```
#9fe59f rgb(159,229,159)
```
#9be99b
```
#9be99b rgb(155,233,155)
```
#96ee96
```
#96ee96 rgb(150,238,150)
```
#91f391
```
#91f391 rgb(145,243,145)
```
#8cf88c
```
#8cf88c rgb(140,248,140)
```
#88fc88
```
#88fc88 rgb(136,252,136)
```

Tone Color Variation

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

Dichromacy

#d6cbb1 Protanopia 1% of men
#e5c5ba Deuteranopia 1% of men
#bdcedd Tritanopia 0.001% of the population

Trichromacy

#c8ceb1 Protanomaly 1% of men, 0.01% of women
#d3cab7 Deuteranomaly 6% of men, 0.4% of women
#b9cfcd Tritanomaly 0.01% of the population

#b2d2b2 hex color

#b2d2b2 Color Information

#b2d2b2 Color Conversion

Color Schemes with #b2d2b2

Alternatives to #b2d2b2

#b2d2b2 Preview

Shades and Tints of #b2d2b2

Tones of #b2d2b2

Color Blindness Simulator