#bbf2fa hex color

In a RGB color space, hex #bbf2fa is composed of 73.3% red, 94.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 3.2% magenta, 0% yellow and 2% black. It has a hue angle of 187.6 degrees, a saturation of 86.3% and a lightness of 85.7%. #bbf2fa color hex could be obtained by blending #ffffff with #77e5f5. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 73
- G 95
- B 98
RGB color chart
- C 25
- M 3
- Y 0
- K 2
CMYK color chart

● #bbf2fa color description : Very soft cyan.

The hexadecimal color #bbf2fa has RGB values of R:187, G:242, B:250 and CMYK values of C:0.25, M:0.03, Y:0, K:0.02. Its decimal value is 12317434.

Hex triplet	bbf2fa	`#bbf2fa`
RGB Decimal	187, 242, 250	`rgb(187,242,250)`
RGB Percent	73.3, 94.9, 98	`rgb(73.3%,94.9%,98%)`
CMYK	25, 3, 0, 2
HSL	187.6°, 86.3, 85.7	`hsl(187.6,86.3%,85.7%)`
HSV (or HSB)	187.6°, 25.2, 98
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.118, -15.576, -9.542
XYZ	69.497, 80.969, 102.404
xyY	0.275, 0.32, 80.969
CIE-LCH	92.118, 18.266, 211.491
CIE-LUV	92.118, -27.713, -12.43
Hunter-Lab	89.983, -19.608, -4.487
Binary	10111011, 11110010, 11111010

#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#fac3bb
```
#fac3bb rgb(250,195,187)
```

Complementary Color

#bbfae3
```
#bbfae3 rgb(187,250,227)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#bbd3fa
```
#bbd3fa rgb(187,211,250)
```

Analogous Color

#fae3bb
```
#fae3bb rgb(250,227,187)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#fabbd3
```
#fabbd3 rgb(250,187,211)
```

Split Complementary Color

#f2fabb
```
#f2fabb rgb(242,250,187)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#fabbf2
```
#fabbf2 rgb(250,187,242)
```

Triadic Color

#bbfac3
```
#bbfac3 rgb(187,250,195)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#fabbf2
```
#fabbf2 rgb(250,187,242)
```
#fac3bb
```
#fac3bb rgb(250,195,187)
```

Tetradic Color

#74e4f5
```
#74e4f5 rgb(116,228,245)
```
#8be9f7
```
#8be9f7 rgb(139,233,247)
```
#a3edf8
```
#a3edf8 rgb(163,237,248)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#d3f7fc
```
#d3f7fc rgb(211,247,252)
```
#ebfbfd
```
#ebfbfd rgb(235,251,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbfaf2
```
#bbfaf2 rgb(187,250,242)
```
#bbfaf8
```
#bbfaf8 rgb(187,250,248)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#bbedfa
```
#bbedfa rgb(187,237,250)
```
#bbe8fa
```
#bbe8fa rgb(187,232,250)
```
#bbe2fa
```
#bbe2fa rgb(187,226,250)
```

Similar Colors

Text with hexadecimal color #bbf2fa

This text has a font color of #bbf2fa.

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

#bbf2fa background color

This paragraph has a background color of #bbf2fa.

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

#bbf2fa border color

This element has a border color of #bbf2fa.

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

CSS codes

.text {color:#bbf2fa;}

.background {background-color:#bbf2fa;}

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

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, #000405 is the darkest color, while #f2fcfe is the lightest one.

#000405
```
#000405 rgb(0,4,5)
```
#021517
```
#021517 rgb(2,21,23)
```
#03252a
```
#03252a rgb(3,37,42)
```
#04353c
```
#04353c rgb(4,53,60)
```
#06454e
```
#06454e rgb(6,69,78)
```
#075560
```
#075560 rgb(7,85,96)
```
#086573
```
#086573 rgb(8,101,115)
```
#0a7585
```
#0a7585 rgb(10,117,133)
```
#0b8597
```
#0b8597 rgb(11,133,151)
```
#0c96aa
```
#0c96aa rgb(12,150,170)
```
#0ea6bc
```
#0ea6bc rgb(14,166,188)
```
#0fb6ce
```
#0fb6ce rgb(15,182,206)
```
#10c6e0
```
#10c6e0 rgb(16,198,224)
```

Shade Color Variation

#17d3ee
```
#17d3ee rgb(23,211,238)
```
#29d6ef
```
#29d6ef rgb(41,214,239)
```
#3bdaf1
```
#3bdaf1 rgb(59,218,241)
```
#4dddf2
```
#4dddf2 rgb(77,221,242)
```
#60e1f3
```
#60e1f3 rgb(96,225,243)
```
#72e4f5
```
#72e4f5 rgb(114,228,245)
```
#84e8f6
```
#84e8f6 rgb(132,232,246)
```
#96ebf7
```
#96ebf7 rgb(150,235,247)
```
#a9eff9
```
#a9eff9 rgb(169,239,249)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#cdf5fb
```
#cdf5fb rgb(205,245,251)
```
#e0f9fd
```
#e0f9fd rgb(224,249,253)
```
#f2fcfe
```
#f2fcfe rgb(242,252,254)
```

Tint Color Variation

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

#dadbdb
```
#dadbdb rgb(218,219,219)
```
#d7ddde
```
#d7ddde rgb(215,221,222)
```
#d4dfe1
```
#d4dfe1 rgb(212,223,225)
```
#d1e1e4
```
#d1e1e4 rgb(209,225,228)
```
#cfe3e6
```
#cfe3e6 rgb(207,227,230)
```
#cce5e9
```
#cce5e9 rgb(204,229,233)
```
#c9e8ec
```
#c9e8ec rgb(201,232,236)
```
#c6eaef
```
#c6eaef rgb(198,234,239)
```
#c3ecf2
```
#c3ecf2 rgb(195,236,242)
```
#c1eef4
```
#c1eef4 rgb(193,238,244)
```
#bef0f7
```
#bef0f7 rgb(190,240,247)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#b8f4fd
```
#b8f4fd rgb(184,244,253)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#dae5e7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae8f4 Protanopia 1% of men
#f4e3ff Deuteranopia 1% of men
#c7f0ff Tritanopia 0.001% of the population

Trichromacy

#d8ebf6 Protanomaly 1% of men, 0.01% of women
#dfe8fd Deuteranomaly 6% of men, 0.4% of women
#c3f0fd Tritanomaly 0.01% of the population

#bbf2fa hex color

#bbf2fa Color Information

#bbf2fa Color Conversion

Color Schemes with #bbf2fa

Alternatives to #bbf2fa

#bbf2fa Preview

Shades and Tints of #bbf2fa

Tones of #bbf2fa

Color Blindness Simulator