#bbe7dc hex color

In a RGB color space, hex #bbe7dc is composed of 73.3% red, 90.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 4.8% yellow and 9.4% black. It has a hue angle of 165 degrees, a saturation of 47.8% and a lightness of 82%. #bbe7dc color hex could be obtained by blending #ffffff with #77cfb9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 91
- B 86
RGB color chart
- C 19
- M 0
- Y 5
- K 9
CMYK color chart

● #bbe7dc color description : Light grayish cyan.

The hexadecimal color #bbe7dc has RGB values of R:187, G:231, B:220 and CMYK values of C:0.19, M:0, Y:0.05, K:0.09. Its decimal value is 12314588.

Hex triplet	bbe7dc	`#bbe7dc`
RGB Decimal	187, 231, 220	`rgb(187,231,220)`
RGB Percent	73.3, 90.6, 86.3	`rgb(73.3%,90.6%,86.3%)`
CMYK	19, 0, 5, 9
HSL	165°, 47.8, 82	`hsl(165,47.8%,82%)`
HSV (or HSB)	165°, 19, 90.6
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	88.392, -16.368, 0.644
XYZ	61.985, 72.882, 78.508
xyY	0.29, 0.342, 72.882
CIE-LCH	88.392, 16.38, 177.748
CIE-LUV	88.392, -22.479, 3.805
Hunter-Lab	85.371, -19.798, 5.236
Binary	10111011, 11100111, 11011100

#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#e7bbc6
```
#e7bbc6 rgb(231,187,198)
```

Complementary Color

#bbe7c6
```
#bbe7c6 rgb(187,231,198)
```
#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#bbdce7
```
#bbdce7 rgb(187,220,231)
```

Analogous Color

#e7c6bb
```
#e7c6bb rgb(231,198,187)
```
#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#e7bbdc
```
#e7bbdc rgb(231,187,220)
```

Split Complementary Color

#e7dcbb
```
#e7dcbb rgb(231,220,187)
```
#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#dcbbe7
```
#dcbbe7 rgb(220,187,231)
```

Triadic Color

#c6e7bb
```
#c6e7bb rgb(198,231,187)
```
#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#dcbbe7
```
#dcbbe7 rgb(220,187,231)
```
#e7bbc6
```
#e7bbc6 rgb(231,187,198)
```

Tetradic Color

#82d3bf
```
#82d3bf rgb(130,211,191)
```
#95dac9
```
#95dac9 rgb(149,218,201)
```
#a8e0d2
```
#a8e0d2 rgb(168,224,210)
```
#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#ceeee6
```
#ceeee6 rgb(206,238,230)
```
#e1f4ef
```
#e1f4ef rgb(225,244,239)
```
#f4fbf9
```
#f4fbf9 rgb(244,251,249)
```

Monochromatic Color

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

#bbe7d1
```
#bbe7d1 rgb(187,231,209)
```
#bbe7d5
```
#bbe7d5 rgb(187,231,213)
```
#bbe7d8
```
#bbe7d8 rgb(187,231,216)
```
#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#bbe7e0
```
#bbe7e0 rgb(187,231,224)
```
#bbe7e3
```
#bbe7e3 rgb(187,231,227)
```
#bbe7e7
```
#bbe7e7 rgb(187,231,231)
```

Similar Colors

Text with hexadecimal color #bbe7dc

This text has a font color of #bbe7dc.

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

#bbe7dc background color

This paragraph has a background color of #bbe7dc.

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

#bbe7dc border color

This element has a border color of #bbe7dc.

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

CSS codes

.text {color:#bbe7dc;}

.background {background-color:#bbe7dc;}

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071310
```
#071310 rgb(7,19,16)
```
#0c211c
```
#0c211c rgb(12,33,28)
```
#113028
```
#113028 rgb(17,48,40)
```
#163e34
```
#163e34 rgb(22,62,52)
```
#1b4d41
```
#1b4d41 rgb(27,77,65)
```
#205b4d
```
#205b4d rgb(32,91,77)
```
#256a59
```
#256a59 rgb(37,106,89)
```
#2b7865
```
#2b7865 rgb(43,120,101)
```
#308771
```
#308771 rgb(48,135,113)
```
#35957d
```
#35957d rgb(53,149,125)
```
#3aa489
```
#3aa489 rgb(58,164,137)
```
#3fb296
```
#3fb296 rgb(63,178,150)
```

Shade Color Variation

#47bea0
```
#47bea0 rgb(71,190,160)
```
#56c3a8
```
#56c3a8 rgb(86,195,168)
```
#64c8af
```
#64c8af rgb(100,200,175)
```
#73cdb7
```
#73cdb7 rgb(115,205,183)
```
#81d3be
```
#81d3be rgb(129,211,190)
```
#90d8c6
```
#90d8c6 rgb(144,216,198)
```
#9eddcd
```
#9eddcd rgb(158,221,205)
```
#ade2d5
```
#ade2d5 rgb(173,226,213)
```
#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#c9ece3
```
#c9ece3 rgb(201,236,227)
```
#d8f1eb
```
#d8f1eb rgb(216,241,235)
```
#e6f6f2
```
#e6f6f2 rgb(230,246,242)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

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

#d0d2d1
```
#d0d2d1 rgb(208,210,209)
```
#cdd5d3
```
#cdd5d3 rgb(205,213,211)
```
#c9d9d5
```
#c9d9d5 rgb(201,217,213)
```
#c6dcd7
```
#c6dcd7 rgb(198,220,215)
```
#c2e0d8
```
#c2e0d8 rgb(194,224,216)
```
#bfe3da
```
#bfe3da rgb(191,227,218)
```
#bbe7dc
```
#bbe7dc rgb(187,231,220)
```
#b7ebde
```
#b7ebde rgb(183,235,222)
```
#b4eee0
```
#b4eee0 rgb(180,238,224)
```
#b0f2e1
```
#b0f2e1 rgb(176,242,225)
```
#adf5e3
```
#adf5e3 rgb(173,245,227)
```
#a9f9e5
```
#a9f9e5 rgb(169,249,229)
```
#a6fce7
```
#a6fce7 rgb(166,252,231)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d3dcda Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4ded8 Protanopia 1% of men
#f2d9e2 Deuteranopia 1% of men
#c3e4f5 Tritanopia 0.001% of the population

Trichromacy

#d5e1d9 Protanomaly 1% of men, 0.01% of women
#dedee0 Deuteranomaly 6% of men, 0.4% of women
#c0e5eb Tritanomaly 0.01% of the population

#bbe7dc hex color

#bbe7dc Color Information

#bbe7dc Color Conversion

Color Schemes with #bbe7dc

Alternatives to #bbe7dc

#bbe7dc Preview

Shades and Tints of #bbe7dc

Tones of #bbe7dc

Color Blindness Simulator