#bbf8df hex color

In a RGB color space, hex #bbf8df is composed of 73.3% red, 97.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 0% magenta, 10.1% yellow and 2.7% black. It has a hue angle of 155.4 degrees, a saturation of 81.3% and a lightness of 85.3%. #bbf8df color hex could be obtained by blending #ffffff with #77f1bf. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 97
- B 87
RGB color chart
- C 25
- M 0
- Y 10
- K 3
CMYK color chart

● #bbf8df color description : Very soft cyan - lime green.

The hexadecimal color #bbf8df has RGB values of R:187, G:248, B:223 and CMYK values of C:0.25, M:0, Y:0.1, K:0.03. Its decimal value is 12318943.

Hex triplet	bbf8df	`#bbf8df`
RGB Decimal	187, 248, 223	`rgb(187,248,223)`
RGB Percent	73.3, 97.3, 87.5	`rgb(73.3%,97.3%,87.5%)`
CMYK	25, 0, 10, 3
HSL	155.4°, 81.3, 85.3	`hsl(155.4,81.3%,85.3%)`
HSV (or HSB)	155.4°, 24.6, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.025, -24.116, 5.803
XYZ	67.377, 83.025, 82.283
xyY	0.29, 0.357, 83.025
CIE-LCH	93.025, 24.805, 166.47
CIE-LUV	93.025, -30.276, 13.032
Hunter-Lab	91.118, -27.466, 10.241
Binary	10111011, 11111000, 11011111

#bbf8df
```
#bbf8df rgb(187,248,223)
```
#f8bbd4
```
#f8bbd4 rgb(248,187,212)
```

Complementary Color

#bbf8c1
```
#bbf8c1 rgb(187,248,193)
```
#bbf8df
```
#bbf8df rgb(187,248,223)
```
#bbf3f8
```
#bbf3f8 rgb(187,243,248)
```

Analogous Color

#f8c1bb
```
#f8c1bb rgb(248,193,187)
```
#bbf8df
```
#bbf8df rgb(187,248,223)
```
#f8bbf3
```
#f8bbf3 rgb(248,187,243)
```

Split Complementary Color

#f8dfbb
```
#f8dfbb rgb(248,223,187)
```
#bbf8df
```
#bbf8df rgb(187,248,223)
```
#dfbbf8
```
#dfbbf8 rgb(223,187,248)
```

Triadic Color

#d4f8bb
```
#d4f8bb rgb(212,248,187)
```
#bbf8df
```
#bbf8df rgb(187,248,223)
```
#dfbbf8
```
#dfbbf8 rgb(223,187,248)
```
#f8bbd4
```
#f8bbd4 rgb(248,187,212)
```

Tetradic Color

#76f1be
```
#76f1be rgb(118,241,190)
```
#8df3c9
```
#8df3c9 rgb(141,243,201)
```
#a4f6d4
```
#a4f6d4 rgb(164,246,212)
```
#bbf8df
```
#bbf8df rgb(187,248,223)
```
#d2faea
```
#d2faea rgb(210,250,234)
```
#e9fdf5
```
#e9fdf5 rgb(233,253,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbf8d0
```
#bbf8d0 rgb(187,248,208)
```
#bbf8d5
```
#bbf8d5 rgb(187,248,213)
```
#bbf8da
```
#bbf8da rgb(187,248,218)
```
#bbf8df
```
#bbf8df rgb(187,248,223)
```
#bbf8e4
```
#bbf8e4 rgb(187,248,228)
```
#bbf8e9
```
#bbf8e9 rgb(187,248,233)
```
#bbf8ee
```
#bbf8ee rgb(187,248,238)
```

Similar Colors

Text with hexadecimal color #bbf8df

This text has a font color of #bbf8df.

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

#bbf8df background color

This paragraph has a background color of #bbf8df.

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

#bbf8df border color

This element has a border color of #bbf8df.

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

CSS codes

.text {color:#bbf8df;}

.background {background-color:#bbf8df;}

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

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

#000302
```
#000302 rgb(0,3,2)
```
#02150d
```
#02150d rgb(2,21,13)
```
#042718
```
#042718 rgb(4,39,24)
```
#063824
```
#063824 rgb(6,56,36)
```
#084a2f
```
#084a2f rgb(8,74,47)
```
#095c3a
```
#095c3a rgb(9,92,58)
```
#0b6e45
```
#0b6e45 rgb(11,110,69)
```
#0d8051
```
#0d8051 rgb(13,128,81)
```
#0f915c
```
#0f915c rgb(15,145,92)
```
#11a367
```
#11a367 rgb(17,163,103)
```
#13b572
```
#13b572 rgb(19,181,114)
```
#14c77e
```
#14c77e rgb(20,199,126)
```
#16d989
```
#16d989 rgb(22,217,137)
```

Shade Color Variation

#1be894
```
#1be894 rgb(27,232,148)
```
#2de99c
```
#2de99c rgb(45,233,156)
```
#3feba4
```
#3feba4 rgb(63,235,164)
```
#50edad
```
#50edad rgb(80,237,173)
```
#62efb5
```
#62efb5 rgb(98,239,181)
```
#74f1be
```
#74f1be rgb(116,241,190)
```
#86f3c6
```
#86f3c6 rgb(134,243,198)
```
#97f4ce
```
#97f4ce rgb(151,244,206)
```
#a9f6d7
```
#a9f6d7 rgb(169,246,215)
```
#bbf8df
```
#bbf8df rgb(187,248,223)
```
#cdfae7
```
#cdfae7 rgb(205,250,231)
```
#dffcf0
```
#dffcf0 rgb(223,252,240)
```
#f0fdf8
```
#f0fdf8 rgb(240,253,248)
```

Tint Color Variation

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

#d8dbda
```
#d8dbda rgb(216,219,218)
```
#d5deda
```
#d5deda rgb(213,222,218)
```
#d2e1db
```
#d2e1db rgb(210,225,219)
```
#cfe4db
```
#cfe4db rgb(207,228,219)
```
#cce7dc
```
#cce7dc rgb(204,231,220)
```
#c9eadc
```
#c9eadc rgb(201,234,220)
```
#c7ecdd
```
#c7ecdd rgb(199,236,221)
```
#c4efdd
```
#c4efdd rgb(196,239,221)
```
#c1f2de
```
#c1f2de rgb(193,242,222)
```
#bef5de
```
#bef5de rgb(190,245,222)
```
#bbf8df
```
#bbf8df rgb(187,248,223)
```
#b8fbe0
```
#b8fbe0 rgb(184,251,224)
```
#b5fee0
```
#b5fee0 rgb(181,254,224)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#dbe7e2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4ebda Protanopia 1% of men
#ffe6e8 Deuteranopia 1% of men
#d0f1ff Tritanopia 0.001% of the population

Trichromacy

#dfefdb Protanomaly 1% of men, 0.01% of women
#e6ece4 Deuteranomaly 6% of men, 0.4% of women
#c8f3f3 Tritanomaly 0.01% of the population

#bbf8df hex color

#bbf8df Color Information

#bbf8df Color Conversion

Color Schemes with #bbf8df

Alternatives to #bbf8df

#bbf8df Preview

Shades and Tints of #bbf8df

Tones of #bbf8df

Color Blindness Simulator