#bbf0f5 hex color

In a RGB color space, hex #bbf0f5 is composed of 73.3% red, 94.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 2% magenta, 0% yellow and 3.9% black. It has a hue angle of 185.2 degrees, a saturation of 74.4% and a lightness of 84.7%. #bbf0f5 color hex could be obtained by blending #ffffff with #77e1eb. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 73
- G 94
- B 96
RGB color chart
- C 24
- M 2
- Y 0
- K 4
CMYK color chart

● #bbf0f5 color description : Very soft cyan.

The hexadecimal color #bbf0f5 has RGB values of R:187, G:240, B:245 and CMYK values of C:0.24, M:0.02, Y:0, K:0.04. Its decimal value is 12316917.

Hex triplet	bbf0f5	`#bbf0f5`
RGB Decimal	187, 240, 245	`rgb(187,240,245)`
RGB Percent	73.3, 94.1, 96.1	`rgb(73.3%,94.1%,96.1%)`
CMYK	24, 2, 0, 4
HSL	185.2°, 74.4, 84.7	`hsl(185.2,74.4%,84.7%)`
HSV (or HSB)	185.2°, 23.7, 96.1
Web Safe	ccffff	`#ccffff`

CIE-LAB	91.449, -15.663, -7.931
XYZ	68.131, 79.475, 98.132
xyY	0.277, 0.323, 79.475
CIE-LCH	91.449, 17.557, 206.855
CIE-LUV	91.449, -26.801, -9.806
Hunter-Lab	89.149, -19.594, -2.86
Binary	10111011, 11110000, 11110101

#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#f5c0bb
```
#f5c0bb rgb(245,192,187)
```

Complementary Color

#bbf5dd
```
#bbf5dd rgb(187,245,221)
```
#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#bbd3f5
```
#bbd3f5 rgb(187,211,245)
```

Analogous Color

#f5ddbb
```
#f5ddbb rgb(245,221,187)
```
#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#f5bbd3
```
#f5bbd3 rgb(245,187,211)
```

Split Complementary Color

#f0f5bb
```
#f0f5bb rgb(240,245,187)
```
#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#f5bbf0
```
#f5bbf0 rgb(245,187,240)
```

Triadic Color

#bbf5c0
```
#bbf5c0 rgb(187,245,192)
```
#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#f5bbf0
```
#f5bbf0 rgb(245,187,240)
```
#f5c0bb
```
#f5c0bb rgb(245,192,187)
```

Tetradic Color

#78e1eb
```
#78e1eb rgb(120,225,235)
```
#8fe6ee
```
#8fe6ee rgb(143,230,238)
```
#a5ebf2
```
#a5ebf2 rgb(165,235,242)
```
#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#d1f5f8
```
#d1f5f8 rgb(209,245,248)
```
#e7fafc
```
#e7fafc rgb(231,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Monochromatic Color

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

#bbf5ec
```
#bbf5ec rgb(187,245,236)
```
#bbf5f0
```
#bbf5f0 rgb(187,245,240)
```
#bbf5f5
```
#bbf5f5 rgb(187,245,245)
```
#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#bbebf5
```
#bbebf5 rgb(187,235,245)
```
#bbe6f5
```
#bbe6f5 rgb(187,230,245)
```
#bbe2f5
```
#bbe2f5 rgb(187,226,245)
```

Similar Colors

Text with hexadecimal color #bbf0f5

This text has a font color of #bbf0f5.

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

#bbf0f5 background color

This paragraph has a background color of #bbf0f5.

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

#bbf0f5 border color

This element has a border color of #bbf0f5.

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

CSS codes

.text {color:#bbf0f5;}

.background {background-color:#bbf0f5;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#031012
```
#031012 rgb(3,16,18)
```
#052023
```
#052023 rgb(5,32,35)
```
#083034
```
#083034 rgb(8,48,52)
```
#0a4045
```
#0a4045 rgb(10,64,69)
```
#0d5056
```
#0d5056 rgb(13,80,86)
```
#0f5f67
```
#0f5f67 rgb(15,95,103)
```
#126f78
```
#126f78 rgb(18,111,120)
```
#147f89
```
#147f89 rgb(20,127,137)
```
#178f9a
```
#178f9a rgb(23,143,154)
```
#199fab
```
#199fab rgb(25,159,171)
```
#1cafbd
```
#1cafbd rgb(28,175,189)
```
#1ebece
```
#1ebece rgb(30,190,206)
```

Shade Color Variation

#21cede
```
#21cede rgb(33,206,222)
```
#32d2e1
```
#32d2e1 rgb(50,210,225)
```
#43d6e3
```
#43d6e3 rgb(67,214,227)
```
#54d9e6
```
#54d9e6 rgb(84,217,230)
```
#65dde8
```
#65dde8 rgb(101,221,232)
```
#77e1eb
```
#77e1eb rgb(119,225,235)
```
#88e5ed
```
#88e5ed rgb(136,229,237)
```
#99e8f0
```
#99e8f0 rgb(153,232,240)
```
#aaecf2
```
#aaecf2 rgb(170,236,242)
```
#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#ccf4f8
```
#ccf4f8 rgb(204,244,248)
```
#ddf8fa
```
#ddf8fa rgb(221,248,250)
```
#eefbfd
```
#eefbfd rgb(238,251,253)
```

Tint Color Variation

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

#d6dada
```
#d6dada rgb(214,218,218)
```
#d3dcdd
```
#d3dcdd rgb(211,220,221)
```
#d0dfe0
```
#d0dfe0 rgb(208,223,224)
```
#cde1e3
```
#cde1e3 rgb(205,225,227)
```
#cae4e6
```
#cae4e6 rgb(202,228,230)
```
#c7e6e9
```
#c7e6e9 rgb(199,230,233)
```
#c4e9ec
```
#c4e9ec rgb(196,233,236)
```
#c1ebef
```
#c1ebef rgb(193,235,239)
```
#beeef2
```
#beeef2 rgb(190,238,242)
```
#bbf0f5
```
#bbf0f5 rgb(187,240,245)
```
#b8f2f8
```
#b8f2f8 rgb(184,242,248)
```
#b5f5fb
```
#b5f5fb rgb(181,245,251)
```
#b2f7fe
```
#b2f7fe rgb(178,247,254)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#d9e4e5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e6ef Protanopia 1% of men
#f4e1fa Deuteranopia 1% of men
#c3eeff Tritanopia 0.001% of the population

Trichromacy

#d8e9f1 Protanomaly 1% of men, 0.01% of women
#dfe6f8 Deuteranomaly 6% of men, 0.4% of women
#c0effb Tritanomaly 0.01% of the population

#bbf0f5 hex color

#bbf0f5 Color Information

#bbf0f5 Color Conversion

Color Schemes with #bbf0f5

Alternatives to #bbf0f5

#bbf0f5 Preview

Shades and Tints of #bbf0f5

Tones of #bbf0f5

Color Blindness Simulator