#bbf7fa hex color

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

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

● #bbf7fa color description : Very soft cyan.

The hexadecimal color #bbf7fa has RGB values of R:187, G:247, B:250 and CMYK values of C:0.25, M:0.01, Y:0, K:0.02. Its decimal value is 12318714.

Hex triplet	bbf7fa	`#bbf7fa`
RGB Decimal	187, 247, 250	`rgb(187,247,250)`
RGB Percent	73.3, 96.9, 98	`rgb(73.3%,96.9%,98%)`
CMYK	25, 1, 0, 2
HSL	182.9°, 86.3, 85.7	`hsl(182.9,86.3%,85.7%)`
HSV (or HSB)	182.9°, 25.2, 98
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.444, -18.058, -7.575
XYZ	71.005, 83.986, 102.907
xyY	0.275, 0.326, 83.986
CIE-LCH	93.444, 19.582, 202.756
CIE-LUV	93.444, -29.889, -8.87
Hunter-Lab	91.644, -22.075, -2.426
Binary	10111011, 11110111, 11111010

#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#fabebb
```
#fabebb rgb(250,190,187)
```

Complementary Color

#bbfade
```
#bbfade rgb(187,250,222)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#bbd8fa
```
#bbd8fa rgb(187,216,250)
```

Analogous Color

#fadebb
```
#fadebb rgb(250,222,187)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#fabbd8
```
#fabbd8 rgb(250,187,216)
```

Split Complementary Color

#f7fabb
```
#f7fabb rgb(247,250,187)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#fabbf7
```
#fabbf7 rgb(250,187,247)
```

Triadic Color

#bbfabe
```
#bbfabe rgb(187,250,190)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#fabbf7
```
#fabbf7 rgb(250,187,247)
```
#fabebb
```
#fabebb rgb(250,190,187)
```

Tetradic Color

#74eff5
```
#74eff5 rgb(116,239,245)
```
#8bf1f7
```
#8bf1f7 rgb(139,241,247)
```
#a3f4f8
```
#a3f4f8 rgb(163,244,248)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#d3fafc
```
#d3fafc rgb(211,250,252)
```
#ebfdfd
```
#ebfdfd rgb(235,253,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbfaed
```
#bbfaed rgb(187,250,237)
```
#bbfaf3
```
#bbfaf3 rgb(187,250,243)
```
#bbfaf8
```
#bbfaf8 rgb(187,250,248)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#bbf2fa
```
#bbf2fa rgb(187,242,250)
```
#bbedfa
```
#bbedfa rgb(187,237,250)
```
#bbe7fa
```
#bbe7fa rgb(187,231,250)
```

Similar Colors

Text with hexadecimal color #bbf7fa

This text has a font color of #bbf7fa.

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

#bbf7fa background color

This paragraph has a background color of #bbf7fa.

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

#bbf7fa border color

This element has a border color of #bbf7fa.

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

CSS codes

.text {color:#bbf7fa;}

.background {background-color:#bbf7fa;}

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

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

#000505
```
#000505 rgb(0,5,5)
```
#021617
```
#021617 rgb(2,22,23)
```
#03282a
```
#03282a rgb(3,40,42)
```
#04393c
```
#04393c rgb(4,57,60)
```
#064b4e
```
#064b4e rgb(6,75,78)
```
#075c60
```
#075c60 rgb(7,92,96)
```
#086e73
```
#086e73 rgb(8,110,115)
```
#0a7f85
```
#0a7f85 rgb(10,127,133)
```
#0b9197
```
#0b9197 rgb(11,145,151)
```
#0ca2aa
```
#0ca2aa rgb(12,162,170)
```
#0eb4bc
```
#0eb4bc rgb(14,180,188)
```
#0fc5ce
```
#0fc5ce rgb(15,197,206)
```
#10d6e0
```
#10d6e0 rgb(16,214,224)
```

Shade Color Variation

#17e4ee
```
#17e4ee rgb(23,228,238)
```
#29e6ef
```
#29e6ef rgb(41,230,239)
```
#3be8f1
```
#3be8f1 rgb(59,232,241)
```
#4deaf2
```
#4deaf2 rgb(77,234,242)
```
#60ecf3
```
#60ecf3 rgb(96,236,243)
```
#72eef5
```
#72eef5 rgb(114,238,245)
```
#84f1f6
```
#84f1f6 rgb(132,241,246)
```
#96f3f7
```
#96f3f7 rgb(150,243,247)
```
#a9f5f9
```
#a9f5f9 rgb(169,245,249)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#cdf9fb
```
#cdf9fb rgb(205,249,251)
```
#e0fbfd
```
#e0fbfd rgb(224,251,253)
```
#f2fdfe
```
#f2fdfe rgb(242,253,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 #b8fafd is the most saturated one.

#dadbdb
```
#dadbdb rgb(218,219,219)
```
#d7dede
```
#d7dede rgb(215,222,222)
```
#d4e0e1
```
#d4e0e1 rgb(212,224,225)
```
#d1e3e4
```
#d1e3e4 rgb(209,227,228)
```
#cfe5e6
```
#cfe5e6 rgb(207,229,230)
```
#cce8e9
```
#cce8e9 rgb(204,232,233)
```
#c9eaec
```
#c9eaec rgb(201,234,236)
```
#c6edef
```
#c6edef rgb(198,237,239)
```
#c3eff2
```
#c3eff2 rgb(195,239,242)
```
#c1f2f4
```
#c1f2f4 rgb(193,242,244)
```
#bef4f7
```
#bef4f7 rgb(190,244,247)
```
#bbf7fa
```
#bbf7fa rgb(187,247,250)
```
#b8fafd
```
#b8fafd rgb(184,250,253)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#dde9e9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eeebf3 Protanopia 1% of men
#f9e7ff Deuteranopia 1% of men
#d1f2ff Tritanopia 0.001% of the population

Trichromacy

#dceff6 Protanomaly 1% of men, 0.01% of women
#e2edfd Deuteranomaly 6% of men, 0.4% of women
#c9f4fd Tritanomaly 0.01% of the population

#bbf7fa hex color

#bbf7fa Color Information

#bbf7fa Color Conversion

Color Schemes with #bbf7fa

Alternatives to #bbf7fa

#bbf7fa Preview

Shades and Tints of #bbf7fa

Tones of #bbf7fa

Color Blindness Simulator