#b2f3dd hex color

In a RGB color space, hex #b2f3dd is composed of 69.8% red, 95.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 0% magenta, 9.1% yellow and 4.7% black. It has a hue angle of 159.7 degrees, a saturation of 73% and a lightness of 82.5%. #b2f3dd color hex could be obtained by blending #ffffff with #65e7bb. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 70
- G 95
- B 87
RGB color chart
- C 27
- M 0
- Y 9
- K 5
CMYK color chart

● #b2f3dd color description : Very soft cyan - lime green.

The hexadecimal color #b2f3dd has RGB values of R:178, G:243, B:221 and CMYK values of C:0.27, M:0, Y:0.09, K:0.05. Its decimal value is 11727837.

Hex triplet	b2f3dd	`#b2f3dd`
RGB Decimal	178, 243, 221	`rgb(178,243,221)`
RGB Percent	69.8, 95.3, 86.7	`rgb(69.8%,95.3%,86.7%)`
CMYK	27, 0, 9, 5
HSL	159.7°, 73, 82.5	`hsl(159.7,73%,82.5%)`
HSV (or HSB)	159.7°, 26.7, 95.3
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.137, -24.79, 4.048
XYZ	63.458, 78.784, 80.266
xyY	0.285, 0.354, 78.784
CIE-LCH	91.137, 25.118, 170.726
CIE-LUV	91.137, -32.019, 10.445
Hunter-Lab	88.761, -27.714, 8.517
Binary	10110010, 11110011, 11011101

#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#f3b2c8
```
#f3b2c8 rgb(243,178,200)
```

Complementary Color

#b2f3bd
```
#b2f3bd rgb(178,243,189)
```
#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#b2e9f3
```
#b2e9f3 rgb(178,233,243)
```

Analogous Color

#f3bdb2
```
#f3bdb2 rgb(243,189,178)
```
#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#f3b2e9
```
#f3b2e9 rgb(243,178,233)
```

Split Complementary Color

#f3ddb2
```
#f3ddb2 rgb(243,221,178)
```
#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#ddb2f3
```
#ddb2f3 rgb(221,178,243)
```

Triadic Color

#c8f3b2
```
#c8f3b2 rgb(200,243,178)
```
#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#ddb2f3
```
#ddb2f3 rgb(221,178,243)
```
#f3b2c8
```
#f3b2c8 rgb(243,178,200)
```

Tetradic Color

#70e9c0
```
#70e9c0 rgb(112,233,192)
```
#86ecca
```
#86ecca rgb(134,236,202)
```
#9cf0d3
```
#9cf0d3 rgb(156,240,211)
```
#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#c8f6e7
```
#c8f6e7 rgb(200,246,231)
```
#defaf0
```
#defaf0 rgb(222,250,240)
```
#f4fdfa
```
#f4fdfa rgb(244,253,250)
```

Monochromatic Color

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

#b2f3cd
```
#b2f3cd rgb(178,243,205)
```
#b2f3d2
```
#b2f3d2 rgb(178,243,210)
```
#b2f3d8
```
#b2f3d8 rgb(178,243,216)
```
#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#b2f3e2
```
#b2f3e2 rgb(178,243,226)
```
#b2f3e8
```
#b2f3e8 rgb(178,243,232)
```
#b2f3ed
```
#b2f3ed rgb(178,243,237)
```

Similar Colors

Text with hexadecimal color #b2f3dd

This text has a font color of #b2f3dd.

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

#b2f3dd background color

This paragraph has a background color of #b2f3dd.

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

#b2f3dd border color

This element has a border color of #b2f3dd.

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

CSS codes

.text {color:#b2f3dd;}

.background {background-color:#b2f3dd;}

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

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

#010806
```
#010806 rgb(1,8,6)
```
#041912
```
#041912 rgb(4,25,18)
```
#072a1e
```
#072a1e rgb(7,42,30)
```
#093b2a
```
#093b2a rgb(9,59,42)
```
#0c4c36
```
#0c4c36 rgb(12,76,54)
```
#0e5d42
```
#0e5d42 rgb(14,93,66)
```
#116e4e
```
#116e4e rgb(17,110,78)
```
#147f5a
```
#147f5a rgb(20,127,90)
```
#169067
```
#169067 rgb(22,144,103)
```
#19a173
```
#19a173 rgb(25,161,115)
```
#1cb27f
```
#1cb27f rgb(28,178,127)
```
#1ec38b
```
#1ec38b rgb(30,195,139)
```
#21d497
```
#21d497 rgb(33,212,151)
```

Shade Color Variation

#2adea1
```
#2adea1 rgb(42,222,161)
```
#3be0a9
```
#3be0a9 rgb(59,224,169)
```
#4ce3b0
```
#4ce3b0 rgb(76,227,176)
```
#5de6b8
```
#5de6b8 rgb(93,230,184)
```
#6ee8bf
```
#6ee8bf rgb(110,232,191)
```
#7febc7
```
#7febc7 rgb(127,235,199)
```
#90eece
```
#90eece rgb(144,238,206)
```
#a1f0d6
```
#a1f0d6 rgb(161,240,214)
```
#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#c3f6e4
```
#c3f6e4 rgb(195,246,228)
```
#d4f8ec
```
#d4f8ec rgb(212,248,236)
```
#e5fbf3
```
#e5fbf3 rgb(229,251,243)
```
#f6fefb
```
#f6fefb rgb(246,254,251)
```

Tint Color Variation

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

#d1d4d3
```
#d1d4d3 rgb(209,212,211)
```
#cdd8d4
```
#cdd8d4 rgb(205,216,212)
```
#cadbd5
```
#cadbd5 rgb(202,219,213)
```
#c7ded6
```
#c7ded6 rgb(199,222,214)
```
#c3e2d7
```
#c3e2d7 rgb(195,226,215)
```
#c0e5d9
```
#c0e5d9 rgb(192,229,217)
```
#bce9da
```
#bce9da rgb(188,233,218)
```
#b9ecdb
```
#b9ecdb rgb(185,236,219)
```
#b5f0dc
```
#b5f0dc rgb(181,240,220)
```
#b2f3dd
```
#b2f3dd rgb(178,243,221)
```
#aff6de
```
#aff6de rgb(175,246,222)
```
#abfadf
```
#abfadf rgb(171,250,223)
```
#a8fde0
```
#a8fde0 rgb(168,253,224)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#d4e1dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee6d7 Protanopia 1% of men
#fcdfe5 Deuteranopia 1% of men
#bfeeff Tritanopia 0.001% of the population

Trichromacy

#d8ead9 Protanomaly 1% of men, 0.01% of women
#e1e6e2 Deuteranomaly 6% of men, 0.4% of women
#baf0f2 Tritanomaly 0.01% of the population

#b2f3dd hex color

#b2f3dd Color Information

#b2f3dd Color Conversion

Color Schemes with #b2f3dd

Alternatives to #b2f3dd

#b2f3dd Preview

Shades and Tints of #b2f3dd

Tones of #b2f3dd

Color Blindness Simulator