#b2faf5 hex color

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

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

● #b2faf5 color description : Very soft cyan.

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

Hex triplet	b2faf5	`#b2faf5`
RGB Decimal	178, 250, 245	`rgb(178,250,245)`
RGB Percent	69.8, 98, 96.1	`rgb(69.8%,98%,96.1%)`
CMYK	29, 0, 2, 2
HSL	175.8°, 87.8, 83.9	`hsl(175.8,87.8%,83.9%)`
HSV (or HSB)	175.8°, 28.8, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.635, -23.143, -4.756
XYZ	69.023, 84.426, 99.04
xyY	0.273, 0.334, 84.426
CIE-LCH	93.635, 23.626, 191.613
CIE-LUV	93.635, -34.961, -3.535
Hunter-Lab	91.884, -26.707, 0.411
Binary	10110010, 11111010, 11110101

#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#fab2b7
```
#fab2b7 rgb(250,178,183)
```

Complementary Color

#b2fad1
```
#b2fad1 rgb(178,250,209)
```
#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#b2dbfa
```
#b2dbfa rgb(178,219,250)
```

Analogous Color

#fad1b2
```
#fad1b2 rgb(250,209,178)
```
#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#fab2db
```
#fab2db rgb(250,178,219)
```

Split Complementary Color

#faf5b2
```
#faf5b2 rgb(250,245,178)
```
#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#f5b2fa
```
#f5b2fa rgb(245,178,250)
```

Triadic Color

#b7fab2
```
#b7fab2 rgb(183,250,178)
```
#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#f5b2fa
```
#f5b2fa rgb(245,178,250)
```
#fab2b7
```
#fab2b7 rgb(250,178,183)
```

Tetradic Color

#6af5ec
```
#6af5ec rgb(106,245,236)
```
#82f7ef
```
#82f7ef rgb(130,247,239)
```
#9af8f2
```
#9af8f2 rgb(154,248,242)
```
#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#cafcf8
```
#cafcf8 rgb(202,252,248)
```
#e2fdfb
```
#e2fdfb rgb(226,253,251)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Monochromatic Color

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

#b2fae3
```
#b2fae3 rgb(178,250,227)
```
#b2fae9
```
#b2fae9 rgb(178,250,233)
```
#b2faef
```
#b2faef rgb(178,250,239)
```
#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#b2f9fa
```
#b2f9fa rgb(178,249,250)
```
#b2f3fa
```
#b2f3fa rgb(178,243,250)
```
#b2edfa
```
#b2edfa rgb(178,237,250)
```

Similar Colors

Text with hexadecimal color #b2faf5

This text has a font color of #b2faf5.

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

#b2faf5 background color

This paragraph has a background color of #b2faf5.

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

#b2faf5 border color

This element has a border color of #b2faf5.

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

CSS codes

.text {color:#b2faf5;}

.background {background-color:#b2faf5;}

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

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

#010f0e
```
#010f0e rgb(1,15,14)
```
#02221f
```
#02221f rgb(2,34,31)
```
#033431
```
#033431 rgb(3,52,49)
```
#054642
```
#054642 rgb(5,70,66)
```
#065953
```
#065953 rgb(6,89,83)
```
#076b64
```
#076b64 rgb(7,107,100)
```
#087e75
```
#087e75 rgb(8,126,117)
```
#099087
```
#099087 rgb(9,144,135)
```
#0ba298
```
#0ba298 rgb(11,162,152)
```
#0cb5a9
```
#0cb5a9 rgb(12,181,169)
```
#0dc7ba
```
#0dc7ba rgb(13,199,186)
```
#0edacc
```
#0edacc rgb(14,218,204)
```
#0fecdd
```
#0fecdd rgb(15,236,221)
```

Shade Color Variation

#1ff0e2
```
#1ff0e2 rgb(31,240,226)
```
#31f2e4
```
#31f2e4 rgb(49,242,228)
```
#43f3e7
```
#43f3e7 rgb(67,243,231)
```
#56f4e9
```
#56f4e9 rgb(86,244,233)
```
#68f5eb
```
#68f5eb rgb(104,245,235)
```
#7bf6ee
```
#7bf6ee rgb(123,246,238)
```
#8df8f0
```
#8df8f0 rgb(141,248,240)
```
#a0f9f3
```
#a0f9f3 rgb(160,249,243)
```
#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#c4fbf7
```
#c4fbf7 rgb(196,251,247)
```
#d7fcfa
```
#d7fcfa rgb(215,252,250)
```
#e9fefc
```
#e9fefc rgb(233,254,252)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#d5d7d7
```
#d5d7d7 rgb(213,215,215)
```
#d2dada
```
#d2dada rgb(210,218,218)
```
#cededd
```
#cededd rgb(206,222,221)
```
#cbe1df
```
#cbe1df rgb(203,225,223)
```
#c8e4e2
```
#c8e4e2 rgb(200,228,226)
```
#c5e7e5
```
#c5e7e5 rgb(197,231,229)
```
#c2eae7
```
#c2eae7 rgb(194,234,231)
```
#bfedea
```
#bfedea rgb(191,237,234)
```
#bbf1ed
```
#bbf1ed rgb(187,241,237)
```
#b8f4f0
```
#b8f4f0 rgb(184,244,240)
```
#b5f7f2
```
#b5f7f2 rgb(181,247,242)
```
#b2faf5
```
#b2faf5 rgb(178,250,245)
```
#affdf8
```
#affdf8 rgb(175,253,248)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#dae8e7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1ecee Protanopia 1% of men
#fce7fc Deuteranopia 1% of men
#d0f3ff Tritanopia 0.001% of the population

Trichromacy

#daf1f0 Protanomaly 1% of men, 0.01% of women
#e1eef9 Deuteranomaly 6% of men, 0.4% of women
#c5f5fb Tritanomaly 0.01% of the population

#b2faf5 hex color

#b2faf5 Color Information

#b2faf5 Color Conversion

Color Schemes with #b2faf5

Alternatives to #b2faf5

#b2faf5 Preview

Shades and Tints of #b2faf5

Tones of #b2faf5

Color Blindness Simulator