#b2ffd1 hex color

In a RGB color space, hex #b2ffd1 is composed of 69.8% red, 100% green and 82% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 0% magenta, 18% yellow and 0% black. It has a hue angle of 144.2 degrees, a saturation of 100% and a lightness of 84.9%. #b2ffd1 color hex could be obtained by blending #ffffff with #65ffa3. Closest websafe color is: #99ffcc.

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

● #b2ffd1 color description : Pale cyan - lime green.

The hexadecimal color #b2ffd1 has RGB values of R:178, G:255, B:209 and CMYK values of C:0.3, M:0, Y:0.18, K:0. Its decimal value is 11730897.

Hex triplet	b2ffd1	`#b2ffd1`
RGB Decimal	178, 255, 209	`rgb(178,255,209)`
RGB Percent	69.8, 100, 82	`rgb(69.8%,100%,82%)`
CMYK	30, 0, 18, 0
HSL	144.2°, 100, 84.9	`hsl(144.2,100%,84.9%)`
HSV (or HSB)	144.2°, 30.2, 100
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	94.135, -32.795, 14.539
XYZ	65.625, 85.586, 73.38
xyY	0.292, 0.381, 85.586
CIE-LCH	94.135, 35.874, 156.091
CIE-LUV	94.135, -37.439, 27.44
Hunter-Lab	92.513, -35.275, 17.731
Binary	10110010, 11111111, 11010001

#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```
#ffb2e0
```
#ffb2e0 rgb(255,178,224)
```

Complementary Color

#baffb2
```
#baffb2 rgb(186,255,178)
```
#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```
#b2fff8
```
#b2fff8 rgb(178,255,248)
```

Analogous Color

#ffb2ba
```
#ffb2ba rgb(255,178,186)
```
#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```
#f8b2ff
```
#f8b2ff rgb(248,178,255)
```

Split Complementary Color

#ffd1b2
```
#ffd1b2 rgb(255,209,178)
```
#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```
#d1b2ff
```
#d1b2ff rgb(209,178,255)
```

Triadic Color

#e0ffb2
```
#e0ffb2 rgb(224,255,178)
```
#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```
#d1b2ff
```
#d1b2ff rgb(209,178,255)
```
#ffb2e0
```
#ffb2e0 rgb(255,178,224)
```

Tetradic Color

#66ffa3
```
#66ffa3 rgb(102,255,163)
```
#7fffb3
```
#7fffb3 rgb(127,255,179)
```
#99ffc2
```
#99ffc2 rgb(153,255,194)
```
#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```
#ccffe0
```
#ccffe0 rgb(204,255,224)
```
#e5ffef
```
#e5ffef rgb(229,255,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b2ffbe
```
#b2ffbe rgb(178,255,190)
```
#b2ffc4
```
#b2ffc4 rgb(178,255,196)
```
#b2ffcb
```
#b2ffcb rgb(178,255,203)
```
#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```
#b2ffd7
```
#b2ffd7 rgb(178,255,215)
```
#b2ffde
```
#b2ffde rgb(178,255,222)
```
#b2ffe4
```
#b2ffe4 rgb(178,255,228)
```

Similar Colors

Text with hexadecimal color #b2ffd1

This text has a font color of #b2ffd1.

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

#b2ffd1 background color

This paragraph has a background color of #b2ffd1.

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

#b2ffd1 border color

This element has a border color of #b2ffd1.

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

CSS codes

.text {color:#b2ffd1;}

.background {background-color:#b2ffd1;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001508
```
#001508 rgb(0,21,8)
```
#002910
```
#002910 rgb(0,41,16)
```
#003c18
```
#003c18 rgb(0,60,24)
```
#005020
```
#005020 rgb(0,80,32)
```
#006428
```
#006428 rgb(0,100,40)
```
#007730
```
#007730 rgb(0,119,48)
```
#008b38
```
#008b38 rgb(0,139,56)
```
#009e40
```
#009e40 rgb(0,158,64)
```
#00b248
```
#00b248 rgb(0,178,72)
```
#00c650
```
#00c650 rgb(0,198,80)
```
#00d957
```
#00d957 rgb(0,217,87)
```
#00ed5f
```
#00ed5f rgb(0,237,95)
```

Shade Color Variation

#01ff68
```
#01ff68 rgb(1,255,104)
```
#15ff73
```
#15ff73 rgb(21,255,115)
```
#29ff7f
```
#29ff7f rgb(41,255,127)
```
#3cff8b
```
#3cff8b rgb(60,255,139)
```
#50ff96
```
#50ff96 rgb(80,255,150)
```
#64ffa2
```
#64ffa2 rgb(100,255,162)
```
#77ffae
```
#77ffae rgb(119,255,174)
```
#8bffba
```
#8bffba rgb(139,255,186)
```
#9effc5
```
#9effc5 rgb(158,255,197)
```
#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```
#c6ffdd
```
#c6ffdd rgb(198,255,221)
```
#d9ffe8
```
#d9ffe8 rgb(217,255,232)
```
#edfff4
```
#edfff4 rgb(237,255,244)
```

Tint Color Variation

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

#d6dbd8
```
#d6dbd8 rgb(214,219,216)
```
#d3ded7
```
#d3ded7 rgb(211,222,215)
```
#d0e1d7
```
#d0e1d7 rgb(208,225,215)
```
#cde4d6
```
#cde4d6 rgb(205,228,214)
```
#cae7d6
```
#cae7d6 rgb(202,231,214)
```
#c7ead5
```
#c7ead5 rgb(199,234,213)
```
#c4edd4
```
#c4edd4 rgb(196,237,212)
```
#c1f0d4
```
#c1f0d4 rgb(193,240,212)
```
#bef3d3
```
#bef3d3 rgb(190,243,211)
```
#bbf6d3
```
#bbf6d3 rgb(187,246,211)
```
#b8f9d2
```
#b8f9d2 rgb(184,249,210)
```
#b5fcd2
```
#b5fcd2 rgb(181,252,210)
```
#b2ffd1
```
#b2ffd1 rgb(178,255,209)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#d9e9df Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbeecb Protanopia 1% of men
#ffeae5 Deuteranopia 1% of men
#d6f3ff Tritanopia 0.001% of the population

Trichromacy

#e0f4cd Protanomaly 1% of men, 0.01% of women
#e3f2dd Deuteranomaly 6% of men, 0.4% of women
#c9f7ee Tritanomaly 0.01% of the population

#b2ffd1 hex color

#b2ffd1 Color Information

#b2ffd1 Color Conversion

Color Schemes with #b2ffd1

Alternatives to #b2ffd1

#b2ffd1 Preview

Shades and Tints of #b2ffd1

Tones of #b2ffd1

Color Blindness Simulator