#bbf3dd hex color

In a RGB color space, hex #bbf3dd is composed of 73.3% red, 95.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 0% magenta, 9.1% yellow and 4.7% black. It has a hue angle of 156.4 degrees, a saturation of 70% and a lightness of 84.3%. #bbf3dd color hex could be obtained by blending #ffffff with #77e7bb. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 95
- B 87
RGB color chart
- C 23
- M 0
- Y 9
- K 5
CMYK color chart

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

The hexadecimal color #bbf3dd has RGB values of R:187, G:243, B:221 and CMYK values of C:0.23, M:0, Y:0.09, K:0.05. Its decimal value is 12317661.

Hex triplet	bbf3dd	`#bbf3dd`
RGB Decimal	187, 243, 221	`rgb(187,243,221)`
RGB Percent	73.3, 95.3, 86.7	`rgb(73.3%,95.3%,86.7%)`
CMYK	23, 0, 9, 5
HSL	156.4°, 70, 84.3	`hsl(156.4,70%,84.3%)`
HSV (or HSB)	156.4°, 23, 95.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.633, -22.086, 4.829
XYZ	65.592, 79.884, 80.366
xyY	0.29, 0.354, 79.884
CIE-LCH	91.633, 22.608, 167.667
CIE-LUV	91.633, -27.999, 11.188
Hunter-Lab	89.378, -25.416, 9.253
Binary	10111011, 11110011, 11011101

#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#f3bbd1
```
#f3bbd1 rgb(243,187,209)
```

Complementary Color

#bbf3c1
```
#bbf3c1 rgb(187,243,193)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#bbedf3
```
#bbedf3 rgb(187,237,243)
```

Analogous Color

#f3c1bb
```
#f3c1bb rgb(243,193,187)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#f3bbed
```
#f3bbed rgb(243,187,237)
```

Split Complementary Color

#f3ddbb
```
#f3ddbb rgb(243,221,187)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#ddbbf3
```
#ddbbf3 rgb(221,187,243)
```

Triadic Color

#d1f3bb
```
#d1f3bb rgb(209,243,187)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#ddbbf3
```
#ddbbf3 rgb(221,187,243)
```
#f3bbd1
```
#f3bbd1 rgb(243,187,209)
```

Tetradic Color

#7ae8bc
```
#7ae8bc rgb(122,232,188)
```
#90ebc7
```
#90ebc7 rgb(144,235,199)
```
#a5efd2
```
#a5efd2 rgb(165,239,210)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#d1f7e8
```
#d1f7e8 rgb(209,247,232)
```
#e6fbf3
```
#e6fbf3 rgb(230,251,243)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Monochromatic Color

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

#bbf3cf
```
#bbf3cf rgb(187,243,207)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#bbf3d8
```
#bbf3d8 rgb(187,243,216)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#bbf3e2
```
#bbf3e2 rgb(187,243,226)
```
#bbf3e6
```
#bbf3e6 rgb(187,243,230)
```
#bbf3eb
```
#bbf3eb rgb(187,243,235)
```

Similar Colors

Text with hexadecimal color #bbf3dd

This text has a font color of #bbf3dd.

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

#bbf3dd background color

This paragraph has a background color of #bbf3dd.

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

#bbf3dd border color

This element has a border color of #bbf3dd.

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

CSS codes

.text {color:#bbf3dd;}

.background {background-color:#bbf3dd;}

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

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, #030f0a is the darkest color, while #fefffe is the lightest one.

#030f0a
```
#030f0a rgb(3,15,10)
```
#062016
```
#062016 rgb(6,32,22)
```
#093121
```
#093121 rgb(9,49,33)
```
#0c412c
```
#0c412c rgb(12,65,44)
```
#0e5238
```
#0e5238 rgb(14,82,56)
```
#116343
```
#116343 rgb(17,99,67)
```
#14734e
```
#14734e rgb(20,115,78)
```
#178459
```
#178459 rgb(23,132,89)
```
#1a9565
```
#1a9565 rgb(26,149,101)
```
#1da570
```
#1da570 rgb(29,165,112)
```
#20b67b
```
#20b67b rgb(32,182,123)
```
#23c786
```
#23c786 rgb(35,199,134)
```
#26d792
```
#26d792 rgb(38,215,146)
```

Shade Color Variation

#36db9a
```
#36db9a rgb(54,219,154)
```
#46dea3
```
#46dea3 rgb(70,222,163)
```
#57e1ab
```
#57e1ab rgb(87,225,171)
```
#68e4b3
```
#68e4b3 rgb(104,228,179)
```
#78e7bc
```
#78e7bc rgb(120,231,188)
```
#89eac4
```
#89eac4 rgb(137,234,196)
```
#9aedcc
```
#9aedcc rgb(154,237,204)
```
#aaf0d5
```
#aaf0d5 rgb(170,240,213)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#ccf6e5
```
#ccf6e5 rgb(204,246,229)
```
#dcf9ee
```
#dcf9ee rgb(220,249,238)
```
#edfcf6
```
#edfcf6 rgb(237,252,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4dad8
```
#d4dad8 rgb(212,218,216)
```
#d1ddd8
```
#d1ddd8 rgb(209,221,216)
```
#cde1d9
```
#cde1d9 rgb(205,225,217)
```
#cae4da
```
#cae4da rgb(202,228,218)
```
#c7e7da
```
#c7e7da rgb(199,231,218)
```
#c4eadb
```
#c4eadb rgb(196,234,219)
```
#c1eddc
```
#c1eddc rgb(193,237,220)
```
#bef0dc
```
#bef0dc rgb(190,240,220)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#b8f6de
```
#b8f6de rgb(184,246,222)
```
#b5f9de
```
#b5f9de rgb(181,249,222)
```
#b2fcdf
```
#b2fcdf rgb(178,252,223)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#d9e4df Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe7d8 Protanopia 1% of men
#fee1e4 Deuteranopia 1% of men
#c7eeff Tritanopia 0.001% of the population

Trichromacy

#dcebda Protanomaly 1% of men, 0.01% of women
#e6e7e2 Deuteranomaly 6% of men, 0.4% of women
#c3f0f2 Tritanomaly 0.01% of the population

#bbf3dd hex color

#bbf3dd Color Information

#bbf3dd Color Conversion

Color Schemes with #bbf3dd

Alternatives to #bbf3dd

#bbf3dd Preview

Shades and Tints of #bbf3dd

Tones of #bbf3dd

Color Blindness Simulator