#bbf0f6 hex color

In a RGB color space, hex #bbf0f6 is composed of 73.3% red, 94.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 2.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 186.1 degrees, a saturation of 76.6% and a lightness of 84.9%. #bbf0f6 color hex could be obtained by blending #ffffff with #77e1ed. 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

● #bbf0f6 color description : Very soft cyan.

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

Hex triplet	bbf0f6	`#bbf0f6`
RGB Decimal	187, 240, 246	`rgb(187,240,246)`
RGB Percent	73.3, 94.1, 96.5	`rgb(73.3%,94.1%,96.5%)`
CMYK	24, 2, 0, 4
HSL	186.1°, 76.6, 84.9	`hsl(186.1,76.6%,84.9%)`
HSV (or HSB)	186.1°, 24, 96.5
Web Safe	ccffff	`#ccffff`

CIE-LAB	91.477, -15.447, -8.411
XYZ	68.284, 79.537, 98.938
xyY	0.277, 0.322, 79.537
CIE-LCH	91.477, 17.589, 208.568
CIE-LUV	91.477, -26.809, -10.614
Hunter-Lab	89.183, -19.4, -3.347
Binary	10111011, 11110000, 11110110

#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#f6c1bb
```
#f6c1bb rgb(246,193,187)
```

Complementary Color

#bbf6df
```
#bbf6df rgb(187,246,223)
```
#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#bbd3f6
```
#bbd3f6 rgb(187,211,246)
```

Analogous Color

#f6dfbb
```
#f6dfbb rgb(246,223,187)
```
#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#f6bbd3
```
#f6bbd3 rgb(246,187,211)
```

Split Complementary Color

#f0f6bb
```
#f0f6bb rgb(240,246,187)
```
#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#f6bbf0
```
#f6bbf0 rgb(246,187,240)
```

Triadic Color

#bbf6c1
```
#bbf6c1 rgb(187,246,193)
```
#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#f6bbf0
```
#f6bbf0 rgb(246,187,240)
```
#f6c1bb
```
#f6c1bb rgb(246,193,187)
```

Tetradic Color

#77e1ed
```
#77e1ed rgb(119,225,237)
```
#8ee6f0
```
#8ee6f0 rgb(142,230,240)
```
#a4ebf3
```
#a4ebf3 rgb(164,235,243)
```
#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#d2f5f9
```
#d2f5f9 rgb(210,245,249)
```
#e8fafc
```
#e8fafc rgb(232,250,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbf6ed
```
#bbf6ed rgb(187,246,237)
```
#bbf6f2
```
#bbf6f2 rgb(187,246,242)
```
#bbf5f6
```
#bbf5f6 rgb(187,245,246)
```
#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#bbebf6
```
#bbebf6 rgb(187,235,246)
```
#bbe6f6
```
#bbe6f6 rgb(187,230,246)
```
#bbe1f6
```
#bbe1f6 rgb(187,225,246)
```

Similar Colors

Text with hexadecimal color #bbf0f6

This text has a font color of #bbf0f6.

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

#bbf0f6 background color

This paragraph has a background color of #bbf0f6.

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

#bbf0f6 border color

This element has a border color of #bbf0f6.

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

CSS codes

.text {color:#bbf0f6;}

.background {background-color:#bbf0f6;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#021113
```
#021113 rgb(2,17,19)
```
#052124
```
#052124 rgb(5,33,36)
```
#073135
```
#073135 rgb(7,49,53)
```
#094047
```
#094047 rgb(9,64,71)
```
#0c5058
```
#0c5058 rgb(12,80,88)
```
#0e6069
```
#0e6069 rgb(14,96,105)
```
#10707b
```
#10707b rgb(16,112,123)
```
#13808c
```
#13808c rgb(19,128,140)
```
#158f9d
```
#158f9d rgb(21,143,157)
```
#179faf
```
#179faf rgb(23,159,175)
```
#19afc0
```
#19afc0 rgb(25,175,192)
```
#1cbfd1
```
#1cbfd1 rgb(28,191,209)
```

Shade Color Variation

#1fcee1
```
#1fcee1 rgb(31,206,225)
```
#30d1e4
```
#30d1e4 rgb(48,209,228)
```
#42d5e6
```
#42d5e6 rgb(66,213,230)
```
#53d9e8
```
#53d9e8 rgb(83,217,232)
```
#64ddeb
```
#64ddeb rgb(100,221,235)
```
#76e1ed
```
#76e1ed rgb(118,225,237)
```
#87e5ef
```
#87e5ef rgb(135,229,239)
```
#98e8f1
```
#98e8f1 rgb(152,232,241)
```
#aaecf4
```
#aaecf4 rgb(170,236,244)
```
#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#ccf4f8
```
#ccf4f8 rgb(204,244,248)
```
#def8fb
```
#def8fb rgb(222,248,251)
```
#effbfd
```
#effbfd rgb(239,251,253)
```

Tint Color Variation

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

#d6dbdb
```
#d6dbdb rgb(214,219,219)
```
#d3ddde
```
#d3ddde rgb(211,221,222)
```
#d0dfe1
```
#d0dfe1 rgb(208,223,225)
```
#cde2e4
```
#cde2e4 rgb(205,226,228)
```
#cae4e7
```
#cae4e7 rgb(202,228,231)
```
#c7e7ea
```
#c7e7ea rgb(199,231,234)
```
#c4e9ed
```
#c4e9ed rgb(196,233,237)
```
#c1ebf0
```
#c1ebf0 rgb(193,235,240)
```
#beeef3
```
#beeef3 rgb(190,238,243)
```
#bbf0f6
```
#bbf0f6 rgb(187,240,246)
```
#b8f2f9
```
#b8f2f9 rgb(184,242,249)
```
#b5f5fc
```
#b5f5fc rgb(181,245,252)
```
#b2f7ff
```
#b2f7ff rgb(178,247,255)
```

Tone Color Variation

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

#e8e6f0 Protanopia 1% of men
#f3e1fb Deuteranopia 1% of men
#c3eeff Tritanopia 0.001% of the population

Trichromacy

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

#bbf0f6 hex color

#bbf0f6 Color Information

#bbf0f6 Color Conversion

Color Schemes with #bbf0f6

Alternatives to #bbf0f6

#bbf0f6 Preview

Shades and Tints of #bbf0f6

Tones of #bbf0f6

Color Blindness Simulator