#bbf3d4 hex color

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

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

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

The hexadecimal color #bbf3d4 has RGB values of R:187, G:243, B:212 and CMYK values of C:0.23, M:0, Y:0.13, K:0.05. Its decimal value is 12317652.

Hex triplet	bbf3d4	`#bbf3d4`
RGB Decimal	187, 243, 212	`rgb(187,243,212)`
RGB Percent	73.3, 95.3, 83.1	`rgb(73.3%,95.3%,83.1%)`
CMYK	23, 0, 13, 5
HSL	146.8°, 70, 84.3	`hsl(146.8,70%,84.3%)`
HSV (or HSB)	146.8°, 23, 95.3
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	91.423, -23.817, 9.198
XYZ	64.425, 79.418, 74.218
xyY	0.295, 0.364, 79.418
CIE-LCH	91.423, 25.531, 158.884
CIE-LUV	91.423, -27.958, 18.005
Hunter-Lab	89.117, -26.911, 13.003
Binary	10111011, 11110011, 11010100

#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#f3bbda
```
#f3bbda rgb(243,187,218)
```

Complementary Color

#bef3bb
```
#bef3bb rgb(190,243,187)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#bbf3f0
```
#bbf3f0 rgb(187,243,240)
```

Analogous Color

#f3bbbe
```
#f3bbbe rgb(243,187,190)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#f0bbf3
```
#f0bbf3 rgb(240,187,243)
```

Split Complementary Color

#f3d4bb
```
#f3d4bb rgb(243,212,187)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#d4bbf3
```
#d4bbf3 rgb(212,187,243)
```

Triadic Color

#daf3bb
```
#daf3bb rgb(218,243,187)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#d4bbf3
```
#d4bbf3 rgb(212,187,243)
```
#f3bbda
```
#f3bbda rgb(243,187,218)
```

Tetradic Color

#7ae8ab
```
#7ae8ab rgb(122,232,171)
```
#90ebb9
```
#90ebb9 rgb(144,235,185)
```
#a5efc6
```
#a5efc6 rgb(165,239,198)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#d1f7e2
```
#d1f7e2 rgb(209,247,226)
```
#e6fbef
```
#e6fbef rgb(230,251,239)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Monochromatic Color

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

#bbf3c6
```
#bbf3c6 rgb(187,243,198)
```
#bbf3cb
```
#bbf3cb rgb(187,243,203)
```
#bbf3cf
```
#bbf3cf rgb(187,243,207)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#bbf3d9
```
#bbf3d9 rgb(187,243,217)
```
#bbf3dd
```
#bbf3dd rgb(187,243,221)
```
#bbf3e2
```
#bbf3e2 rgb(187,243,226)
```

Similar Colors

Text with hexadecimal color #bbf3d4

This text has a font color of #bbf3d4.

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

#bbf3d4 background color

This paragraph has a background color of #bbf3d4.

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

#bbf3d4 border color

This element has a border color of #bbf3d4.

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

CSS codes

.text {color:#bbf3d4;}

.background {background-color:#bbf3d4;}

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

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

#030f08
```
#030f08 rgb(3,15,8)
```
#062011
```
#062011 rgb(6,32,17)
```
#09311b
```
#09311b rgb(9,49,27)
```
#0c4124
```
#0c4124 rgb(12,65,36)
```
#0e522d
```
#0e522d rgb(14,82,45)
```
#116336
```
#116336 rgb(17,99,54)
```
#14733f
```
#14733f rgb(20,115,63)
```
#178448
```
#178448 rgb(23,132,72)
```
#1a9551
```
#1a9551 rgb(26,149,81)
```
#1da55a
```
#1da55a rgb(29,165,90)
```
#20b663
```
#20b663 rgb(32,182,99)
```
#23c76c
```
#23c76c rgb(35,199,108)
```
#26d775
```
#26d775 rgb(38,215,117)
```

Shade Color Variation

#36db80
```
#36db80 rgb(54,219,128)
```
#46de8a
```
#46de8a rgb(70,222,138)
```
#57e195
```
#57e195 rgb(87,225,149)
```
#68e49f
```
#68e49f rgb(104,228,159)
```
#78e7aa
```
#78e7aa rgb(120,231,170)
```
#89eab4
```
#89eab4 rgb(137,234,180)
```
#9aedbf
```
#9aedbf rgb(154,237,191)
```
#aaf0c9
```
#aaf0c9 rgb(170,240,201)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#ccf6df
```
#ccf6df rgb(204,246,223)
```
#dcf9e9
```
#dcf9e9 rgb(220,249,233)
```
#edfcf4
```
#edfcf4 rgb(237,252,244)
```
#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 #b2fcd3 is the most saturated one.

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4dad7
```
#d4dad7 rgb(212,218,215)
```
#d1ddd6
```
#d1ddd6 rgb(209,221,214)
```
#cde1d6
```
#cde1d6 rgb(205,225,214)
```
#cae4d6
```
#cae4d6 rgb(202,228,214)
```
#c7e7d5
```
#c7e7d5 rgb(199,231,213)
```
#c4ead5
```
#c4ead5 rgb(196,234,213)
```
#c1edd5
```
#c1edd5 rgb(193,237,213)
```
#bef0d4
```
#bef0d4 rgb(190,240,212)
```
#bbf3d4
```
#bbf3d4 rgb(187,243,212)
```
#b8f6d4
```
#b8f6d4 rgb(184,246,212)
```
#b5f9d3
```
#b5f9d3 rgb(181,249,211)
```
#b2fcd3
```
#b2fcd3 rgb(178,252,211)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#d8e3dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1e6d0 Protanopia 1% of men
#ffe1dd Deuteranopia 1% of men
#c7edfe Tritanopia 0.001% of the population

Trichromacy

#ddebd1 Protanomaly 1% of men, 0.01% of women
#e6e7da Deuteranomaly 6% of men, 0.4% of women
#c3efef Tritanomaly 0.01% of the population

#bbf3d4 hex color

#bbf3d4 Color Information

#bbf3d4 Color Conversion

Color Schemes with #bbf3d4

Alternatives to #bbf3d4

#bbf3d4 Preview

Shades and Tints of #bbf3d4

Tones of #bbf3d4

Color Blindness Simulator