#bbf3f3 hex color

In a RGB color space, hex #bbf3f3 is composed of 73.3% red, 95.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 0% magenta, 0% yellow and 4.7% black. It has a hue angle of 180 degrees, a saturation of 70% and a lightness of 84.3%. #bbf3f3 color hex could be obtained by blending #ffffff with #77e7e7. 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

● #bbf3f3 color description : Very soft cyan.

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

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

CIE-LAB	92.192, -17.584, -5.792
XYZ	68.718, 81.135, 96.829
xyY	0.279, 0.329, 81.135
CIE-LCH	92.192, 18.513, 198.231
CIE-LUV	92.192, -28.11, -6.076
Hunter-Lab	90.075, -21.454, -0.683
Binary	10111011, 11110011, 11110011

#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#f3bbbb
```
#f3bbbb rgb(243,187,187)
```

Complementary Color

#bbf3d7
```
#bbf3d7 rgb(187,243,215)
```
#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#bbd7f3
```
#bbd7f3 rgb(187,215,243)
```

Analogous Color

#f3d7bb
```
#f3d7bb rgb(243,215,187)
```
#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#f3bbd7
```
#f3bbd7 rgb(243,187,215)
```

Split Complementary Color

#f3f3bb
```
#f3f3bb rgb(243,243,187)
```
#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#f3bbf3
```
#f3bbf3 rgb(243,187,243)
```

Triadic Color

#bbf3bb
```
#bbf3bb rgb(187,243,187)
```
#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#f3bbf3
```
#f3bbf3 rgb(243,187,243)
```
#f3bbbb
```
#f3bbbb rgb(243,187,187)
```

Tetradic Color

#7ae8e8
```
#7ae8e8 rgb(122,232,232)
```
#90ebeb
```
#90ebeb rgb(144,235,235)
```
#a5efef
```
#a5efef rgb(165,239,239)
```
#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#d1f7f7
```
#d1f7f7 rgb(209,247,247)
```
#e6fbfb
```
#e6fbfb rgb(230,251,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Monochromatic Color

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

#bbf3e5
```
#bbf3e5 rgb(187,243,229)
```
#bbf3ea
```
#bbf3ea rgb(187,243,234)
```
#bbf3ee
```
#bbf3ee rgb(187,243,238)
```
#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#bbeef3
```
#bbeef3 rgb(187,238,243)
```
#bbeaf3
```
#bbeaf3 rgb(187,234,243)
```
#bbe5f3
```
#bbe5f3 rgb(187,229,243)
```

Similar Colors

Text with hexadecimal color #bbf3f3

This text has a font color of #bbf3f3.

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

#bbf3f3 background color

This paragraph has a background color of #bbf3f3.

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

#bbf3f3 border color

This element has a border color of #bbf3f3.

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

CSS codes

.text {color:#bbf3f3;}

.background {background-color:#bbf3f3;}

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

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)
```
#093131
```
#093131 rgb(9,49,49)
```
#0c4141
```
#0c4141 rgb(12,65,65)
```
#0e5252
```
#0e5252 rgb(14,82,82)
```
#116363
```
#116363 rgb(17,99,99)
```
#147373
```
#147373 rgb(20,115,115)
```
#178484
```
#178484 rgb(23,132,132)
```
#1a9595
```
#1a9595 rgb(26,149,149)
```
#1da5a5
```
#1da5a5 rgb(29,165,165)
```
#20b6b6
```
#20b6b6 rgb(32,182,182)
```
#23c7c7
```
#23c7c7 rgb(35,199,199)
```
#26d7d7
```
#26d7d7 rgb(38,215,215)
```

Shade Color Variation

#36dbdb
```
#36dbdb rgb(54,219,219)
```
#46dede
```
#46dede rgb(70,222,222)
```
#57e1e1
```
#57e1e1 rgb(87,225,225)
```
#68e4e4
```
#68e4e4 rgb(104,228,228)
```
#78e7e7
```
#78e7e7 rgb(120,231,231)
```
#89eaea
```
#89eaea rgb(137,234,234)
```
#9aeded
```
#9aeded rgb(154,237,237)
```
#aaf0f0
```
#aaf0f0 rgb(170,240,240)
```
#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#ccf6f6
```
#ccf6f6 rgb(204,246,246)
```
#dcf9f9
```
#dcf9f9 rgb(220,249,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 #b2fcfc is the most saturated one.

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4dada
```
#d4dada rgb(212,218,218)
```
#d1dddd
```
#d1dddd rgb(209,221,221)
```
#cde1e1
```
#cde1e1 rgb(205,225,225)
```
#cae4e4
```
#cae4e4 rgb(202,228,228)
```
#c7e7e7
```
#c7e7e7 rgb(199,231,231)
```
#c4eaea
```
#c4eaea rgb(196,234,234)
```
#c1eded
```
#c1eded rgb(193,237,237)
```
#bef0f0
```
#bef0f0 rgb(190,240,240)
```
#bbf3f3
```
#bbf3f3 rgb(187,243,243)
```
#b8f6f6
```
#b8f6f6 rgb(184,246,246)
```
#b5f9f9
```
#b5f9f9 rgb(181,249,249)
```
#b2fcfc
```
#b2fcfc rgb(178,252,252)
```

Tone Color Variation

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

#ece8ed Protanopia 1% of men
#f8e3f9 Deuteranopia 1% of men
#c9f0ff Tritanopia 0.001% of the population

Trichromacy

#daecef Protanomaly 1% of men, 0.01% of women
#e1e9f6 Deuteranomaly 6% of men, 0.4% of women
#c4f1fa Tritanomaly 0.01% of the population

#bbf3f3 hex color

#bbf3f3 Color Information

#bbf3f3 Color Conversion

Color Schemes with #bbf3f3

Alternatives to #bbf3f3

#bbf3f3 Preview

Shades and Tints of #bbf3f3

Tones of #bbf3f3

Color Blindness Simulator