#b2f6dc hex color

In a RGB color space, hex #b2f6dc is composed of 69.8% red, 96.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 0% magenta, 10.6% yellow and 3.5% black. It has a hue angle of 157.1 degrees, a saturation of 79.1% and a lightness of 83.1%. #b2f6dc color hex could be obtained by blending #ffffff with #65edb9. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 70
- G 96
- B 86
RGB color chart
- C 28
- M 0
- Y 11
- K 4
CMYK color chart

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

The hexadecimal color #b2f6dc has RGB values of R:178, G:246, B:220 and CMYK values of C:0.28, M:0, Y:0.11, K:0.04. Its decimal value is 11728604.

Hex triplet	b2f6dc	`#b2f6dc`
RGB Decimal	178, 246, 220	`rgb(178,246,220)`
RGB Percent	69.8, 96.5, 86.3	`rgb(69.8%,96.5%,86.3%)`
CMYK	28, 0, 11, 4
HSL	157.1°, 79.1, 83.1	`hsl(157.1,79.1%,83.1%)`
HSV (or HSB)	157.1°, 27.6, 96.5
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	91.927, -26.432, 5.71
XYZ	64.231, 80.541, 79.868
xyY	0.286, 0.359, 80.541
CIE-LCH	91.927, 27.042, 167.81
CIE-LUV	91.927, -33.357, 13.254
Hunter-Lab	89.745, -29.3, 10.057
Binary	10110010, 11110110, 11011100

#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#f6b2cc
```
#f6b2cc rgb(246,178,204)
```

Complementary Color

#b2f6ba
```
#b2f6ba rgb(178,246,186)
```
#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#b2eef6
```
#b2eef6 rgb(178,238,246)
```

Analogous Color

#f6bab2
```
#f6bab2 rgb(246,186,178)
```
#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#f6b2ee
```
#f6b2ee rgb(246,178,238)
```

Split Complementary Color

#f6dcb2
```
#f6dcb2 rgb(246,220,178)
```
#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#dcb2f6
```
#dcb2f6 rgb(220,178,246)
```

Triadic Color

#ccf6b2
```
#ccf6b2 rgb(204,246,178)
```
#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#dcb2f6
```
#dcb2f6 rgb(220,178,246)
```
#f6b2cc
```
#f6b2cc rgb(246,178,204)
```

Tetradic Color

#6eeebd
```
#6eeebd rgb(110,238,189)
```
#84f1c7
```
#84f1c7 rgb(132,241,199)
```
#9bf3d2
```
#9bf3d2 rgb(155,243,210)
```
#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#c9f9e6
```
#c9f9e6 rgb(201,249,230)
```
#e0fbf1
```
#e0fbf1 rgb(224,251,241)
```
#f6fefb
```
#f6fefb rgb(246,254,251)
```

Monochromatic Color

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

#b2f6cb
```
#b2f6cb rgb(178,246,203)
```
#b2f6d1
```
#b2f6d1 rgb(178,246,209)
```
#b2f6d6
```
#b2f6d6 rgb(178,246,214)
```
#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#b2f6e2
```
#b2f6e2 rgb(178,246,226)
```
#b2f6e7
```
#b2f6e7 rgb(178,246,231)
```
#b2f6ed
```
#b2f6ed rgb(178,246,237)
```

Similar Colors

Text with hexadecimal color #b2f6dc

This text has a font color of #b2f6dc.

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

#b2f6dc background color

This paragraph has a background color of #b2f6dc.

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

#b2f6dc border color

This element has a border color of #b2f6dc.

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

CSS codes

.text {color:#b2f6dc;}

.background {background-color:#b2f6dc;}

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

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, #010b07 is the darkest color, while #f8fefc is the lightest one.

#010b07
```
#010b07 rgb(1,11,7)
```
#031c13
```
#031c13 rgb(3,28,19)
```
#052e1e
```
#052e1e rgb(5,46,30)
```
#07402a
```
#07402a rgb(7,64,42)
```
#095136
```
#095136 rgb(9,81,54)
```
#0c6341
```
#0c6341 rgb(12,99,65)
```
#0e744d
```
#0e744d rgb(14,116,77)
```
#108659
```
#108659 rgb(16,134,89)
```
#129764
```
#129764 rgb(18,151,100)
```
#14a970
```
#14a970 rgb(20,169,112)
```
#16ba7b
```
#16ba7b rgb(22,186,123)
```
#18cc87
```
#18cc87 rgb(24,204,135)
```
#1ade93
```
#1ade93 rgb(26,222,147)
```

Shade Color Variation

#25e69c
```
#25e69c rgb(37,230,156)
```
#37e8a4
```
#37e8a4 rgb(55,232,164)
```
#49eaac
```
#49eaac rgb(73,234,172)
```
#5aecb4
```
#5aecb4 rgb(90,236,180)
```
#6ceebc
```
#6ceebc rgb(108,238,188)
```
#7df0c4
```
#7df0c4 rgb(125,240,196)
```
#8ff2cc
```
#8ff2cc rgb(143,242,204)
```
#a0f4d4
```
#a0f4d4 rgb(160,244,212)
```
#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#c4f8e4
```
#c4f8e4 rgb(196,248,228)
```
#d5faec
```
#d5faec rgb(213,250,236)
```
#e7fcf4
```
#e7fcf4 rgb(231,252,244)
```
#f8fefc
```
#f8fefc rgb(248,254,252)
```

Tint Color Variation

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

#d3d5d4
```
#d3d5d4 rgb(211,213,212)
```
#d0d8d5
```
#d0d8d5 rgb(208,216,213)
```
#ccdcd6
```
#ccdcd6 rgb(204,220,214)
```
#c9dfd7
```
#c9dfd7 rgb(201,223,215)
```
#c6e2d7
```
#c6e2d7 rgb(198,226,215)
```
#c3e5d8
```
#c3e5d8 rgb(195,229,216)
```
#bfe9d9
```
#bfe9d9 rgb(191,233,217)
```
#bcecda
```
#bcecda rgb(188,236,218)
```
#b9efda
```
#b9efda rgb(185,239,218)
```
#b5f3db
```
#b5f3db rgb(181,243,219)
```
#b2f6dc
```
#b2f6dc rgb(178,246,220)
```
#aff9dd
```
#aff9dd rgb(175,249,221)
```
#abfdde
```
#abfdde rgb(171,253,222)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d6e4de Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e8d6 Protanopia 1% of men
#ffe2e4 Deuteranopia 1% of men
#c5efff Tritanopia 0.001% of the population

Trichromacy

#daedd8 Protanomaly 1% of men, 0.01% of women
#e3e9e1 Deuteranomaly 6% of men, 0.4% of women
#bef2f2 Tritanomaly 0.01% of the population

#b2f6dc hex color

#b2f6dc Color Information

#b2f6dc Color Conversion

Color Schemes with #b2f6dc

Alternatives to #b2f6dc

#b2f6dc Preview

Shades and Tints of #b2f6dc

Tones of #b2f6dc

Color Blindness Simulator