#b2faf8 hex color

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

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

● #b2faf8 color description : Very soft cyan.

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

Hex triplet	b2faf8	`#b2faf8`
RGB Decimal	178, 250, 248	`rgb(178,250,248)`
RGB Percent	69.8, 98, 97.3	`rgb(69.8%,98%,97.3%)`
CMYK	29, 0, 1, 2
HSL	178.3°, 87.8, 83.9	`hsl(178.3,87.8%,83.9%)`
HSV (or HSB)	178.3°, 28.8, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.715, -22.487, -6.191
XYZ	69.485, 84.611, 101.472
xyY	0.272, 0.331, 84.611
CIE-LCH	93.715, 23.324, 195.394
CIE-LUV	93.715, -34.942, -5.939
Hunter-Lab	91.984, -26.133, -1.017
Binary	10110010, 11111010, 11111000

#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#fab2b4
```
#fab2b4 rgb(250,178,180)
```

Complementary Color

#b2fad4
```
#b2fad4 rgb(178,250,212)
```
#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#b2d8fa
```
#b2d8fa rgb(178,216,250)
```

Analogous Color

#fad4b2
```
#fad4b2 rgb(250,212,178)
```
#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#fab2d8
```
#fab2d8 rgb(250,178,216)
```

Split Complementary Color

#faf8b2
```
#faf8b2 rgb(250,248,178)
```
#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#f8b2fa
```
#f8b2fa rgb(248,178,250)
```

Triadic Color

#b4fab2
```
#b4fab2 rgb(180,250,178)
```
#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#f8b2fa
```
#f8b2fa rgb(248,178,250)
```
#fab2b4
```
#fab2b4 rgb(250,178,180)
```

Tetradic Color

#6af5f1
```
#6af5f1 rgb(106,245,241)
```
#82f7f4
```
#82f7f4 rgb(130,247,244)
```
#9af8f6
```
#9af8f6 rgb(154,248,246)
```
#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#cafcfa
```
#cafcfa rgb(202,252,250)
```
#e2fdfc
```
#e2fdfc rgb(226,253,252)
```
#faffff
```
#faffff rgb(250,255,255)
```

Monochromatic Color

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

#b2fae6
```
#b2fae6 rgb(178,250,230)
```
#b2faec
```
#b2faec rgb(178,250,236)
```
#b2faf2
```
#b2faf2 rgb(178,250,242)
```
#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#b2f6fa
```
#b2f6fa rgb(178,246,250)
```
#b2f0fa
```
#b2f0fa rgb(178,240,250)
```
#b2eafa
```
#b2eafa rgb(178,234,250)
```

Similar Colors

Text with hexadecimal color #b2faf8

This text has a font color of #b2faf8.

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

#b2faf8 background color

This paragraph has a background color of #b2faf8.

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

#b2faf8 border color

This element has a border color of #b2faf8.

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

CSS codes

.text {color:#b2faf8;}

.background {background-color:#b2faf8;}

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

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

#010f0f
```
#010f0f rgb(1,15,15)
```
#022221
```
#022221 rgb(2,34,33)
```
#033433
```
#033433 rgb(3,52,51)
```
#054645
```
#054645 rgb(5,70,69)
```
#065956
```
#065956 rgb(6,89,86)
```
#076b68
```
#076b68 rgb(7,107,104)
```
#087e7a
```
#087e7a rgb(8,126,122)
```
#09908c
```
#09908c rgb(9,144,140)
```
#0ba29e
```
#0ba29e rgb(11,162,158)
```
#0cb5b0
```
#0cb5b0 rgb(12,181,176)
```
#0dc7c2
```
#0dc7c2 rgb(13,199,194)
```
#0edad4
```
#0edad4 rgb(14,218,212)
```
#0fece6
```
#0fece6 rgb(15,236,230)
```

Shade Color Variation

#1ff0eb
```
#1ff0eb rgb(31,240,235)
```
#31f2ec
```
#31f2ec rgb(49,242,236)
```
#43f3ee
```
#43f3ee rgb(67,243,238)
```
#56f4f0
```
#56f4f0 rgb(86,244,240)
```
#68f5f1
```
#68f5f1 rgb(104,245,241)
```
#7bf6f3
```
#7bf6f3 rgb(123,246,243)
```
#8df8f5
```
#8df8f5 rgb(141,248,245)
```
#a0f9f6
```
#a0f9f6 rgb(160,249,246)
```
#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#c4fbfa
```
#c4fbfa rgb(196,251,250)
```
#d7fcfb
```
#d7fcfb rgb(215,252,251)
```
#e9fefd
```
#e9fefd rgb(233,254,253)
```
#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 #affdfb is the most saturated one.

#d5d7d7
```
#d5d7d7 rgb(213,215,215)
```
#d2dada
```
#d2dada rgb(210,218,218)
```
#cededd
```
#cededd rgb(206,222,221)
```
#cbe1e0
```
#cbe1e0 rgb(203,225,224)
```
#c8e4e3
```
#c8e4e3 rgb(200,228,227)
```
#c5e7e6
```
#c5e7e6 rgb(197,231,230)
```
#c2eae9
```
#c2eae9 rgb(194,234,233)
```
#bfedec
```
#bfedec rgb(191,237,236)
```
#bbf1ef
```
#bbf1ef rgb(187,241,239)
```
#b8f4f2
```
#b8f4f2 rgb(184,244,242)
```
#b5f7f5
```
#b5f7f5 rgb(181,247,245)
```
#b2faf8
```
#b2faf8 rgb(178,250,248)
```
#affdfb
```
#affdfb rgb(175,253,251)
```

Tone Color Variation

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

Dichromacy

#f0ecf0 Protanopia 1% of men
#fbe7fe Deuteranopia 1% of men
#d1f3ff Tritanopia 0.001% of the population

Trichromacy

#d9f1f3 Protanomaly 1% of men, 0.01% of women
#e0eefc Deuteranomaly 6% of men, 0.4% of women
#c5f6fc Tritanomaly 0.01% of the population

#b2faf8 hex color

#b2faf8 Color Information

#b2faf8 Color Conversion

Color Schemes with #b2faf8

Alternatives to #b2faf8

#b2faf8 Preview

Shades and Tints of #b2faf8

Tones of #b2faf8

Color Blindness Simulator