#bbcdf2 hex color

In a RGB color space, hex #bbcdf2 is composed of 73.3% red, 80.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 15.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 220.4 degrees, a saturation of 67.9% and a lightness of 84.1%. #bbcdf2 color hex could be obtained by blending #ffffff with #779be5. Closest websafe color is: #ccccff.

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

● #bbcdf2 color description : Very soft blue.

The hexadecimal color #bbcdf2 has RGB values of R:187, G:205, B:242 and CMYK values of C:0.23, M:0.15, Y:0, K:0.05. Its decimal value is 12307954.

Hex triplet	bbcdf2	`#bbcdf2`
RGB Decimal	187, 205, 242	`rgb(187,205,242)`
RGB Percent	73.3, 80.4, 94.9	`rgb(73.3%,80.4%,94.9%)`
CMYK	23, 15, 0, 5
HSL	220.4°, 67.9, 84.1	`hsl(220.4,67.9%,84.1%)`
HSV (or HSB)	220.4°, 22.7, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.183, 1.742, -20.226
XYZ	58.349, 60.637, 92.629
xyY	0.276, 0.287, 60.637
CIE-LCH	82.183, 20.301, 274.923
CIE-LUV	82.183, -11.212, -32.345
Hunter-Lab	77.87, -2.521, -16.019
Binary	10111011, 11001101, 11110010

#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#f2e0bb
```
#f2e0bb rgb(242,224,187)
```

Complementary Color

#bbe9f2
```
#bbe9f2 rgb(187,233,242)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#c5bbf2
```
#c5bbf2 rgb(197,187,242)
```

Analogous Color

#e9f2bb
```
#e9f2bb rgb(233,242,187)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#f2c5bb
```
#f2c5bb rgb(242,197,187)
```

Split Complementary Color

#cdf2bb
```
#cdf2bb rgb(205,242,187)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#f2bbcd
```
#f2bbcd rgb(242,187,205)
```

Triadic Color

#bbf2e0
```
#bbf2e0 rgb(187,242,224)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#f2bbcd
```
#f2bbcd rgb(242,187,205)
```
#f2e0bb
```
#f2e0bb rgb(242,224,187)
```

Tetradic Color

#7b9ee6
```
#7b9ee6 rgb(123,158,230)
```
#90aeea
```
#90aeea rgb(144,174,234)
```
#a6bdee
```
#a6bdee rgb(166,189,238)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#d0ddf6
```
#d0ddf6 rgb(208,221,246)
```
#e6ecfa
```
#e6ecfa rgb(230,236,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Monochromatic Color

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

#bbdbf2
```
#bbdbf2 rgb(187,219,242)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#bbd2f2
```
#bbd2f2 rgb(187,210,242)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#bbc8f2
```
#bbc8f2 rgb(187,200,242)
```
#bbc4f2
```
#bbc4f2 rgb(187,196,242)
```
#bbbff2
```
#bbbff2 rgb(187,191,242)
```

Similar Colors

Text with hexadecimal color #bbcdf2

This text has a font color of #bbcdf2.

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

#bbcdf2 background color

This paragraph has a background color of #bbcdf2.

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

#bbcdf2 border color

This element has a border color of #bbcdf2.

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

CSS codes

.text {color:#bbcdf2;}

.background {background-color:#bbcdf2;}

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

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, #03070e is the darkest color, while #fdfdff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#060e1f
```
#060e1f rgb(6,14,31)
```
#09162f
```
#09162f rgb(9,22,47)
```
#0c1d40
```
#0c1d40 rgb(12,29,64)
```
#0f2550
```
#0f2550 rgb(15,37,80)
```
#122c61
```
#122c61 rgb(18,44,97)
```
#163471
```
#163471 rgb(22,52,113)
```
#193b82
```
#193b82 rgb(25,59,130)
```
#1c4392
```
#1c4392 rgb(28,67,146)
```
#1f4aa3
```
#1f4aa3 rgb(31,74,163)
```
#2252b3
```
#2252b3 rgb(34,82,179)
```
#2559c3
```
#2559c3 rgb(37,89,195)
```
#2961d4
```
#2961d4 rgb(41,97,212)
```

Shade Color Variation

#376cd9
```
#376cd9 rgb(55,108,217)
```
#4878dc
```
#4878dc rgb(72,120,220)
```
#5884df
```
#5884df rgb(88,132,223)
```
#6990e2
```
#6990e2 rgb(105,144,226)
```
#799de5
```
#799de5 rgb(121,157,229)
```
#8aa9e9
```
#8aa9e9 rgb(138,169,233)
```
#9ab5ec
```
#9ab5ec rgb(154,181,236)
```
#abc1ef
```
#abc1ef rgb(171,193,239)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#cbd9f5
```
#cbd9f5 rgb(203,217,245)
```
#dce5f8
```
#dce5f8 rgb(220,229,248)
```
#ecf1fb
```
#ecf1fb rgb(236,241,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d4d6d9
```
#d4d6d9 rgb(212,214,217)
```
#d1d5dc
```
#d1d5dc rgb(209,213,220)
```
#ced3df
```
#ced3df rgb(206,211,223)
```
#cbd2e2
```
#cbd2e2 rgb(203,210,226)
```
#c7d1e6
```
#c7d1e6 rgb(199,209,230)
```
#c4d0e9
```
#c4d0e9 rgb(196,208,233)
```
#c1cfec
```
#c1cfec rgb(193,207,236)
```
#beceef
```
#beceef rgb(190,206,239)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#b8ccf5
```
#b8ccf5 rgb(184,204,245)
```
#b5cbf8
```
#b5cbf8 rgb(181,203,248)
```
#b2cafb
```
#b2cafb rgb(178,202,251)
```
#afc9fe
```
#afc9fe rgb(175,201,254)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9ccd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cdf1 Protanopia 1% of men
#cecaf4 Deuteranopia 1% of men
#bad2e1 Tritanopia 0.001% of the population

Trichromacy

#c2cdf1 Protanomaly 1% of men, 0.01% of women
#c7cbf3 Deuteranomaly 6% of men, 0.4% of women
#bad0e7 Tritanomaly 0.01% of the population

#bbcdf2 hex color

#bbcdf2 Color Information

#bbcdf2 Color Conversion

Color Schemes with #bbcdf2

Alternatives to #bbcdf2

#bbcdf2 Preview

Shades and Tints of #bbcdf2

Tones of #bbcdf2

Color Blindness Simulator