#bbf8cc hex color

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

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

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

The hexadecimal color #bbf8cc has RGB values of R:187, G:248, B:204 and CMYK values of C:0.25, M:0, Y:0.18, K:0.03. Its decimal value is 12318924.

Hex triplet	bbf8cc	`#bbf8cc`
RGB Decimal	187, 248, 204	`rgb(187,248,204)`
RGB Percent	73.3, 97.3, 80	`rgb(73.3%,97.3%,80%)`
CMYK	25, 0, 18, 3
HSL	136.7°, 81.3, 85.3	`hsl(136.7,81.3%,85.3%)`
HSV (or HSB)	136.7°, 24.6, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.6, -27.685, 15.007
XYZ	64.957, 82.057, 69.54
xyY	0.3, 0.379, 82.057
CIE-LCH	92.6, 31.491, 151.54
CIE-LUV	92.6, -30.253, 27.153
Hunter-Lab	90.585, -30.526, 17.895
Binary	10111011, 11111000, 11001100

#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#f8bbe7
```
#f8bbe7 rgb(248,187,231)
```

Complementary Color

#c9f8bb
```
#c9f8bb rgb(201,248,187)
```
#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#bbf8eb
```
#bbf8eb rgb(187,248,235)
```

Analogous Color

#f8bbc9
```
#f8bbc9 rgb(248,187,201)
```
#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#ebbbf8
```
#ebbbf8 rgb(235,187,248)
```

Split Complementary Color

#f8ccbb
```
#f8ccbb rgb(248,204,187)
```
#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#ccbbf8
```
#ccbbf8 rgb(204,187,248)
```

Triadic Color

#e7f8bb
```
#e7f8bb rgb(231,248,187)
```
#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#ccbbf8
```
#ccbbf8 rgb(204,187,248)
```
#f8bbe7
```
#f8bbe7 rgb(248,187,231)
```

Tetradic Color

#76f198
```
#76f198 rgb(118,241,152)
```
#8df3a9
```
#8df3a9 rgb(141,243,169)
```
#a4f6bb
```
#a4f6bb rgb(164,246,187)
```
#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#d2fadd
```
#d2fadd rgb(210,250,221)
```
#e9fdef
```
#e9fdef rgb(233,253,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbf8bd
```
#bbf8bd rgb(187,248,189)
```
#bbf8c2
```
#bbf8c2 rgb(187,248,194)
```
#bbf8c7
```
#bbf8c7 rgb(187,248,199)
```
#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#bbf8d1
```
#bbf8d1 rgb(187,248,209)
```
#bbf8d6
```
#bbf8d6 rgb(187,248,214)
```
#bbf8db
```
#bbf8db rgb(187,248,219)
```

Similar Colors

Text with hexadecimal color #bbf8cc

This text has a font color of #bbf8cc.

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

#bbf8cc background color

This paragraph has a background color of #bbf8cc.

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

#bbf8cc border color

This element has a border color of #bbf8cc.

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

CSS codes

.text {color:#bbf8cc;}

.background {background-color:#bbf8cc;}

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

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

#000301
```
#000301 rgb(0,3,1)
```
#021507
```
#021507 rgb(2,21,7)
```
#04270e
```
#04270e rgb(4,39,14)
```
#063814
```
#063814 rgb(6,56,20)
```
#084a1a
```
#084a1a rgb(8,74,26)
```
#095c20
```
#095c20 rgb(9,92,32)
```
#0b6e27
```
#0b6e27 rgb(11,110,39)
```
#0d802d
```
#0d802d rgb(13,128,45)
```
#0f9133
```
#0f9133 rgb(15,145,51)
```
#11a33a
```
#11a33a rgb(17,163,58)
```
#13b540
```
#13b540 rgb(19,181,64)
```
#14c746
```
#14c746 rgb(20,199,70)
```
#16d94c
```
#16d94c rgb(22,217,76)
```

Shade Color Variation

#1be854
```
#1be854 rgb(27,232,84)
```
#2de961
```
#2de961 rgb(45,233,97)
```
#3feb6f
```
#3feb6f rgb(63,235,111)
```
#50ed7c
```
#50ed7c rgb(80,237,124)
```
#62ef89
```
#62ef89 rgb(98,239,137)
```
#74f197
```
#74f197 rgb(116,241,151)
```
#86f3a4
```
#86f3a4 rgb(134,243,164)
```
#97f4b1
```
#97f4b1 rgb(151,244,177)
```
#a9f6bf
```
#a9f6bf rgb(169,246,191)
```
#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#cdfad9
```
#cdfad9 rgb(205,250,217)
```
#dffce7
```
#dffce7 rgb(223,252,231)
```
#f0fdf4
```
#f0fdf4 rgb(240,253,244)
```

Tint Color Variation

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

#d8dbd9
```
#d8dbd9 rgb(216,219,217)
```
#d5ded7
```
#d5ded7 rgb(213,222,215)
```
#d2e1d6
```
#d2e1d6 rgb(210,225,214)
```
#cfe4d5
```
#cfe4d5 rgb(207,228,213)
```
#cce7d4
```
#cce7d4 rgb(204,231,212)
```
#c9ead2
```
#c9ead2 rgb(201,234,210)
```
#c7ecd1
```
#c7ecd1 rgb(199,236,209)
```
#c4efd0
```
#c4efd0 rgb(196,239,208)
```
#c1f2cf
```
#c1f2cf rgb(193,242,207)
```
#bef5cd
```
#bef5cd rgb(190,245,205)
```
#bbf8cc
```
#bbf8cc rgb(187,248,204)
```
#b8fbcb
```
#b8fbcb rgb(184,251,203)
```
#b5fec9
```
#b5fec9 rgb(181,254,201)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#d9e6dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6eac8 Protanopia 1% of men
#ffe5dd Deuteranopia 1% of men
#cff0ff Tritanopia 0.001% of the population

Trichromacy

#e1efc9 Protanomaly 1% of men, 0.01% of women
#e6ecd6 Deuteranomaly 6% of men, 0.4% of women
#c8f2ec Tritanomaly 0.01% of the population

#bbf8cc hex color

#bbf8cc Color Information

#bbf8cc Color Conversion

Color Schemes with #bbf8cc

Alternatives to #bbf8cc

#bbf8cc Preview

Shades and Tints of #bbf8cc

Tones of #bbf8cc

Color Blindness Simulator