#bbfdf2 hex color

In a RGB color space, hex #bbfdf2 is composed of 73.3% red, 99.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 0% magenta, 4.3% yellow and 0.8% black. It has a hue angle of 170 degrees, a saturation of 94.3% and a lightness of 86.3%. #bbfdf2 color hex could be obtained by blending #ffffff with #77fbe5. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 73
- G 99
- B 95
RGB color chart
- C 26
- M 0
- Y 4
- K 1
CMYK color chart

● #bbfdf2 color description : Very soft cyan.

The hexadecimal color #bbfdf2 has RGB values of R:187, G:253, B:242 and CMYK values of C:0.26, M:0, Y:0.04, K:0.01. Its decimal value is 12320242.

Hex triplet	bbfdf2	`#bbfdf2`
RGB Decimal	187, 253, 242	`rgb(187,253,242)`
RGB Percent	73.3, 99.2, 94.9	`rgb(73.3%,99.2%,94.9%)`
CMYK	26, 0, 4, 1
HSL	170°, 94.3, 86.3	`hsl(170,94.3%,86.3%)`
HSV (or HSB)	170°, 26.1, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.833, -22.692, -1.391
XYZ	71.642, 87.224, 97.061
xyY	0.28, 0.341, 87.224
CIE-LCH	94.833, 22.735, 183.507
CIE-LUV	94.833, -32.502, 1.726
Hunter-Lab	93.394, -26.512, 3.758
Binary	10111011, 11111101, 11110010

#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```
#fdbbc6
```
#fdbbc6 rgb(253,187,198)
```

Complementary Color

#bbfdd1
```
#bbfdd1 rgb(187,253,209)
```
#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```
#bbe7fd
```
#bbe7fd rgb(187,231,253)
```

Analogous Color

#fdd1bb
```
#fdd1bb rgb(253,209,187)
```
#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```
#fdbbe7
```
#fdbbe7 rgb(253,187,231)
```

Split Complementary Color

#fdf2bb
```
#fdf2bb rgb(253,242,187)
```
#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```
#f2bbfd
```
#f2bbfd rgb(242,187,253)
```

Triadic Color

#c6fdbb
```
#c6fdbb rgb(198,253,187)
```
#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```
#f2bbfd
```
#f2bbfd rgb(242,187,253)
```
#fdbbc6
```
#fdbbc6 rgb(253,187,198)
```

Tetradic Color

#71fbe4
```
#71fbe4 rgb(113,251,228)
```
#89fce9
```
#89fce9 rgb(137,252,233)
```
#a2fced
```
#a2fced rgb(162,252,237)
```
#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```
#d4fef7
```
#d4fef7 rgb(212,254,247)
```
#edfefb
```
#edfefb rgb(237,254,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbfde2
```
#bbfde2 rgb(187,253,226)
```
#bbfde7
```
#bbfde7 rgb(187,253,231)
```
#bbfded
```
#bbfded rgb(187,253,237)
```
#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```
#bbfdf8
```
#bbfdf8 rgb(187,253,248)
```
#bbfdfd
```
#bbfdfd rgb(187,253,253)
```
#bbf8fd
```
#bbf8fd rgb(187,248,253)
```

Similar Colors

Text with hexadecimal color #bbfdf2

This text has a font color of #bbfdf2.

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

#bbfdf2 background color

This paragraph has a background color of #bbfdf2.

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

#bbfdf2 border color

This element has a border color of #bbfdf2.

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

CSS codes

.text {color:#bbfdf2;}

.background {background-color:#bbfdf2;}

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

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

#000807
```
#000807 rgb(0,8,7)
```
#011b17
```
#011b17 rgb(1,27,23)
```
#012e27
```
#012e27 rgb(1,46,39)
```
#024137
```
#024137 rgb(2,65,55)
```
#025447
```
#025447 rgb(2,84,71)
```
#036757
```
#036757 rgb(3,103,87)
```
#047b67
```
#047b67 rgb(4,123,103)
```
#048e77
```
#048e77 rgb(4,142,119)
```
#05a187
```
#05a187 rgb(5,161,135)
```
#05b497
```
#05b497 rgb(5,180,151)
```
#06c7a7
```
#06c7a7 rgb(6,199,167)
```
#06dab7
```
#06dab7 rgb(6,218,183)
```
#07edc7
```
#07edc7 rgb(7,237,199)
```

Shade Color Variation

#10f8d1
```
#10f8d1 rgb(16,248,209)
```
#23f9d5
```
#23f9d5 rgb(35,249,213)
```
#36f9d9
```
#36f9d9 rgb(54,249,217)
```
#49fadc
```
#49fadc rgb(73,250,220)
```
#5cfae0
```
#5cfae0 rgb(92,250,224)
```
#6ffbe3
```
#6ffbe3 rgb(111,251,227)
```
#82fbe7
```
#82fbe7 rgb(130,251,231)
```
#95fceb
```
#95fceb rgb(149,252,235)
```
#a8fcee
```
#a8fcee rgb(168,252,238)
```
#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```
#cefef6
```
#cefef6 rgb(206,254,246)
```
#e1fef9
```
#e1fef9 rgb(225,254,249)
```
#f4fffd
```
#f4fffd rgb(244,255,253)
```

Tint Color Variation

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

#dbdddc
```
#dbdddc rgb(219,221,220)
```
#d9dfde
```
#d9dfde rgb(217,223,222)
```
#d6e2e0
```
#d6e2e0 rgb(214,226,224)
```
#d3e5e2
```
#d3e5e2 rgb(211,229,226)
```
#d1e7e4
```
#d1e7e4 rgb(209,231,228)
```
#ceeae5
```
#ceeae5 rgb(206,234,229)
```
#cbede7
```
#cbede7 rgb(203,237,231)
```
#c8f0e9
```
#c8f0e9 rgb(200,240,233)
```
#c6f2eb
```
#c6f2eb rgb(198,242,235)
```
#c3f5ed
```
#c3f5ed rgb(195,245,237)
```
#c0f8ee
```
#c0f8ee rgb(192,248,238)
```
#befaf0
```
#befaf0 rgb(190,250,240)
```
#bbfdf2
```
#bbfdf2 rgb(187,253,242)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#dfecea Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6efeb Protanopia 1% of men
#ffebf7 Deuteranopia 1% of men
#dbf5ff Tritanopia 0.001% of the population

Trichromacy

#e0f4ed Protanomaly 1% of men, 0.01% of women
#e6f2f5 Deuteranomaly 6% of men, 0.4% of women
#cff8fa Tritanomaly 0.01% of the population

#bbfdf2 hex color

#bbfdf2 Color Information

#bbfdf2 Color Conversion

Color Schemes with #bbfdf2

Alternatives to #bbfdf2

#bbfdf2 Preview

Shades and Tints of #bbfdf2

Tones of #bbfdf2

Color Blindness Simulator