#bbdaf5 hex color

In a RGB color space, hex #bbdaf5 is composed of 73.3% red, 85.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 11% magenta, 0% yellow and 3.9% black. It has a hue angle of 207.9 degrees, a saturation of 74.4% and a lightness of 84.7%. #bbdaf5 color hex could be obtained by blending #ffffff with #77b5eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 85
- B 96
RGB color chart
- C 24
- M 11
- Y 0
- K 4
CMYK color chart

● #bbdaf5 color description : Very soft blue.

The hexadecimal color #bbdaf5 has RGB values of R:187, G:218, B:245 and CMYK values of C:0.24, M:0.11, Y:0, K:0.04. Its decimal value is 12311285.

Hex triplet	bbdaf5	`#bbdaf5`
RGB Decimal	187, 218, 245	`rgb(187,218,245)`
RGB Percent	73.3, 85.5, 96.1	`rgb(73.3%,85.5%,96.1%)`
CMYK	24, 11, 0, 4
HSL	207.9°, 74.4, 84.7	`hsl(207.9,74.4%,84.7%)`
HSV (or HSB)	207.9°, 23.7, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.655, -4.435, -16.58
XYZ	62.043, 67.299, 96.102
xyY	0.275, 0.299, 67.299
CIE-LCH	85.655, 17.163, 255.026
CIE-LUV	85.655, -17.079, -25.523
Hunter-Lab	82.036, -8.565, -12.031
Binary	10111011, 11011010, 11110101

#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#f5d6bb
```
#f5d6bb rgb(245,214,187)
```

Complementary Color

#bbf5f3
```
#bbf5f3 rgb(187,245,243)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#bbbdf5
```
#bbbdf5 rgb(187,189,245)
```

Analogous Color

#f5f3bb
```
#f5f3bb rgb(245,243,187)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#f5bbbd
```
#f5bbbd rgb(245,187,189)
```

Split Complementary Color

#daf5bb
```
#daf5bb rgb(218,245,187)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#f5bbda
```
#f5bbda rgb(245,187,218)
```

Triadic Color

#bbf5d6
```
#bbf5d6 rgb(187,245,214)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#f5bbda
```
#f5bbda rgb(245,187,218)
```
#f5d6bb
```
#f5d6bb rgb(245,214,187)
```

Tetradic Color

#78b6eb
```
#78b6eb rgb(120,182,235)
```
#8fc2ee
```
#8fc2ee rgb(143,194,238)
```
#a5cef2
```
#a5cef2 rgb(165,206,242)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#d1e6f8
```
#d1e6f8 rgb(209,230,248)
```
#e7f2fc
```
#e7f2fc rgb(231,242,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#bbe9f5
```
#bbe9f5 rgb(187,233,245)
```
#bbe4f5
```
#bbe4f5 rgb(187,228,245)
```
#bbdff5
```
#bbdff5 rgb(187,223,245)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#bbd5f5
```
#bbd5f5 rgb(187,213,245)
```
#bbd0f5
```
#bbd0f5 rgb(187,208,245)
```
#bbccf5
```
#bbccf5 rgb(187,204,245)
```

Similar Colors

Text with hexadecimal color #bbdaf5

This text has a font color of #bbdaf5.

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

#bbdaf5 background color

This paragraph has a background color of #bbdaf5.

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

#bbdaf5 border color

This element has a border color of #bbdaf5.

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

CSS codes

.text {color:#bbdaf5;}

.background {background-color:#bbdaf5;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030b12
```
#030b12 rgb(3,11,18)
```
#051523
```
#051523 rgb(5,21,35)
```
#081f34
```
#081f34 rgb(8,31,52)
```
#0a2945
```
#0a2945 rgb(10,41,69)
```
#0d3456
```
#0d3456 rgb(13,52,86)
```
#0f3e67
```
#0f3e67 rgb(15,62,103)
```
#124878
```
#124878 rgb(18,72,120)
```
#145389
```
#145389 rgb(20,83,137)
```
#175d9a
```
#175d9a rgb(23,93,154)
```
#1967ab
```
#1967ab rgb(25,103,171)
```
#1c72bd
```
#1c72bd rgb(28,114,189)
```
#1e7cce
```
#1e7cce rgb(30,124,206)
```

Shade Color Variation

#2186de
```
#2186de rgb(33,134,222)
```
#3290e1
```
#3290e1 rgb(50,144,225)
```
#4399e3
```
#4399e3 rgb(67,153,227)
```
#54a2e6
```
#54a2e6 rgb(84,162,230)
```
#65abe8
```
#65abe8 rgb(101,171,232)
```
#77b5eb
```
#77b5eb rgb(119,181,235)
```
#88beed
```
#88beed rgb(136,190,237)
```
#99c7f0
```
#99c7f0 rgb(153,199,240)
```
#aad1f2
```
#aad1f2 rgb(170,209,242)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#cce3f8
```
#cce3f8 rgb(204,227,248)
```
#ddedfa
```
#ddedfa rgb(221,237,250)
```
#eef6fd
```
#eef6fd rgb(238,246,253)
```

Tint Color Variation

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

#d6d8da
```
#d6d8da rgb(214,216,218)
```
#d3d8dd
```
#d3d8dd rgb(211,216,221)
```
#d0d9e0
```
#d0d9e0 rgb(208,217,224)
```
#cdd9e3
```
#cdd9e3 rgb(205,217,227)
```
#cad9e6
```
#cad9e6 rgb(202,217,230)
```
#c7d9e9
```
#c7d9e9 rgb(199,217,233)
```
#c4d9ec
```
#c4d9ec rgb(196,217,236)
```
#c1daef
```
#c1daef rgb(193,218,239)
```
#bedaf2
```
#bedaf2 rgb(190,218,242)
```
#bbdaf5
```
#bbdaf5 rgb(187,218,245)
```
#b8daf8
```
#b8daf8 rgb(184,218,248)
```
#b5dafb
```
#b5dafb rgb(181,218,251)
```
#b2dbfe
```
#b2dbfe rgb(178,219,254)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd5db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d6f2 Protanopia 1% of men
#dbd3f8 Deuteranopia 1% of men
#bcdded Tritanopia 0.001% of the population

Trichromacy

#cad7f3 Protanomaly 1% of men, 0.01% of women
#cfd5f7 Deuteranomaly 6% of men, 0.4% of women
#bbdcf0 Tritanomaly 0.01% of the population

#bbdaf5 hex color

#bbdaf5 Color Information

#bbdaf5 Color Conversion

Color Schemes with #bbdaf5

Alternatives to #bbdaf5

#bbdaf5 Preview

Shades and Tints of #bbdaf5

Tones of #bbdaf5

Color Blindness Simulator