#bbf7dc hex color

In a RGB color space, hex #bbf7dc is composed of 73.3% red, 96.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 0% magenta, 10.9% yellow and 3.1% black. It has a hue angle of 153 degrees, a saturation of 78.9% and a lightness of 85.1%. #bbf7dc color hex could be obtained by blending #ffffff with #77efb9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 97
- B 86
RGB color chart
- C 24
- M 0
- Y 11
- K 3
CMYK color chart

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

The hexadecimal color #bbf7dc has RGB values of R:187, G:247, B:220 and CMYK values of C:0.24, M:0, Y:0.11, K:0.03. Its decimal value is 12318684.

Hex triplet	bbf7dc	`#bbf7dc`
RGB Decimal	187, 247, 220	`rgb(187,247,220)`
RGB Percent	73.3, 96.9, 86.3	`rgb(73.3%,96.9%,86.3%)`
CMYK	24, 0, 11, 3
HSL	153°, 78.9, 85.1	`hsl(153,78.9%,85.1%)`
HSV (or HSB)	153°, 24.3, 96.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.686, -24.218, 6.866
XYZ	66.669, 82.251, 80.07
xyY	0.291, 0.359, 82.251
CIE-LCH	92.686, 25.173, 164.171
CIE-LUV	92.686, -29.817, 14.641
Hunter-Lab	90.693, -27.495, 11.14
Binary	10111011, 11110111, 11011100

#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#f7bbd6
```
#f7bbd6 rgb(247,187,214)
```

Complementary Color

#bbf7be
```
#bbf7be rgb(187,247,190)
```
#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#bbf4f7
```
#bbf4f7 rgb(187,244,247)
```

Analogous Color

#f7bebb
```
#f7bebb rgb(247,190,187)
```
#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#f7bbf4
```
#f7bbf4 rgb(247,187,244)
```

Split Complementary Color

#f7dcbb
```
#f7dcbb rgb(247,220,187)
```
#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#dcbbf7
```
#dcbbf7 rgb(220,187,247)
```

Triadic Color

#d6f7bb
```
#d6f7bb rgb(214,247,187)
```
#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#dcbbf7
```
#dcbbf7 rgb(220,187,247)
```
#f7bbd6
```
#f7bbd6 rgb(247,187,214)
```

Tetradic Color

#77efb9
```
#77efb9 rgb(119,239,185)
```
#8df2c5
```
#8df2c5 rgb(141,242,197)
```
#a4f4d0
```
#a4f4d0 rgb(164,244,208)
```
#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#d2fae8
```
#d2fae8 rgb(210,250,232)
```
#e9fcf3
```
#e9fcf3 rgb(233,252,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbf7cd
```
#bbf7cd rgb(187,247,205)
```
#bbf7d2
```
#bbf7d2 rgb(187,247,210)
```
#bbf7d7
```
#bbf7d7 rgb(187,247,215)
```
#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#bbf7e1
```
#bbf7e1 rgb(187,247,225)
```
#bbf7e6
```
#bbf7e6 rgb(187,247,230)
```
#bbf7eb
```
#bbf7eb rgb(187,247,235)
```

Similar Colors

Text with hexadecimal color #bbf7dc

This text has a font color of #bbf7dc.

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

#bbf7dc background color

This paragraph has a background color of #bbf7dc.

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

#bbf7dc border color

This element has a border color of #bbf7dc.

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

CSS codes

.text {color:#bbf7dc;}

.background {background-color:#bbf7dc;}

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

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

#000201
```
#000201 rgb(0,2,1)
```
#02140c
```
#02140c rgb(2,20,12)
```
#042516
```
#042516 rgb(4,37,22)
```
#063721
```
#063721 rgb(6,55,33)
```
#09482c
```
#09482c rgb(9,72,44)
```
#0b5a36
```
#0b5a36 rgb(11,90,54)
```
#0d6c41
```
#0d6c41 rgb(13,108,65)
```
#0f7d4b
```
#0f7d4b rgb(15,125,75)
```
#118f56
```
#118f56 rgb(17,143,86)
```
#13a061
```
#13a061 rgb(19,160,97)
```
#15b26b
```
#15b26b rgb(21,178,107)
```
#17c376
```
#17c376 rgb(23,195,118)
```
#19d580
```
#19d580 rgb(25,213,128)
```

Shade Color Variation

#1de48b
```
#1de48b rgb(29,228,139)
```
#2fe694
```
#2fe694 rgb(47,230,148)
```
#40e99d
```
#40e99d rgb(64,233,157)
```
#52eba6
```
#52eba6 rgb(82,235,166)
```
#63edaf
```
#63edaf rgb(99,237,175)
```
#75efb8
```
#75efb8 rgb(117,239,184)
```
#86f1c1
```
#86f1c1 rgb(134,241,193)
```
#98f3ca
```
#98f3ca rgb(152,243,202)
```
#a9f5d3
```
#a9f5d3 rgb(169,245,211)
```
#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#cdf9e5
```
#cdf9e5 rgb(205,249,229)
```
#defbee
```
#defbee rgb(222,251,238)
```
#f0fdf7
```
#f0fdf7 rgb(240,253,247)
```

Tint Color Variation

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

#d8dad9
```
#d8dad9 rgb(216,218,217)
```
#d5ddd9
```
#d5ddd9 rgb(213,221,217)
```
#d2e0da
```
#d2e0da rgb(210,224,218)
```
#cfe3da
```
#cfe3da rgb(207,227,218)
```
#cde5da
```
#cde5da rgb(205,229,218)
```
#cae8db
```
#cae8db rgb(202,232,219)
```
#c7ebdb
```
#c7ebdb rgb(199,235,219)
```
#c4eedb
```
#c4eedb rgb(196,238,219)
```
#c1f1db
```
#c1f1db rgb(193,241,219)
```
#bef4dc
```
#bef4dc rgb(190,244,220)
```
#bbf7dc
```
#bbf7dc rgb(187,247,220)
```
#b8fadc
```
#b8fadc rgb(184,250,220)
```
#b5fddd
```
#b5fddd rgb(181,253,221)
```

Tone Color Variation

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

Dichromacy

#f3ead7 Protanopia 1% of men
#ffe5e5 Deuteranopia 1% of men
#cef0ff Tritanopia 0.001% of the population

Trichromacy

#dfeed9 Protanomaly 1% of men, 0.01% of women
#e6ebe2 Deuteranomaly 6% of men, 0.4% of women
#c7f2f2 Tritanomaly 0.01% of the population

#bbf7dc hex color

#bbf7dc Color Information

#bbf7dc Color Conversion

Color Schemes with #bbf7dc

Alternatives to #bbf7dc

#bbf7dc Preview

Shades and Tints of #bbf7dc

Tones of #bbf7dc

Color Blindness Simulator