#b2faf1 hex color

In a RGB color space, hex #b2faf1 is composed of 69.8% red, 98% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 28.8% cyan, 0% magenta, 3.6% yellow and 2% black. It has a hue angle of 172.5 degrees, a saturation of 87.8% and a lightness of 83.9%. #b2faf1 color hex could be obtained by blending #ffffff with #65f5e3. Closest websafe color is: #99ffff.

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

● #b2faf1 color description : Very soft cyan.

The hexadecimal color #b2faf1 has RGB values of R:178, G:250, B:241 and CMYK values of C:0.29, M:0, Y:0.04, K:0.02. Its decimal value is 11729649.

Hex triplet	b2faf1	`#b2faf1`
RGB Decimal	178, 250, 241	`rgb(178,250,241)`
RGB Percent	69.8, 98, 94.5	`rgb(69.8%,98%,94.5%)`
CMYK	29, 0, 4, 2
HSL	172.5°, 87.8, 83.9	`hsl(172.5,87.8%,83.9%)`
HSV (or HSB)	172.5°, 28.8, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.53, -24.007, -2.839
XYZ	68.419, 84.184, 95.858
xyY	0.275, 0.339, 84.184
CIE-LCH	93.53, 24.174, 186.744
CIE-LUV	93.53, -34.987, -0.349
Hunter-Lab	91.752, -27.46, 2.283
Binary	10110010, 11111010, 11110001

#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#fab2bb
```
#fab2bb rgb(250,178,187)
```

Complementary Color

#b2facd
```
#b2facd rgb(178,250,205)
```
#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#b2dffa
```
#b2dffa rgb(178,223,250)
```

Analogous Color

#facdb2
```
#facdb2 rgb(250,205,178)
```
#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#fab2df
```
#fab2df rgb(250,178,223)
```

Split Complementary Color

#faf1b2
```
#faf1b2 rgb(250,241,178)
```
#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#f1b2fa
```
#f1b2fa rgb(241,178,250)
```

Triadic Color

#bbfab2
```
#bbfab2 rgb(187,250,178)
```
#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#f1b2fa
```
#f1b2fa rgb(241,178,250)
```
#fab2bb
```
#fab2bb rgb(250,178,187)
```

Tetradic Color

#6af5e4
```
#6af5e4 rgb(106,245,228)
```
#82f7e8
```
#82f7e8 rgb(130,247,232)
```
#9af8ed
```
#9af8ed rgb(154,248,237)
```
#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#cafcf5
```
#cafcf5 rgb(202,252,245)
```
#e2fdfa
```
#e2fdfa rgb(226,253,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Monochromatic Color

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

#b2fadf
```
#b2fadf rgb(178,250,223)
```
#b2fae5
```
#b2fae5 rgb(178,250,229)
```
#b2faeb
```
#b2faeb rgb(178,250,235)
```
#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#b2faf7
```
#b2faf7 rgb(178,250,247)
```
#b2f7fa
```
#b2f7fa rgb(178,247,250)
```
#b2f1fa
```
#b2f1fa rgb(178,241,250)
```

Similar Colors

Text with hexadecimal color #b2faf1

This text has a font color of #b2faf1.

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

#b2faf1 background color

This paragraph has a background color of #b2faf1.

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

#b2faf1 border color

This element has a border color of #b2faf1.

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

CSS codes

.text {color:#b2faf1;}

.background {background-color:#b2faf1;}

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

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

#010f0d
```
#010f0d rgb(1,15,13)
```
#02221e
```
#02221e rgb(2,34,30)
```
#03342e
```
#03342e rgb(3,52,46)
```
#05463e
```
#05463e rgb(5,70,62)
```
#06594e
```
#06594e rgb(6,89,78)
```
#076b5f
```
#076b5f rgb(7,107,95)
```
#087e6f
```
#087e6f rgb(8,126,111)
```
#09907f
```
#09907f rgb(9,144,127)
```
#0ba28f
```
#0ba28f rgb(11,162,143)
```
#0cb5a0
```
#0cb5a0 rgb(12,181,160)
```
#0dc7b0
```
#0dc7b0 rgb(13,199,176)
```
#0edac0
```
#0edac0 rgb(14,218,192)
```
#0fecd1
```
#0fecd1 rgb(15,236,209)
```

Shade Color Variation

#1ff0d6
```
#1ff0d6 rgb(31,240,214)
```
#31f2da
```
#31f2da rgb(49,242,218)
```
#43f3dd
```
#43f3dd rgb(67,243,221)
```
#56f4e0
```
#56f4e0 rgb(86,244,224)
```
#68f5e4
```
#68f5e4 rgb(104,245,228)
```
#7bf6e7
```
#7bf6e7 rgb(123,246,231)
```
#8df8ea
```
#8df8ea rgb(141,248,234)
```
#a0f9ee
```
#a0f9ee rgb(160,249,238)
```
#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#c4fbf4
```
#c4fbf4 rgb(196,251,244)
```
#d7fcf8
```
#d7fcf8 rgb(215,252,248)
```
#e9fefb
```
#e9fefb rgb(233,254,251)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#d5d7d7
```
#d5d7d7 rgb(213,215,215)
```
#d2dad9
```
#d2dad9 rgb(210,218,217)
```
#cededc
```
#cededc rgb(206,222,220)
```
#cbe1de
```
#cbe1de rgb(203,225,222)
```
#c8e4e0
```
#c8e4e0 rgb(200,228,224)
```
#c5e7e3
```
#c5e7e3 rgb(197,231,227)
```
#c2eae5
```
#c2eae5 rgb(194,234,229)
```
#bfede8
```
#bfede8 rgb(191,237,232)
```
#bbf1ea
```
#bbf1ea rgb(187,241,234)
```
#b8f4ec
```
#b8f4ec rgb(184,244,236)
```
#b5f7ef
```
#b5f7ef rgb(181,247,239)
```
#b2faf1
```
#b2faf1 rgb(178,250,241)
```
#affdf3
```
#affdf3 rgb(175,253,243)
```

Tone Color Variation

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

Dichromacy

#f1ecea Protanopia 1% of men
#fee6f8 Deuteranopia 1% of men
#d0f3ff Tritanopia 0.001% of the population

Trichromacy

#daf1ec Protanomaly 1% of men, 0.01% of women
#e2edf5 Deuteranomaly 6% of men, 0.4% of women
#c5f5f9 Tritanomaly 0.01% of the population

#b2faf1 hex color

#b2faf1 Color Information

#b2faf1 Color Conversion

Color Schemes with #b2faf1

Alternatives to #b2faf1

#b2faf1 Preview

Shades and Tints of #b2faf1

Tones of #b2faf1

Color Blindness Simulator