#bbe6dc hex color

In a RGB color space, hex #bbe6dc is composed of 73.3% red, 90.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.7% cyan, 0% magenta, 4.3% yellow and 9.8% black. It has a hue angle of 166 degrees, a saturation of 46.2% and a lightness of 81.8%. #bbe6dc color hex could be obtained by blending #ffffff with #77cdb9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 90
- B 86
RGB color chart
- C 19
- M 0
- Y 4
- K 10
CMYK color chart

● #bbe6dc color description : Light grayish cyan.

The hexadecimal color #bbe6dc has RGB values of R:187, G:230, B:220 and CMYK values of C:0.19, M:0, Y:0.04, K:0.1. Its decimal value is 12314332.

Hex triplet	bbe6dc	`#bbe6dc`
RGB Decimal	187, 230, 220	`rgb(187,230,220)`
RGB Percent	73.3, 90.2, 86.3	`rgb(73.3%,90.2%,86.3%)`
CMYK	19, 0, 4, 10
HSL	166°, 46.2, 81.8	`hsl(166,46.2%,81.8%)`
HSV (or HSB)	166°, 18.7, 90.2
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	88.124, -15.868, 0.254
XYZ	61.706, 72.324, 78.415
xyY	0.29, 0.34, 72.324
CIE-LCH	88.124, 15.87, 179.083
CIE-LUV	88.124, -22.016, 3.121
Hunter-Lab	85.044, -19.311, 4.862
Binary	10111011, 11100110, 11011100

#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#e6bbc5
```
#e6bbc5 rgb(230,187,197)
```

Complementary Color

#bbe6c7
```
#bbe6c7 rgb(187,230,199)
```
#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#bbdbe6
```
#bbdbe6 rgb(187,219,230)
```

Analogous Color

#e6c7bb
```
#e6c7bb rgb(230,199,187)
```
#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#e6bbdb
```
#e6bbdb rgb(230,187,219)
```

Split Complementary Color

#e6dcbb
```
#e6dcbb rgb(230,220,187)
```
#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#dcbbe6
```
#dcbbe6 rgb(220,187,230)
```

Triadic Color

#c5e6bb
```
#c5e6bb rgb(197,230,187)
```
#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#dcbbe6
```
#dcbbe6 rgb(220,187,230)
```
#e6bbc5
```
#e6bbc5 rgb(230,187,197)
```

Tetradic Color

#83d1bf
```
#83d1bf rgb(131,209,191)
```
#96d8c9
```
#96d8c9 rgb(150,216,201)
```
#a8dfd2
```
#a8dfd2 rgb(168,223,210)
```
#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#ceede6
```
#ceede6 rgb(206,237,230)
```
#e0f4ef
```
#e0f4ef rgb(224,244,239)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Monochromatic Color

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

#bbe6d1
```
#bbe6d1 rgb(187,230,209)
```
#bbe6d5
```
#bbe6d5 rgb(187,230,213)
```
#bbe6d8
```
#bbe6d8 rgb(187,230,216)
```
#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#bbe6e0
```
#bbe6e0 rgb(187,230,224)
```
#bbe6e3
```
#bbe6e3 rgb(187,230,227)
```
#bbe5e6
```
#bbe5e6 rgb(187,229,230)
```

Similar Colors

Text with hexadecimal color #bbe6dc

This text has a font color of #bbe6dc.

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

#bbe6dc background color

This paragraph has a background color of #bbe6dc.

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

#bbe6dc border color

This element has a border color of #bbe6dc.

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

CSS codes

.text {color:#bbe6dc;}

.background {background-color:#bbe6dc;}

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

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

#010403
```
#010403 rgb(1,4,3)
```
#07120f
```
#07120f rgb(7,18,15)
```
#0c201c
```
#0c201c rgb(12,32,28)
```
#112f28
```
#112f28 rgb(17,47,40)
```
#163d34
```
#163d34 rgb(22,61,52)
```
#1c4b40
```
#1c4b40 rgb(28,75,64)
```
#215a4d
```
#215a4d rgb(33,90,77)
```
#266859
```
#266859 rgb(38,104,89)
```
#2c7665
```
#2c7665 rgb(44,118,101)
```
#318571
```
#318571 rgb(49,133,113)
```
#36937d
```
#36937d rgb(54,147,125)
```
#3ba18a
```
#3ba18a rgb(59,161,138)
```
#41b096
```
#41b096 rgb(65,176,150)
```

Shade Color Variation

#48bca1
```
#48bca1 rgb(72,188,161)
```
#57c1a8
```
#57c1a8 rgb(87,193,168)
```
#65c6b0
```
#65c6b0 rgb(101,198,176)
```
#73ccb7
```
#73ccb7 rgb(115,204,183)
```
#82d1be
```
#82d1be rgb(130,209,190)
```
#90d6c6
```
#90d6c6 rgb(144,214,198)
```
#9edbcd
```
#9edbcd rgb(158,219,205)
```
#ade1d5
```
#ade1d5 rgb(173,225,213)
```
#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#c9ebe3
```
#c9ebe3 rgb(201,235,227)
```
#d8f1eb
```
#d8f1eb rgb(216,241,235)
```
#e6f6f2
```
#e6f6f2 rgb(230,246,242)
```
#f4fbfa
```
#f4fbfa rgb(244,251,250)
```

Tint Color Variation

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

#d0d1d1
```
#d0d1d1 rgb(208,209,209)
```
#cdd4d2
```
#cdd4d2 rgb(205,212,210)
```
#c9d8d4
```
#c9d8d4 rgb(201,216,212)
```
#c6dbd6
```
#c6dbd6 rgb(198,219,214)
```
#c2dfd8
```
#c2dfd8 rgb(194,223,216)
```
#bfe2da
```
#bfe2da rgb(191,226,218)
```
#bbe6dc
```
#bbe6dc rgb(187,230,220)
```
#b7eade
```
#b7eade rgb(183,234,222)
```
#b4ede0
```
#b4ede0 rgb(180,237,224)
```
#b0f1e2
```
#b0f1e2 rgb(176,241,226)
```
#adf4e4
```
#adf4e4 rgb(173,244,228)
```
#a9f8e6
```
#a9f8e6 rgb(169,248,230)
```
#a6fbe7
```
#a6fbe7 rgb(166,251,231)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d2dbd9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3ddd8 Protanopia 1% of men
#f1d8e2 Deuteranopia 1% of men
#c3e3f4 Tritanopia 0.001% of the population

Trichromacy

#d5e0da Protanomaly 1% of men, 0.01% of women
#dddde0 Deuteranomaly 6% of men, 0.4% of women
#c0e4eb Tritanomaly 0.01% of the population

#bbe6dc hex color

#bbe6dc Color Information

#bbe6dc Color Conversion

Color Schemes with #bbe6dc

Alternatives to #bbe6dc

#bbe6dc Preview

Shades and Tints of #bbe6dc

Tones of #bbe6dc

Color Blindness Simulator