#bbdeff hex color

In a RGB color space, hex #bbdeff is composed of 73.3% red, 87.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 12.9% magenta, 0% yellow and 0% black. It has a hue angle of 209.1 degrees, a saturation of 100% and a lightness of 86.7%. #bbdeff color hex could be obtained by blending #ffffff with #77bdff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 87
- B 100
RGB color chart
- C 27
- M 13
- Y 0
- K 0
CMYK color chart

● #bbdeff color description : Pale blue.

The hexadecimal color #bbdeff has RGB values of R:187, G:222, B:255 and CMYK values of C:0.27, M:0.13, Y:0, K:0. Its decimal value is 12312319.

Hex triplet	bbdeff	`#bbdeff`
RGB Decimal	187, 222, 255	`rgb(187,222,255)`
RGB Percent	73.3, 87.1, 100	`rgb(73.3%,87.1%,100%)`
CMYK	27, 13, 0, 0
HSL	209.1°, 100, 86.7	`hsl(209.1,100%,86.7%)`
HSV (or HSB)	209.1°, 26.7, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.009, -4.258, -19.81
XYZ	64.661, 70.026, 104.712
xyY	0.27, 0.293, 70.026
CIE-LCH	87.009, 20.263, 257.87
CIE-LUV	87.009, -19.078, -30.951
Hunter-Lab	83.681, -8.515, -15.614
Binary	10111011, 11011110, 11111111

#bbdeff
```
#bbdeff rgb(187,222,255)
```
#ffdcbb
```
#ffdcbb rgb(255,220,187)
```

Complementary Color

#bbfffe
```
#bbfffe rgb(187,255,254)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```
#bbbcff
```
#bbbcff rgb(187,188,255)
```

Analogous Color

#fffebb
```
#fffebb rgb(255,254,187)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```
#ffbbbc
```
#ffbbbc rgb(255,187,188)
```

Split Complementary Color

#deffbb
```
#deffbb rgb(222,255,187)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```
#ffbbde
```
#ffbbde rgb(255,187,222)
```

Triadic Color

#bbffdc
```
#bbffdc rgb(187,255,220)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```
#ffbbde
```
#ffbbde rgb(255,187,222)
```
#ffdcbb
```
#ffdcbb rgb(255,220,187)
```

Tetradic Color

#6fb9ff
```
#6fb9ff rgb(111,185,255)
```
#88c5ff
```
#88c5ff rgb(136,197,255)
```
#a2d2ff
```
#a2d2ff rgb(162,210,255)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```
#d5eaff
```
#d5eaff rgb(213,234,255)
```
#eef7ff
```
#eef7ff rgb(238,247,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbefff
```
#bbefff rgb(187,239,255)
```
#bbe9ff
```
#bbe9ff rgb(187,233,255)
```
#bbe4ff
```
#bbe4ff rgb(187,228,255)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```
#bbd8ff
```
#bbd8ff rgb(187,216,255)
```
#bbd3ff
```
#bbd3ff rgb(187,211,255)
```
#bbcdff
```
#bbcdff rgb(187,205,255)
```

Similar Colors

Text with hexadecimal color #bbdeff

This text has a font color of #bbdeff.

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

#bbdeff background color

This paragraph has a background color of #bbdeff.

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

#bbdeff border color

This element has a border color of #bbdeff.

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

CSS codes

.text {color:#bbdeff;}

.background {background-color:#bbdeff;}

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

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, #00050a is the darkest color, while #f6fbff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#000f1e
```
#000f1e rgb(0,15,30)
```
#001a32
```
#001a32 rgb(0,26,50)
```
#002445
```
#002445 rgb(0,36,69)
```
#002e59
```
#002e59 rgb(0,46,89)
```
#00386d
```
#00386d rgb(0,56,109)
```
#004280
```
#004280 rgb(0,66,128)
```
#004c94
```
#004c94 rgb(0,76,148)
```
#0056a7
```
#0056a7 rgb(0,86,167)
```
#0060bb
```
#0060bb rgb(0,96,187)
```
#006acf
```
#006acf rgb(0,106,207)
```
#0074e2
```
#0074e2 rgb(0,116,226)
```
#007ff6
```
#007ff6 rgb(0,127,246)
```

Shade Color Variation

#0a88ff
```
#0a88ff rgb(10,136,255)
```
#1e92ff
```
#1e92ff rgb(30,146,255)
```
#329bff
```
#329bff rgb(50,155,255)
```
#45a5ff
```
#45a5ff rgb(69,165,255)
```
#59aeff
```
#59aeff rgb(89,174,255)
```
#6db8ff
```
#6db8ff rgb(109,184,255)
```
#80c1ff
```
#80c1ff rgb(128,193,255)
```
#94cbff
```
#94cbff rgb(148,203,255)
```
#a7d4ff
```
#a7d4ff rgb(167,212,255)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```
#cfe8ff
```
#cfe8ff rgb(207,232,255)
```
#e2f1ff
```
#e2f1ff rgb(226,241,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#dadde0
```
#dadde0 rgb(218,221,224)
```
#d8dde2
```
#d8dde2 rgb(216,221,226)
```
#d5dde5
```
#d5dde5 rgb(213,221,229)
```
#d3dde7
```
#d3dde7 rgb(211,221,231)
```
#d0ddea
```
#d0ddea rgb(208,221,234)
```
#cddded
```
#cddded rgb(205,221,237)
```
#cbdeef
```
#cbdeef rgb(203,222,239)
```
#c8def2
```
#c8def2 rgb(200,222,242)
```
#c5def5
```
#c5def5 rgb(197,222,245)
```
#c3def7
```
#c3def7 rgb(195,222,247)
```
#c0defa
```
#c0defa rgb(192,222,250)
```
#bedefc
```
#bedefc rgb(190,222,252)
```
#bbdeff
```
#bbdeff rgb(187,222,255)
```

Tone Color Variation

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

Dichromacy

#d5dafb Protanopia 1% of men
#dcd7ff Deuteranopia 1% of men
#bbe1f2 Tritanopia 0.001% of the population

Trichromacy

#cbdbfc Protanomaly 1% of men, 0.01% of women
#d0d9ff Deuteranomaly 6% of men, 0.4% of women
#bbe0f6 Tritanomaly 0.01% of the population

#bbdeff hex color

#bbdeff Color Information

#bbdeff Color Conversion

Color Schemes with #bbdeff

Alternatives to #bbdeff

#bbdeff Preview

Shades and Tints of #bbdeff

Tones of #bbdeff

Color Blindness Simulator