#bbdff3 hex color

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

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

● #bbdff3 color description : Very soft blue.

The hexadecimal color #bbdff3 has RGB values of R:187, G:223, B:243 and CMYK values of C:0.23, M:0.08, Y:0, K:0.05. Its decimal value is 12312563.

Hex triplet	bbdff3	`#bbdff3`
RGB Decimal	187, 223, 243	`rgb(187,223,243)`
RGB Percent	73.3, 87.5, 95.3	`rgb(73.3%,87.5%,95.3%)`
CMYK	23, 8, 0, 5
HSL	201.4°, 70, 84.3	`hsl(201.4,70%,84.3%)`
HSV (or HSB)	201.4°, 23, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.903, -7.471, -13.652
XYZ	63.055, 69.81, 94.941
xyY	0.277, 0.306, 69.81
CIE-LCH	86.903, 15.562, 241.31
CIE-LUV	86.903, -19.25, -20.29
Hunter-Lab	83.552, -11.506, -8.886
Binary	10111011, 11011111, 11110011

#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#f3cfbb
```
#f3cfbb rgb(243,207,187)
```

Complementary Color

#bbf3eb
```
#bbf3eb rgb(187,243,235)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#bbc3f3
```
#bbc3f3 rgb(187,195,243)
```

Analogous Color

#f3ebbb
```
#f3ebbb rgb(243,235,187)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#f3bbc3
```
#f3bbc3 rgb(243,187,195)
```

Split Complementary Color

#dff3bb
```
#dff3bb rgb(223,243,187)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#f3bbdf
```
#f3bbdf rgb(243,187,223)
```

Triadic Color

#bbf3cf
```
#bbf3cf rgb(187,243,207)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#f3bbdf
```
#f3bbdf rgb(243,187,223)
```
#f3cfbb
```
#f3cfbb rgb(243,207,187)
```

Tetradic Color

#7ac0e8
```
#7ac0e8 rgb(122,192,232)
```
#90cbeb
```
#90cbeb rgb(144,203,235)
```
#a5d5ef
```
#a5d5ef rgb(165,213,239)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#d1e9f7
```
#d1e9f7 rgb(209,233,247)
```
#e6f3fb
```
#e6f3fb rgb(230,243,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Monochromatic Color

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

#bbedf3
```
#bbedf3 rgb(187,237,243)
```
#bbe8f3
```
#bbe8f3 rgb(187,232,243)
```
#bbe4f3
```
#bbe4f3 rgb(187,228,243)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#bbdaf3
```
#bbdaf3 rgb(187,218,243)
```
#bbd6f3
```
#bbd6f3 rgb(187,214,243)
```
#bbd1f3
```
#bbd1f3 rgb(187,209,243)
```

Similar Colors

Text with hexadecimal color #bbdff3

This text has a font color of #bbdff3.

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

#bbdff3 background color

This paragraph has a background color of #bbdff3.

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

#bbdff3 border color

This element has a border color of #bbdff3.

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

CSS codes

.text {color:#bbdff3;}

.background {background-color:#bbdff3;}

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

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

#030b0f
```
#030b0f rgb(3,11,15)
```
#061720
```
#061720 rgb(6,23,32)
```
#092231
```
#092231 rgb(9,34,49)
```
#0c2e41
```
#0c2e41 rgb(12,46,65)
```
#0e3a52
```
#0e3a52 rgb(14,58,82)
```
#114663
```
#114663 rgb(17,70,99)
```
#145173
```
#145173 rgb(20,81,115)
```
#175d84
```
#175d84 rgb(23,93,132)
```
#1a6995
```
#1a6995 rgb(26,105,149)
```
#1d75a5
```
#1d75a5 rgb(29,117,165)
```
#2081b6
```
#2081b6 rgb(32,129,182)
```
#238cc7
```
#238cc7 rgb(35,140,199)
```
#2698d7
```
#2698d7 rgb(38,152,215)
```

Shade Color Variation

#36a0db
```
#36a0db rgb(54,160,219)
```
#46a8de
```
#46a8de rgb(70,168,222)
```
#57b0e1
```
#57b0e1 rgb(87,176,225)
```
#68b8e4
```
#68b8e4 rgb(104,184,228)
```
#78c0e7
```
#78c0e7 rgb(120,192,231)
```
#89c7ea
```
#89c7ea rgb(137,199,234)
```
#9acfed
```
#9acfed rgb(154,207,237)
```
#aad7f0
```
#aad7f0 rgb(170,215,240)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#cce7f6
```
#cce7f6 rgb(204,231,246)
```
#dceff9
```
#dceff9 rgb(220,239,249)
```
#edf7fc
```
#edf7fc rgb(237,247,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4d8da
```
#d4d8da rgb(212,216,218)
```
#d1d9dd
```
#d1d9dd rgb(209,217,221)
```
#cddae1
```
#cddae1 rgb(205,218,225)
```
#cadbe4
```
#cadbe4 rgb(202,219,228)
```
#c7dbe7
```
#c7dbe7 rgb(199,219,231)
```
#c4dcea
```
#c4dcea rgb(196,220,234)
```
#c1dded
```
#c1dded rgb(193,221,237)
```
#bedef0
```
#bedef0 rgb(190,222,240)
```
#bbdff3
```
#bbdff3 rgb(187,223,243)
```
#b8e0f6
```
#b8e0f6 rgb(184,224,246)
```
#b5e1f9
```
#b5e1f9 rgb(181,225,249)
```
#b2e2fc
```
#b2e2fc rgb(178,226,252)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d1d9dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8daef Protanopia 1% of men
#e2d6f7 Deuteranopia 1% of men
#bde1f1 Tritanopia 0.001% of the population

Trichromacy

#cedbf0 Protanomaly 1% of men, 0.01% of women
#d3d9f5 Deuteranomaly 6% of men, 0.4% of women
#bce0f1 Tritanomaly 0.01% of the population

#bbdff3 hex color

#bbdff3 Color Information

#bbdff3 Color Conversion

Color Schemes with #bbdff3

Alternatives to #bbdff3

#bbdff3 Preview

Shades and Tints of #bbdff3

Tones of #bbdff3

Color Blindness Simulator