#bbd1e7 hex color

In a RGB color space, hex #bbd1e7 is composed of 73.3% red, 82% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 9.5% magenta, 0% yellow and 9.4% black. It has a hue angle of 210 degrees, a saturation of 47.8% and a lightness of 82%. #bbd1e7 color hex could be obtained by blending #ffffff with #77a3cf. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 82
- B 91
RGB color chart
- C 19
- M 10
- Y 0
- K 9
CMYK color chart

● #bbd1e7 color description : Light grayish blue.

The hexadecimal color #bbd1e7 has RGB values of R:187, G:209, B:231 and CMYK values of C:0.19, M:0.1, Y:0, K:0.09. Its decimal value is 12308967.

Hex triplet	bbd1e7	`#bbd1e7`
RGB Decimal	187, 209, 231	`rgb(187,209,231)`
RGB Percent	73.3, 82, 90.6	`rgb(73.3%,82%,90.6%)`
CMYK	19, 10, 0, 9
HSL	210°, 47.8, 82	`hsl(210,47.8%,82%)`
HSV (or HSB)	210°, 19, 90.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.878, -2.798, -13.321
XYZ	57.715, 61.934, 84.511
xyY	0.283, 0.303, 61.934
CIE-LCH	82.878, 13.611, 258.137
CIE-LUV	82.878, -12.608, -20.372
Hunter-Lab	78.698, -6.816, -8.58
Binary	10111011, 11010001, 11100111

#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#e7d1bb
```
#e7d1bb rgb(231,209,187)
```

Complementary Color

#bbe7e7
```
#bbe7e7 rgb(187,231,231)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#bbbbe7
```
#bbbbe7 rgb(187,187,231)
```

Analogous Color

#e7e7bb
```
#e7e7bb rgb(231,231,187)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#e7bbbb
```
#e7bbbb rgb(231,187,187)
```

Split Complementary Color

#d1e7bb
```
#d1e7bb rgb(209,231,187)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#e7bbd1
```
#e7bbd1 rgb(231,187,209)
```

Triadic Color

#bbe7d1
```
#bbe7d1 rgb(187,231,209)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#e7bbd1
```
#e7bbd1 rgb(231,187,209)
```
#e7d1bb
```
#e7d1bb rgb(231,209,187)
```

Tetradic Color

#82abd3
```
#82abd3 rgb(130,171,211)
```
#95b8da
```
#95b8da rgb(149,184,218)
```
#a8c4e0
```
#a8c4e0 rgb(168,196,224)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#cedeee
```
#cedeee rgb(206,222,238)
```
#e1ebf4
```
#e1ebf4 rgb(225,235,244)
```
#f4f7fb
```
#f4f7fb rgb(244,247,251)
```

Monochromatic Color

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

#bbdce7
```
#bbdce7 rgb(187,220,231)
```
#bbd8e7
```
#bbd8e7 rgb(187,216,231)
```
#bbd5e7
```
#bbd5e7 rgb(187,213,231)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#bbcde7
```
#bbcde7 rgb(187,205,231)
```
#bbcae7
```
#bbcae7 rgb(187,202,231)
```
#bbc6e7
```
#bbc6e7 rgb(187,198,231)
```

Similar Colors

Text with hexadecimal color #bbd1e7

This text has a font color of #bbd1e7.

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

#bbd1e7 background color

This paragraph has a background color of #bbd1e7.

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

#bbd1e7 border color

This element has a border color of #bbd1e7.

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

CSS codes

.text {color:#bbd1e7;}

.background {background-color:#bbd1e7;}

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

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, #020304 is the darkest color, while #f5f8fb is the lightest one.

#020304
```
#020304 rgb(2,3,4)
```
#070d13
```
#070d13 rgb(7,13,19)
```
#0c1721
```
#0c1721 rgb(12,23,33)
```
#112030
```
#112030 rgb(17,32,48)
```
#162a3e
```
#162a3e rgb(22,42,62)
```
#1b344d
```
#1b344d rgb(27,52,77)
```
#203e5b
```
#203e5b rgb(32,62,91)
```
#25486a
```
#25486a rgb(37,72,106)
```
#2b5278
```
#2b5278 rgb(43,82,120)
```
#305b87
```
#305b87 rgb(48,91,135)
```
#356595
```
#356595 rgb(53,101,149)
```
#3a6fa4
```
#3a6fa4 rgb(58,111,164)
```
#3f79b2
```
#3f79b2 rgb(63,121,178)
```

Shade Color Variation

#4783be
```
#4783be rgb(71,131,190)
```
#568cc3
```
#568cc3 rgb(86,140,195)
```
#6496c8
```
#6496c8 rgb(100,150,200)
```
#73a0cd
```
#73a0cd rgb(115,160,205)
```
#81aad3
```
#81aad3 rgb(129,170,211)
```
#90b4d8
```
#90b4d8 rgb(144,180,216)
```
#9ebddd
```
#9ebddd rgb(158,189,221)
```
#adc7e2
```
#adc7e2 rgb(173,199,226)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#c9dbec
```
#c9dbec rgb(201,219,236)
```
#d8e5f1
```
#d8e5f1 rgb(216,229,241)
```
#e6eef6
```
#e6eef6 rgb(230,238,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

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

#d0d1d2
```
#d0d1d2 rgb(208,209,210)
```
#cdd1d5
```
#cdd1d5 rgb(205,209,213)
```
#c9d1d9
```
#c9d1d9 rgb(201,209,217)
```
#c6d1dc
```
#c6d1dc rgb(198,209,220)
```
#c2d1e0
```
#c2d1e0 rgb(194,209,224)
```
#bfd1e3
```
#bfd1e3 rgb(191,209,227)
```
#bbd1e7
```
#bbd1e7 rgb(187,209,231)
```
#b7d1eb
```
#b7d1eb rgb(183,209,235)
```
#b4d1ee
```
#b4d1ee rgb(180,209,238)
```
#b0d1f2
```
#b0d1f2 rgb(176,209,242)
```
#add1f5
```
#add1f5 rgb(173,209,245)
```
#a9d1f9
```
#a9d1f9 rgb(169,209,249)
```
#a6d1fc
```
#a6d1fc rgb(166,209,252)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9ced2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcfe5 Protanopia 1% of men
#d7cbea Deuteranopia 1% of men
#bdd4e3 Tritanopia 0.001% of the population

Trichromacy

#c6d0e6 Protanomaly 1% of men, 0.01% of women
#cdcde9 Deuteranomaly 6% of men, 0.4% of women
#bcd3e4 Tritanomaly 0.01% of the population

#bbd1e7 hex color

#bbd1e7 Color Information

#bbd1e7 Color Conversion

Color Schemes with #bbd1e7

Alternatives to #bbd1e7

#bbd1e7 Preview

Shades and Tints of #bbd1e7

Tones of #bbd1e7

Color Blindness Simulator