#bbf2f3 hex color

In a RGB color space, hex #bbf2f3 is composed of 73.3% red, 94.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 0.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 181.1 degrees, a saturation of 70% and a lightness of 84.3%. #bbf2f3 color hex could be obtained by blending #ffffff with #77e5e7. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 73
- G 95
- B 95
RGB color chart
- C 23
- M 0
- Y 0
- K 5
CMYK color chart

● #bbf2f3 color description : Very soft cyan.

The hexadecimal color #bbf2f3 has RGB values of R:187, G:242, B:243 and CMYK values of C:0.23, M:0, Y:0, K:0.05. Its decimal value is 12317427.

Hex triplet	bbf2f3	`#bbf2f3`
RGB Decimal	187, 242, 243	`rgb(187,242,243)`
RGB Percent	73.3, 94.9, 95.3	`rgb(73.3%,94.9%,95.3%)`
CMYK	23, 0, 0, 5
HSL	181.1°, 70, 84.3	`hsl(181.1,70%,84.3%)`
HSV (or HSB)	181.1°, 23, 95.3
Web Safe	ccffff	`#ccffff`

CIE-LAB	91.926, -17.088, -6.185
XYZ	68.419, 80.538, 96.729
xyY	0.278, 0.328, 80.538
CIE-LCH	91.926, 18.173, 199.896
CIE-LUV	91.926, -27.669, -6.781
Hunter-Lab	89.743, -20.963, -1.086
Binary	10111011, 11110010, 11110011

#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#f3bcbb
```
#f3bcbb rgb(243,188,187)
```

Complementary Color

#bbf3d8
```
#bbf3d8 rgb(187,243,216)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#bbd6f3
```
#bbd6f3 rgb(187,214,243)
```

Analogous Color

#f3d8bb
```
#f3d8bb rgb(243,216,187)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#f3bbd6
```
#f3bbd6 rgb(243,187,214)
```

Split Complementary Color

#f2f3bb
```
#f2f3bb rgb(242,243,187)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#f3bbf2
```
#f3bbf2 rgb(243,187,242)
```

Triadic Color

#bbf3bc
```
#bbf3bc rgb(187,243,188)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#f3bbf2
```
#f3bbf2 rgb(243,187,242)
```
#f3bcbb
```
#f3bcbb rgb(243,188,187)
```

Tetradic Color

#7ae6e8
```
#7ae6e8 rgb(122,230,232)
```
#90eaeb
```
#90eaeb rgb(144,234,235)
```
#a5eeef
```
#a5eeef rgb(165,238,239)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#d1f6f7
```
#d1f6f7 rgb(209,246,247)
```
#e6fafb
```
#e6fafb rgb(230,250,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Monochromatic Color

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

#bbf3e6
```
#bbf3e6 rgb(187,243,230)
```
#bbf3eb
```
#bbf3eb rgb(187,243,235)
```
#bbf3ef
```
#bbf3ef rgb(187,243,239)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#bbe9f3
```
#bbe9f3 rgb(187,233,243)
```
#bbe4f3
```
#bbe4f3 rgb(187,228,243)
```

Similar Colors

Text with hexadecimal color #bbf2f3

This text has a font color of #bbf2f3.

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

#bbf2f3 background color

This paragraph has a background color of #bbf2f3.

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

#bbf2f3 border color

This element has a border color of #bbf2f3.

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

CSS codes

.text {color:#bbf2f3;}

.background {background-color:#bbf2f3;}

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

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, #030f0f is the darkest color, while #feffff is the lightest one.

#030f0f
```
#030f0f rgb(3,15,15)
```
#062020
```
#062020 rgb(6,32,32)
```
#093031
```
#093031 rgb(9,48,49)
```
#0c4041
```
#0c4041 rgb(12,64,65)
```
#0e5152
```
#0e5152 rgb(14,81,82)
```
#116163
```
#116163 rgb(17,97,99)
```
#147273
```
#147273 rgb(20,114,115)
```
#178284
```
#178284 rgb(23,130,132)
```
#1a9395
```
#1a9395 rgb(26,147,149)
```
#1da3a5
```
#1da3a5 rgb(29,163,165)
```
#20b3b6
```
#20b3b6 rgb(32,179,182)
```
#23c4c7
```
#23c4c7 rgb(35,196,199)
```
#26d4d7
```
#26d4d7 rgb(38,212,215)
```

Shade Color Variation

#36d9db
```
#36d9db rgb(54,217,219)
```
#46dcde
```
#46dcde rgb(70,220,222)
```
#57dfe1
```
#57dfe1 rgb(87,223,225)
```
#68e2e4
```
#68e2e4 rgb(104,226,228)
```
#78e5e7
```
#78e5e7 rgb(120,229,231)
```
#89e8ea
```
#89e8ea rgb(137,232,234)
```
#9aeced
```
#9aeced rgb(154,236,237)
```
#aaeff0
```
#aaeff0 rgb(170,239,240)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#ccf5f6
```
#ccf5f6 rgb(204,245,246)
```
#dcf8f9
```
#dcf8f9 rgb(220,248,249)
```
#edfcfc
```
#edfcfc rgb(237,252,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4dada
```
#d4dada rgb(212,218,218)
```
#d1dddd
```
#d1dddd rgb(209,221,221)
```
#cde0e1
```
#cde0e1 rgb(205,224,225)
```
#cae3e4
```
#cae3e4 rgb(202,227,228)
```
#c7e6e7
```
#c7e6e7 rgb(199,230,231)
```
#c4e9ea
```
#c4e9ea rgb(196,233,234)
```
#c1eced
```
#c1eced rgb(193,236,237)
```
#beeff0
```
#beeff0 rgb(190,239,240)
```
#bbf2f3
```
#bbf2f3 rgb(187,242,243)
```
#b8f5f6
```
#b8f5f6 rgb(184,245,246)
```
#b5f8f9
```
#b5f8f9 rgb(181,248,249)
```
#b2fbfc
```
#b2fbfc rgb(178,251,252)
```

Tone Color Variation

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

Dichromacy

#ebe7ed Protanopia 1% of men
#f6e2f8 Deuteranopia 1% of men
#c7efff Tritanopia 0.001% of the population

Trichromacy

#d9ebef Protanomaly 1% of men, 0.01% of women
#e1e8f6 Deuteranomaly 6% of men, 0.4% of women
#c2f0fa Tritanomaly 0.01% of the population

#bbf2f3 hex color

#bbf2f3 Color Information

#bbf2f3 Color Conversion

Color Schemes with #bbf2f3

Alternatives to #bbf2f3

#bbf2f3 Preview

Shades and Tints of #bbf2f3

Tones of #bbf2f3

Color Blindness Simulator