#bbf1d8 hex color

In a RGB color space, hex #bbf1d8 is composed of 73.3% red, 94.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 0% magenta, 10.4% yellow and 5.5% black. It has a hue angle of 152.2 degrees, a saturation of 65.9% and a lightness of 83.9%. #bbf1d8 color hex could be obtained by blending #ffffff with #77e3b1. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 73
- G 95
- B 85
RGB color chart
- C 22
- M 0
- Y 10
- K 5
CMYK color chart

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

The hexadecimal color #bbf1d8 has RGB values of R:187, G:241, B:216 and CMYK values of C:0.22, M:0, Y:0.1, K:0.05. Its decimal value is 12317144.

Hex triplet	bbf1d8	`#bbf1d8`
RGB Decimal	187, 241, 216	`rgb(187,241,216)`
RGB Percent	73.3, 94.5, 84.7	`rgb(73.3%,94.5%,84.7%)`
CMYK	22, 0, 10, 5
HSL	152.2°, 65.9, 83.9	`hsl(152.2,65.9%,83.9%)`
HSV (or HSB)	152.2°, 22.4, 94.5
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	90.976, -22.084, 6.479
XYZ	64.34, 78.431, 76.711
xyY	0.293, 0.357, 78.431
CIE-LCH	90.976, 23.015, 163.649
CIE-LUV	90.976, -27.056, 13.658
Hunter-Lab	88.561, -25.301, 10.637
Binary	10111011, 11110001, 11011000

#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#f1bbd4
```
#f1bbd4 rgb(241,187,212)
```

Complementary Color

#bbf1bd
```
#bbf1bd rgb(187,241,189)
```
#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#bbeff1
```
#bbeff1 rgb(187,239,241)
```

Analogous Color

#f1bdbb
```
#f1bdbb rgb(241,189,187)
```
#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#f1bbef
```
#f1bbef rgb(241,187,239)
```

Split Complementary Color

#f1d8bb
```
#f1d8bb rgb(241,216,187)
```
#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#d8bbf1
```
#d8bbf1 rgb(216,187,241)
```

Triadic Color

#d4f1bb
```
#d4f1bb rgb(212,241,187)
```
#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#d8bbf1
```
#d8bbf1 rgb(216,187,241)
```
#f1bbd4
```
#f1bbd4 rgb(241,187,212)
```

Tetradic Color

#7ce4b4
```
#7ce4b4 rgb(124,228,180)
```
#91e8c0
```
#91e8c0 rgb(145,232,192)
```
#a6edcc
```
#a6edcc rgb(166,237,204)
```
#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#d0f5e4
```
#d0f5e4 rgb(208,245,228)
```
#e5faf0
```
#e5faf0 rgb(229,250,240)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Monochromatic Color

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

#bbf1cb
```
#bbf1cb rgb(187,241,203)
```
#bbf1cf
```
#bbf1cf rgb(187,241,207)
```
#bbf1d4
```
#bbf1d4 rgb(187,241,212)
```
#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#bbf1dd
```
#bbf1dd rgb(187,241,221)
```
#bbf1e1
```
#bbf1e1 rgb(187,241,225)
```
#bbf1e6
```
#bbf1e6 rgb(187,241,230)
```

Similar Colors

Text with hexadecimal color #bbf1d8

This text has a font color of #bbf1d8.

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

#bbf1d8 background color

This paragraph has a background color of #bbf1d8.

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

#bbf1d8 border color

This element has a border color of #bbf1d8.

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

CSS codes

.text {color:#bbf1d8;}

.background {background-color:#bbf1d8;}

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

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

#030d08
```
#030d08 rgb(3,13,8)
```
#061e13
```
#061e13 rgb(6,30,19)
```
#092e1d
```
#092e1d rgb(9,46,29)
```
#0d3e27
```
#0d3e27 rgb(13,62,39)
```
#104e32
```
#104e32 rgb(16,78,50)
```
#135f3c
```
#135f3c rgb(19,95,60)
```
#176f46
```
#176f46 rgb(23,111,70)
```
#1a7f50
```
#1a7f50 rgb(26,127,80)
```
#1e8f5b
```
#1e8f5b rgb(30,143,91)
```
#21a065
```
#21a065 rgb(33,160,101)
```
#24b06f
```
#24b06f rgb(36,176,111)
```
#28c07a
```
#28c07a rgb(40,192,122)
```
#2bd184
```
#2bd184 rgb(43,209,132)
```

Shade Color Variation

#39d68d
```
#39d68d rgb(57,214,141)
```
#49da97
```
#49da97 rgb(73,218,151)
```
#59dda0
```
#59dda0 rgb(89,221,160)
```
#6ae0a9
```
#6ae0a9 rgb(106,224,169)
```
#7ae4b3
```
#7ae4b3 rgb(122,228,179)
```
#8ae7bc
```
#8ae7bc rgb(138,231,188)
```
#9aeac5
```
#9aeac5 rgb(154,234,197)
```
#abeecf
```
#abeecf rgb(171,238,207)
```
#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#cbf4e1
```
#cbf4e1 rgb(203,244,225)
```
#dcf8eb
```
#dcf8eb rgb(220,248,235)
```
#ecfbf4
```
#ecfbf4 rgb(236,251,244)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#d4d8d6
```
#d4d8d6 rgb(212,216,214)
```
#d1dbd6
```
#d1dbd6 rgb(209,219,214)
```
#ceded7
```
#ceded7 rgb(206,222,215)
```
#cbe1d7
```
#cbe1d7 rgb(203,225,215)
```
#c8e4d7
```
#c8e4d7 rgb(200,228,215)
```
#c4e8d7
```
#c4e8d7 rgb(196,232,215)
```
#c1ebd8
```
#c1ebd8 rgb(193,235,216)
```
#beeed8
```
#beeed8 rgb(190,238,216)
```
#bbf1d8
```
#bbf1d8 rgb(187,241,216)
```
#b8f4d8
```
#b8f4d8 rgb(184,244,216)
```
#b5f7d8
```
#b5f7d8 rgb(181,247,216)
```
#b2fad9
```
#b2fad9 rgb(178,250,217)
```
#aefed9
```
#aefed9 rgb(174,254,217)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d7e2dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee5d4 Protanopia 1% of men
#fedfe0 Deuteranopia 1% of men
#c6ecfd Tritanopia 0.001% of the population

Trichromacy

#dbe9d5 Protanomaly 1% of men, 0.01% of women
#e5e5dd Deuteranomaly 6% of men, 0.4% of women
#c2eeef Tritanomaly 0.01% of the population

#bbf1d8 hex color

#bbf1d8 Color Information

#bbf1d8 Color Conversion

Color Schemes with #bbf1d8

Alternatives to #bbf1d8

#bbf1d8 Preview

Shades and Tints of #bbf1d8

Tones of #bbf1d8

Color Blindness Simulator