#bbf8d8 hex color

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

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

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

The hexadecimal color #bbf8d8 has RGB values of R:187, G:248, B:216 and CMYK values of C:0.25, M:0, Y:0.13, K:0.03. Its decimal value is 12318936.

Hex triplet	bbf8d8	`#bbf8d8`
RGB Decimal	187, 248, 216	`rgb(187,248,216)`
RGB Percent	73.3, 97.3, 84.7	`rgb(73.3%,97.3%,84.7%)`
CMYK	25, 0, 13, 3
HSL	148.5°, 81.3, 85.3	`hsl(148.5,81.3%,85.3%)`
HSV (or HSB)	148.5°, 24.6, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.863, -25.466, 9.19
XYZ	66.452, 82.655, 77.415
xyY	0.293, 0.365, 82.655
CIE-LCH	92.863, 27.073, 160.157
CIE-LUV	92.863, -30.266, 18.322
Hunter-Lab	90.915, -28.63, 13.155
Binary	10111011, 11111000, 11011000

#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#f8bbdb
```
#f8bbdb rgb(248,187,219)
```

Complementary Color

#bdf8bb
```
#bdf8bb rgb(189,248,187)
```
#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#bbf8f7
```
#bbf8f7 rgb(187,248,247)
```

Analogous Color

#f8bbbd
```
#f8bbbd rgb(248,187,189)
```
#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#f7bbf8
```
#f7bbf8 rgb(247,187,248)
```

Split Complementary Color

#f8d8bb
```
#f8d8bb rgb(248,216,187)
```
#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#d8bbf8
```
#d8bbf8 rgb(216,187,248)
```

Triadic Color

#dbf8bb
```
#dbf8bb rgb(219,248,187)
```
#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#d8bbf8
```
#d8bbf8 rgb(216,187,248)
```
#f8bbdb
```
#f8bbdb rgb(248,187,219)
```

Tetradic Color

#76f1b0
```
#76f1b0 rgb(118,241,176)
```
#8df3bd
```
#8df3bd rgb(141,243,189)
```
#a4f6cb
```
#a4f6cb rgb(164,246,203)
```
#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#d2fae5
```
#d2fae5 rgb(210,250,229)
```
#e9fdf3
```
#e9fdf3 rgb(233,253,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbf8c9
```
#bbf8c9 rgb(187,248,201)
```
#bbf8ce
```
#bbf8ce rgb(187,248,206)
```
#bbf8d3
```
#bbf8d3 rgb(187,248,211)
```
#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#bbf8dd
```
#bbf8dd rgb(187,248,221)
```
#bbf8e2
```
#bbf8e2 rgb(187,248,226)
```
#bbf8e7
```
#bbf8e7 rgb(187,248,231)
```

Similar Colors

Text with hexadecimal color #bbf8d8

This text has a font color of #bbf8d8.

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

#bbf8d8 background color

This paragraph has a background color of #bbf8d8.

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

#bbf8d8 border color

This element has a border color of #bbf8d8.

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

CSS codes

.text {color:#bbf8d8;}

.background {background-color:#bbf8d8;}

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

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 #f0fdf7 is the lightest one.

#000302
```
#000302 rgb(0,3,2)
```
#02150b
```
#02150b rgb(2,21,11)
```
#042714
```
#042714 rgb(4,39,20)
```
#06381e
```
#06381e rgb(6,56,30)
```
#084a27
```
#084a27 rgb(8,74,39)
```
#095c31
```
#095c31 rgb(9,92,49)
```
#0b6e3a
```
#0b6e3a rgb(11,110,58)
```
#0d8044
```
#0d8044 rgb(13,128,68)
```
#0f914d
```
#0f914d rgb(15,145,77)
```
#11a356
```
#11a356 rgb(17,163,86)
```
#13b560
```
#13b560 rgb(19,181,96)
```
#14c769
```
#14c769 rgb(20,199,105)
```
#16d973
```
#16d973 rgb(22,217,115)
```

Shade Color Variation

#1be87c
```
#1be87c rgb(27,232,124)
```
#2de986
```
#2de986 rgb(45,233,134)
```
#3feb91
```
#3feb91 rgb(63,235,145)
```
#50ed9b
```
#50ed9b rgb(80,237,155)
```
#62efa5
```
#62efa5 rgb(98,239,165)
```
#74f1af
```
#74f1af rgb(116,241,175)
```
#86f3b9
```
#86f3b9 rgb(134,243,185)
```
#97f4c4
```
#97f4c4 rgb(151,244,196)
```
#a9f6ce
```
#a9f6ce rgb(169,246,206)
```
#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#cdfae2
```
#cdfae2 rgb(205,250,226)
```
#dffcec
```
#dffcec rgb(223,252,236)
```
#f0fdf7
```
#f0fdf7 rgb(240,253,247)
```

Tint Color Variation

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

#d8dbd9
```
#d8dbd9 rgb(216,219,217)
```
#d5ded9
```
#d5ded9 rgb(213,222,217)
```
#d2e1d9
```
#d2e1d9 rgb(210,225,217)
```
#cfe4d9
```
#cfe4d9 rgb(207,228,217)
```
#cce7d9
```
#cce7d9 rgb(204,231,217)
```
#c9ead9
```
#c9ead9 rgb(201,234,217)
```
#c7ecd9
```
#c7ecd9 rgb(199,236,217)
```
#c4efd8
```
#c4efd8 rgb(196,239,216)
```
#c1f2d8
```
#c1f2d8 rgb(193,242,216)
```
#bef5d8
```
#bef5d8 rgb(190,245,216)
```
#bbf8d8
```
#bbf8d8 rgb(187,248,216)
```
#b8fbd8
```
#b8fbd8 rgb(184,251,216)
```
#b5fed8
```
#b5fed8 rgb(181,254,216)
```

Tone Color Variation

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

Dichromacy

#f5ead3 Protanopia 1% of men
#ffe6e3 Deuteranopia 1% of men
#d0f0ff Tritanopia 0.001% of the population

Trichromacy

#e0efd5 Protanomaly 1% of men, 0.01% of women
#e6ecdf Deuteranomaly 6% of men, 0.4% of women
#c8f3f0 Tritanomaly 0.01% of the population

#bbf8d8 hex color

#bbf8d8 Color Information

#bbf8d8 Color Conversion

Color Schemes with #bbf8d8

Alternatives to #bbf8d8

#bbf8d8 Preview

Shades and Tints of #bbf8d8

Tones of #bbf8d8

Color Blindness Simulator