#bbddf3 hex color

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

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

● #bbddf3 color description : Very soft blue.

The hexadecimal color #bbddf3 has RGB values of R:187, G:221, B:243 and CMYK values of C:0.23, M:0.09, Y:0, K:0.05. Its decimal value is 12312051.

Hex triplet	bbddf3	`#bbddf3`
RGB Decimal	187, 221, 243	`rgb(187,221,243)`
RGB Percent	73.3, 86.7, 95.3	`rgb(73.3%,86.7%,95.3%)`
CMYK	23, 9, 0, 5
HSL	203.6°, 70, 84.3	`hsl(203.6,70%,84.3%)`
HSV (or HSB)	203.6°, 23, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.379, -6.437, -14.437
XYZ	62.524, 68.747, 94.764
xyY	0.277, 0.304, 68.747
CIE-LCH	86.379, 15.807, 245.968
CIE-LUV	86.379, -18.361, -21.72
Hunter-Lab	82.914, -10.495, -9.724
Binary	10111011, 11011101, 11110011

#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#f3d1bb
```
#f3d1bb rgb(243,209,187)
```

Complementary Color

#bbf3ed
```
#bbf3ed rgb(187,243,237)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#bbc1f3
```
#bbc1f3 rgb(187,193,243)
```

Analogous Color

#f3edbb
```
#f3edbb rgb(243,237,187)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#f3bbc1
```
#f3bbc1 rgb(243,187,193)
```

Split Complementary Color

#ddf3bb
```
#ddf3bb rgb(221,243,187)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#f3bbdd
```
#f3bbdd rgb(243,187,221)
```

Triadic Color

#bbf3d1
```
#bbf3d1 rgb(187,243,209)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#f3bbdd
```
#f3bbdd rgb(243,187,221)
```
#f3d1bb
```
#f3d1bb rgb(243,209,187)
```

Tetradic Color

#7abce8
```
#7abce8 rgb(122,188,232)
```
#90c7eb
```
#90c7eb rgb(144,199,235)
```
#a5d2ef
```
#a5d2ef rgb(165,210,239)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#d1e8f7
```
#d1e8f7 rgb(209,232,247)
```
#e6f3fb
```
#e6f3fb rgb(230,243,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Monochromatic Color

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

#bbebf3
```
#bbebf3 rgb(187,235,243)
```
#bbe6f3
```
#bbe6f3 rgb(187,230,243)
```
#bbe2f3
```
#bbe2f3 rgb(187,226,243)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#bbd4f3
```
#bbd4f3 rgb(187,212,243)
```
#bbcff3
```
#bbcff3 rgb(187,207,243)
```

Similar Colors

Text with hexadecimal color #bbddf3

This text has a font color of #bbddf3.

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

#bbddf3 background color

This paragraph has a background color of #bbddf3.

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

#bbddf3 border color

This element has a border color of #bbddf3.

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

CSS codes

.text {color:#bbddf3;}

.background {background-color:#bbddf3;}

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

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

#030a0f
```
#030a0f rgb(3,10,15)
```
#061620
```
#061620 rgb(6,22,32)
```
#092131
```
#092131 rgb(9,33,49)
```
#0c2c41
```
#0c2c41 rgb(12,44,65)
```
#0e3852
```
#0e3852 rgb(14,56,82)
```
#114363
```
#114363 rgb(17,67,99)
```
#144e73
```
#144e73 rgb(20,78,115)
```
#175984
```
#175984 rgb(23,89,132)
```
#1a6595
```
#1a6595 rgb(26,101,149)
```
#1d70a5
```
#1d70a5 rgb(29,112,165)
```
#207bb6
```
#207bb6 rgb(32,123,182)
```
#2386c7
```
#2386c7 rgb(35,134,199)
```
#2692d7
```
#2692d7 rgb(38,146,215)
```

Shade Color Variation

#369adb
```
#369adb rgb(54,154,219)
```
#46a3de
```
#46a3de rgb(70,163,222)
```
#57abe1
```
#57abe1 rgb(87,171,225)
```
#68b3e4
```
#68b3e4 rgb(104,179,228)
```
#78bce7
```
#78bce7 rgb(120,188,231)
```
#89c4ea
```
#89c4ea rgb(137,196,234)
```
#9acced
```
#9acced rgb(154,204,237)
```
#aad5f0
```
#aad5f0 rgb(170,213,240)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#cce5f6
```
#cce5f6 rgb(204,229,246)
```
#dceef9
```
#dceef9 rgb(220,238,249)
```
#edf6fc
```
#edf6fc rgb(237,246,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 #b2dffc is the most saturated one.

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4d8da
```
#d4d8da rgb(212,216,218)
```
#d1d8dd
```
#d1d8dd rgb(209,216,221)
```
#cdd9e1
```
#cdd9e1 rgb(205,217,225)
```
#cadae4
```
#cadae4 rgb(202,218,228)
```
#c7dae7
```
#c7dae7 rgb(199,218,231)
```
#c4dbea
```
#c4dbea rgb(196,219,234)
```
#c1dced
```
#c1dced rgb(193,220,237)
```
#bedcf0
```
#bedcf0 rgb(190,220,240)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#b8def6
```
#b8def6 rgb(184,222,246)
```
#b5def9
```
#b5def9 rgb(181,222,249)
```
#b2dffc
```
#b2dffc rgb(178,223,252)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0d7db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d8f0 Protanopia 1% of men
#e0d5f6 Deuteranopia 1% of men
#bddfef Tritanopia 0.001% of the population

Trichromacy

#ccdaf1 Protanomaly 1% of men, 0.01% of women
#d2d7f5 Deuteranomaly 6% of men, 0.4% of women
#bcdef0 Tritanomaly 0.01% of the population

#bbddf3 hex color

#bbddf3 Color Information

#bbddf3 Color Conversion

Color Schemes with #bbddf3

Alternatives to #bbddf3

#bbddf3 Preview

Shades and Tints of #bbddf3

Tones of #bbddf3

Color Blindness Simulator