#bbf5f8 hex color

In a RGB color space, hex #bbf5f8 is composed of 73.3% red, 96.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 1.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 183 degrees, a saturation of 81.3% and a lightness of 85.3%. #bbf5f8 color hex could be obtained by blending #ffffff with #77ebf1. Closest websafe color is: #ccffff.

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

● #bbf5f8 color description : Very soft cyan.

The hexadecimal color #bbf5f8 has RGB values of R:187, G:245, B:248 and CMYK values of C:0.25, M:0.01, Y:0, K:0.03. Its decimal value is 12318200.

Hex triplet	bbf5f8	`#bbf5f8`
RGB Decimal	187, 245, 248	`rgb(187,245,248)`
RGB Percent	73.3, 96.1, 97.3	`rgb(73.3%,96.1%,97.3%)`
CMYK	25, 1, 0, 3
HSL	183°, 81.3, 85.3	`hsl(183,81.3%,85.3%)`
HSV (or HSB)	183°, 24.6, 97.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.859, -17.502, -7.404
XYZ	70.085, 82.645, 101.061
xyY	0.276, 0.326, 82.645
CIE-LCH	92.859, 19.003, 202.931
CIE-LUV	92.859, -29.011, -8.679
Hunter-Lab	90.909, -21.479, -2.275
Binary	10111011, 11110101, 11111000

#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#f8bebb
```
#f8bebb rgb(248,190,187)
```

Complementary Color

#bbf8dd
```
#bbf8dd rgb(187,248,221)
```
#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#bbd7f8
```
#bbd7f8 rgb(187,215,248)
```

Analogous Color

#f8ddbb
```
#f8ddbb rgb(248,221,187)
```
#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#f8bbd7
```
#f8bbd7 rgb(248,187,215)
```

Split Complementary Color

#f5f8bb
```
#f5f8bb rgb(245,248,187)
```
#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#f8bbf5
```
#f8bbf5 rgb(248,187,245)
```

Triadic Color

#bbf8be
```
#bbf8be rgb(187,248,190)
```
#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#f8bbf5
```
#f8bbf5 rgb(248,187,245)
```
#f8bebb
```
#f8bebb rgb(248,190,187)
```

Tetradic Color

#76ebf1
```
#76ebf1 rgb(118,235,241)
```
#8deef3
```
#8deef3 rgb(141,238,243)
```
#a4f2f6
```
#a4f2f6 rgb(164,242,246)
```
#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#d2f8fa
```
#d2f8fa rgb(210,248,250)
```
#e9fcfd
```
#e9fcfd rgb(233,252,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbf8ec
```
#bbf8ec rgb(187,248,236)
```
#bbf8f1
```
#bbf8f1 rgb(187,248,241)
```
#bbf8f6
```
#bbf8f6 rgb(187,248,246)
```
#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#bbf0f8
```
#bbf0f8 rgb(187,240,248)
```
#bbebf8
```
#bbebf8 rgb(187,235,248)
```
#bbe6f8
```
#bbe6f8 rgb(187,230,248)
```

Similar Colors

Text with hexadecimal color #bbf5f8

This text has a font color of #bbf5f8.

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

#bbf5f8 background color

This paragraph has a background color of #bbf5f8.

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

#bbf5f8 border color

This element has a border color of #bbf5f8.

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

CSS codes

.text {color:#bbf5f8;}

.background {background-color:#bbf5f8;}

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

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

#000303
```
#000303 rgb(0,3,3)
```
#021415
```
#021415 rgb(2,20,21)
```
#042527
```
#042527 rgb(4,37,39)
```
#063638
```
#063638 rgb(6,54,56)
```
#08474a
```
#08474a rgb(8,71,74)
```
#09585c
```
#09585c rgb(9,88,92)
```
#0b696e
```
#0b696e rgb(11,105,110)
```
#0d7a80
```
#0d7a80 rgb(13,122,128)
```
#0f8b91
```
#0f8b91 rgb(15,139,145)
```
#119ca3
```
#119ca3 rgb(17,156,163)
```
#13adb5
```
#13adb5 rgb(19,173,181)
```
#14bec7
```
#14bec7 rgb(20,190,199)
```
#16cfd9
```
#16cfd9 rgb(22,207,217)
```

Shade Color Variation

#1bdde8
```
#1bdde8 rgb(27,221,232)
```
#2de0e9
```
#2de0e9 rgb(45,224,233)
```
#3fe3eb
```
#3fe3eb rgb(63,227,235)
```
#50e5ed
```
#50e5ed rgb(80,229,237)
```
#62e8ef
```
#62e8ef rgb(98,232,239)
```
#74ebf1
```
#74ebf1 rgb(116,235,241)
```
#86edf3
```
#86edf3 rgb(134,237,243)
```
#97f0f4
```
#97f0f4 rgb(151,240,244)
```
#a9f2f6
```
#a9f2f6 rgb(169,242,246)
```
#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#cdf8fa
```
#cdf8fa rgb(205,248,250)
```
#dffafc
```
#dffafc rgb(223,250,252)
```
#f0fdfd
```
#f0fdfd rgb(240,253,253)
```

Tint Color Variation

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

#d8dbdb
```
#d8dbdb rgb(216,219,219)
```
#d5dede
```
#d5dede rgb(213,222,222)
```
#d2e0e1
```
#d2e0e1 rgb(210,224,225)
```
#cfe3e4
```
#cfe3e4 rgb(207,227,228)
```
#cce5e7
```
#cce5e7 rgb(204,229,231)
```
#c9e8ea
```
#c9e8ea rgb(201,232,234)
```
#c7ebec
```
#c7ebec rgb(199,235,236)
```
#c4edef
```
#c4edef rgb(196,237,239)
```
#c1f0f2
```
#c1f0f2 rgb(193,240,242)
```
#bef2f5
```
#bef2f5 rgb(190,242,245)
```
#bbf5f8
```
#bbf5f8 rgb(187,245,248)
```
#b8f8fb
```
#b8f8fb rgb(184,248,251)
```
#b5fafe
```
#b5fafe rgb(181,250,254)
```

Tone Color Variation

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

Dichromacy

#edeaf2 Protanopia 1% of men
#f8e5fd Deuteranopia 1% of men
#cdf1ff Tritanopia 0.001% of the population

Trichromacy

#dbeef4 Protanomaly 1% of men, 0.01% of women
#e2ebfb Deuteranomaly 6% of men, 0.4% of women
#c6f2fc Tritanomaly 0.01% of the population

#bbf5f8 hex color

#bbf5f8 Color Information

#bbf5f8 Color Conversion

Color Schemes with #bbf5f8

Alternatives to #bbf5f8

#bbf5f8 Preview

Shades and Tints of #bbf5f8

Tones of #bbf5f8

Color Blindness Simulator