colorhexa.com

#bbf8d4 hex color

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

- R 73
- G 97
- B 83
RGB color chart
- C 25
- M 0
- Y 15
- K 3
CMYK color chart

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

The hexadecimal color #bbf8d4 has RGB values of R:187, G:248, B:212 and CMYK values of C:0.25, M:0, Y:0.15, K:0.03. Its decimal value is 12318932.

Hex triplet	bbf8d4	`#bbf8d4`
RGB Decimal	187, 248, 212	`rgb(187,248,212)`
RGB Percent	73.3, 97.3, 83.1	`rgb(73.3%,97.3%,83.1%)`
CMYK	25, 0, 15, 3
HSL	144.6°, 81.3, 85.3	`hsl(144.6,81.3%,85.3%)`
HSV (or HSB)	144.6°, 24.6, 97.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	92.774, -26.219, 11.128
XYZ	65.941, 82.451, 74.724
xyY	0.296, 0.37, 82.451
CIE-LCH	92.774, 28.483, 157.003
CIE-LUV	92.774, -30.262, 21.3
Hunter-Lab	90.803, -29.276, 14.77
Binary	10111011, 11111000, 11010100

#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#f8bbdf
```
#f8bbdf rgb(248,187,223)
```

Complementary Color

#c1f8bb
```
#c1f8bb rgb(193,248,187)
```
#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#bbf8f3
```
#bbf8f3 rgb(187,248,243)
```

Analogous Color

#f8bbc1
```
#f8bbc1 rgb(248,187,193)
```
#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#f3bbf8
```
#f3bbf8 rgb(243,187,248)
```

Split Complementary Color

#f8d4bb
```
#f8d4bb rgb(248,212,187)
```
#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#d4bbf8
```
#d4bbf8 rgb(212,187,248)
```

Triadic Color

#dff8bb
```
#dff8bb rgb(223,248,187)
```
#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#d4bbf8
```
#d4bbf8 rgb(212,187,248)
```
#f8bbdf
```
#f8bbdf rgb(248,187,223)
```

Tetradic Color

#76f1a8
```
#76f1a8 rgb(118,241,168)
```
#8df3b7
```
#8df3b7 rgb(141,243,183)
```
#a4f6c5
```
#a4f6c5 rgb(164,246,197)
```
#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#d2fae3
```
#d2fae3 rgb(210,250,227)
```
#e9fdf1
```
#e9fdf1 rgb(233,253,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbf8c5
```
#bbf8c5 rgb(187,248,197)
```
#bbf8ca
```
#bbf8ca rgb(187,248,202)
```
#bbf8cf
```
#bbf8cf rgb(187,248,207)
```
#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#bbf8d9
```
#bbf8d9 rgb(187,248,217)
```
#bbf8de
```
#bbf8de rgb(187,248,222)
```
#bbf8e3
```
#bbf8e3 rgb(187,248,227)
```

Similar Colors

Text with hexadecimal color #bbf8d4

This text has a font color of #bbf8d4.

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

#bbf8d4 background color

This paragraph has a background color of #bbf8d4.

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

#bbf8d4 border color

This element has a border color of #bbf8d4.

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

CSS codes

.text {color:#bbf8d4;}

.background {background-color:#bbf8d4;}

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

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

#000301
```
#000301 rgb(0,3,1)
```
#02150a
```
#02150a rgb(2,21,10)
```
#042712
```
#042712 rgb(4,39,18)
```
#06381b
```
#06381b rgb(6,56,27)
```
#084a23
```
#084a23 rgb(8,74,35)
```
#095c2b
```
#095c2b rgb(9,92,43)
```
#0b6e34
```
#0b6e34 rgb(11,110,52)
```
#0d803c
```
#0d803c rgb(13,128,60)
```
#0f9144
```
#0f9144 rgb(15,145,68)
```
#11a34d
```
#11a34d rgb(17,163,77)
```
#13b555
```
#13b555 rgb(19,181,85)
```
#14c75e
```
#14c75e rgb(20,199,94)
```
#16d966
```
#16d966 rgb(22,217,102)
```

Shade Color Variation

#1be86f
```
#1be86f rgb(27,232,111)
```
#2de97a
```
#2de97a rgb(45,233,122)
```
#3feb85
```
#3feb85 rgb(63,235,133)
```
#50ed91
```
#50ed91 rgb(80,237,145)
```
#62ef9c
```
#62ef9c rgb(98,239,156)
```
#74f1a7
```
#74f1a7 rgb(116,241,167)
```
#86f3b2
```
#86f3b2 rgb(134,243,178)
```
#97f4be
```
#97f4be rgb(151,244,190)
```
#a9f6c9
```
#a9f6c9 rgb(169,246,201)
```
#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#cdfadf
```
#cdfadf rgb(205,250,223)
```
#dffcea
```
#dffcea rgb(223,252,234)
```
#f0fdf6
```
#f0fdf6 rgb(240,253,246)
```

Tint Color Variation

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

#d8dbd9
```
#d8dbd9 rgb(216,219,217)
```
#d5ded9
```
#d5ded9 rgb(213,222,217)
```
#d2e1d8
```
#d2e1d8 rgb(210,225,216)
```
#cfe4d8
```
#cfe4d8 rgb(207,228,216)
```
#cce7d7
```
#cce7d7 rgb(204,231,215)
```
#c9ead7
```
#c9ead7 rgb(201,234,215)
```
#c7ecd6
```
#c7ecd6 rgb(199,236,214)
```
#c4efd6
```
#c4efd6 rgb(196,239,214)
```
#c1f2d5
```
#c1f2d5 rgb(193,242,213)
```
#bef5d5
```
#bef5d5 rgb(190,245,213)
```
#bbf8d4
```
#bbf8d4 rgb(187,248,212)
```
#b8fbd3
```
#b8fbd3 rgb(184,251,211)
```
#b5fed3
```
#b5fed3 rgb(181,254,211)
```

Tone Color Variation

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

Dichromacy

#f5eacf Protanopia 1% of men
#ffe5e1 Deuteranopia 1% of men
#cff0ff Tritanopia 0.001% of the population

Trichromacy

#e0efd1 Protanomaly 1% of men, 0.01% of women
#e6ecdc Deuteranomaly 6% of men, 0.4% of women
#c8f3ef Tritanomaly 0.01% of the population