#b2f9df hex color

In a RGB color space, hex #b2f9df is composed of 69.8% red, 97.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 28.5% cyan, 0% magenta, 10.4% yellow and 2.4% black. It has a hue angle of 158 degrees, a saturation of 85.5% and a lightness of 83.7%. #b2f9df color hex could be obtained by blending #ffffff with #65f3bf. Closest websafe color is: #99ffcc.

♥
- f
- t
- g
- R 70
- G 98
- B 87
RGB color chart
- C 29
- M 0
- Y 10
- K 2
CMYK color chart

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

The hexadecimal color #b2f9df has RGB values of R:178, G:249, B:223 and CMYK values of C:0.29, M:0, Y:0.1, K:0.02. Its decimal value is 11729375.

Hex triplet	b2f9df	`#b2f9df`
RGB Decimal	178, 249, 223	`rgb(178,249,223)`
RGB Percent	69.8, 97.6, 87.5	`rgb(69.8%,97.6%,87.5%)`
CMYK	29, 0, 10, 2
HSL	158°, 85.5, 83.7	`hsl(158,85.5%,83.7%)`
HSV (or HSB)	158°, 28.5, 97.6
Web Safe	99ffcc	`#99ffcc`

CIE-LAB	92.813, -27.265, 5.436
XYZ	65.551, 82.542, 82.286
xyY	0.285, 0.358, 82.542
CIE-LCH	92.813, 27.801, 168.725
CIE-LUV	92.813, -34.668, 12.998
Hunter-Lab	90.852, -30.201, 9.897
Binary	10110010, 11111001, 11011111

#b2f9df
```
#b2f9df rgb(178,249,223)
```
#f9b2cc
```
#f9b2cc rgb(249,178,204)
```

Complementary Color

#b2f9bc
```
#b2f9bc rgb(178,249,188)
```
#b2f9df
```
#b2f9df rgb(178,249,223)
```
#b2f0f9
```
#b2f0f9 rgb(178,240,249)
```

Analogous Color

#f9bcb2
```
#f9bcb2 rgb(249,188,178)
```
#b2f9df
```
#b2f9df rgb(178,249,223)
```
#f9b2f0
```
#f9b2f0 rgb(249,178,240)
```

Split Complementary Color

#f9dfb2
```
#f9dfb2 rgb(249,223,178)
```
#b2f9df
```
#b2f9df rgb(178,249,223)
```
#dfb2f9
```
#dfb2f9 rgb(223,178,249)
```

Triadic Color

#ccf9b2
```
#ccf9b2 rgb(204,249,178)
```
#b2f9df
```
#b2f9df rgb(178,249,223)
```
#dfb2f9
```
#dfb2f9 rgb(223,178,249)
```
#f9b2cc
```
#f9b2cc rgb(249,178,204)
```

Tetradic Color

#6bf3c2
```
#6bf3c2 rgb(107,243,194)
```
#83f5cb
```
#83f5cb rgb(131,245,203)
```
#9af7d5
```
#9af7d5 rgb(154,247,213)
```
#b2f9df
```
#b2f9df rgb(178,249,223)
```
#cafbe9
```
#cafbe9 rgb(202,251,233)
```
#e1fdf3
```
#e1fdf3 rgb(225,253,243)
```
#f9fffc
```
#f9fffc rgb(249,255,252)
```

Monochromatic Color

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

#b2f9cd
```
#b2f9cd rgb(178,249,205)
```
#b2f9d3
```
#b2f9d3 rgb(178,249,211)
```
#b2f9d9
```
#b2f9d9 rgb(178,249,217)
```
#b2f9df
```
#b2f9df rgb(178,249,223)
```
#b2f9e5
```
#b2f9e5 rgb(178,249,229)
```
#b2f9eb
```
#b2f9eb rgb(178,249,235)
```
#b2f9f1
```
#b2f9f1 rgb(178,249,241)
```

Similar Colors

Text with hexadecimal color #b2f9df

This text has a font color of #b2f9df.

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

#b2f9df background color

This paragraph has a background color of #b2f9df.

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

#b2f9df border color

This element has a border color of #b2f9df.

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

CSS codes

.text {color:#b2f9df;}

.background {background-color:#b2f9df;}

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

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

#010e09
```
#010e09 rgb(1,14,9)
```
#032015
```
#032015 rgb(3,32,21)
```
#043221
```
#043221 rgb(4,50,33)
```
#05452d
```
#05452d rgb(5,69,45)
```
#075739
```
#075739 rgb(7,87,57)
```
#086946
```
#086946 rgb(8,105,70)
```
#0a7b52
```
#0a7b52 rgb(10,123,82)
```
#0b8d5e
```
#0b8d5e rgb(11,141,94)
```
#0ca06a
```
#0ca06a rgb(12,160,106)
```
#0eb276
```
#0eb276 rgb(14,178,118)
```
#0fc482
```
#0fc482 rgb(15,196,130)
```
#11d68e
```
#11d68e rgb(17,214,142)
```
#12e89a
```
#12e89a rgb(18,232,154)
```

Shade Color Variation

#20eea2
```
#20eea2 rgb(32,238,162)
```
#33efaa
```
#33efaa rgb(51,239,170)
```
#45f0b2
```
#45f0b2 rgb(69,240,178)
```
#57f2b9
```
#57f2b9 rgb(87,242,185)
```
#69f3c1
```
#69f3c1 rgb(105,243,193)
```
#7bf5c8
```
#7bf5c8 rgb(123,245,200)
```
#8ef6d0
```
#8ef6d0 rgb(142,246,208)
```
#a0f8d7
```
#a0f8d7 rgb(160,248,215)
```
#b2f9df
```
#b2f9df rgb(178,249,223)
```
#c4fae7
```
#c4fae7 rgb(196,250,231)
```
#d6fcee
```
#d6fcee rgb(214,252,238)
```
#e9fdf6
```
#e9fdf6 rgb(233,253,246)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#d5d6d6
```
#d5d6d6 rgb(213,214,214)
```
#d2d9d6
```
#d2d9d6 rgb(210,217,214)
```
#cfdcd7
```
#cfdcd7 rgb(207,220,215)
```
#ccdfd8
```
#ccdfd8 rgb(204,223,216)
```
#c8e3d9
```
#c8e3d9 rgb(200,227,217)
```
#c5e6da
```
#c5e6da rgb(197,230,218)
```
#c2e9db
```
#c2e9db rgb(194,233,219)
```
#bfecdc
```
#bfecdc rgb(191,236,220)
```
#bcefdc
```
#bcefdc rgb(188,239,220)
```
#b8f3dd
```
#b8f3dd rgb(184,243,221)
```
#b5f6de
```
#b5f6de rgb(181,246,222)
```
#b2f9df
```
#b2f9df rgb(178,249,223)
```
#affce0
```
#affce0 rgb(175,252,224)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#d8e6e1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3ead9 Protanopia 1% of men
#ffe5e8 Deuteranopia 1% of men
#ccf1ff Tritanopia 0.001% of the population

Trichromacy

#dbefdb Protanomaly 1% of men, 0.01% of women
#e3ece4 Deuteranomaly 6% of men, 0.4% of women
#c2f4f3 Tritanomaly 0.01% of the population

#b2f9df hex color

#b2f9df Color Information

#b2f9df Color Conversion

Color Schemes with #b2f9df

Alternatives to #b2f9df

#b2f9df Preview

Shades and Tints of #b2f9df

Tones of #b2f9df

Color Blindness Simulator