#bbcef2 hex color

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

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

● #bbcef2 color description : Very soft blue.

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

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

CIE-LAB	82.442, 1.21, -19.835
XYZ	58.589, 61.117, 92.709
xyY	0.276, 0.288, 61.117
CIE-LCH	82.442, 19.872, 273.492
CIE-LUV	82.442, -11.656, -31.63
Hunter-Lab	78.177, -3.037, -15.587
Binary	10111011, 11001110, 11110010

#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#f2dfbb
```
#f2dfbb rgb(242,223,187)
```

Complementary Color

#bbeaf2
```
#bbeaf2 rgb(187,234,242)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#c4bbf2
```
#c4bbf2 rgb(196,187,242)
```

Analogous Color

#eaf2bb
```
#eaf2bb rgb(234,242,187)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#f2c4bb
```
#f2c4bb rgb(242,196,187)
```

Split Complementary Color

#cef2bb
```
#cef2bb rgb(206,242,187)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#f2bbce
```
#f2bbce rgb(242,187,206)
```

Triadic Color

#bbf2df
```
#bbf2df rgb(187,242,223)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#f2bbce
```
#f2bbce rgb(242,187,206)
```
#f2dfbb
```
#f2dfbb rgb(242,223,187)
```

Tetradic Color

#7ba0e6
```
#7ba0e6 rgb(123,160,230)
```
#90afea
```
#90afea rgb(144,175,234)
```
#a6bfee
```
#a6bfee rgb(166,191,238)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#d0ddf6
```
#d0ddf6 rgb(208,221,246)
```
#e6edfa
```
#e6edfa rgb(230,237,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Monochromatic Color

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

#bbdcf2
```
#bbdcf2 rgb(187,220,242)
```
#bbd7f2
```
#bbd7f2 rgb(187,215,242)
```
#bbd3f2
```
#bbd3f2 rgb(187,211,242)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#bbc9f2
```
#bbc9f2 rgb(187,201,242)
```
#bbc5f2
```
#bbc5f2 rgb(187,197,242)
```
#bbc0f2
```
#bbc0f2 rgb(187,192,242)
```

Similar Colors

Text with hexadecimal color #bbcef2

This text has a font color of #bbcef2.

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

#bbcef2 background color

This paragraph has a background color of #bbcef2.

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

#bbcef2 border color

This element has a border color of #bbcef2.

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

CSS codes

.text {color:#bbcef2;}

.background {background-color:#bbcef2;}

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

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)
```
#0c1e40
```
#0c1e40 rgb(12,30,64)
```
#0f2650
```
#0f2650 rgb(15,38,80)
```
#122d61
```
#122d61 rgb(18,45,97)
```
#163571
```
#163571 rgb(22,53,113)
```
#193d82
```
#193d82 rgb(25,61,130)
```
#1c4592
```
#1c4592 rgb(28,69,146)
```
#1f4ca3
```
#1f4ca3 rgb(31,76,163)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#255cc3
```
#255cc3 rgb(37,92,195)
```
#2964d4
```
#2964d4 rgb(41,100,212)
```

Shade Color Variation

#376fd9
```
#376fd9 rgb(55,111,217)
```
#487bdc
```
#487bdc rgb(72,123,220)
```
#5887df
```
#5887df rgb(88,135,223)
```
#6993e2
```
#6993e2 rgb(105,147,226)
```
#799fe5
```
#799fe5 rgb(121,159,229)
```
#8aaae9
```
#8aaae9 rgb(138,170,233)
```
#9ab6ec
```
#9ab6ec rgb(154,182,236)
```
#abc2ef
```
#abc2ef rgb(171,194,239)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#cbdaf5
```
#cbdaf5 rgb(203,218,245)
```
#dce6f8
```
#dce6f8 rgb(220,230,248)
```
#ecf2fb
```
#ecf2fb rgb(236,242,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 #afcafe is the most saturated one.

#d4d6d9
```
#d4d6d9 rgb(212,214,217)
```
#d1d5dc
```
#d1d5dc rgb(209,213,220)
```
#ced4df
```
#ced4df rgb(206,212,223)
```
#cbd3e2
```
#cbd3e2 rgb(203,211,226)
```
#c7d2e6
```
#c7d2e6 rgb(199,210,230)
```
#c4d1e9
```
#c4d1e9 rgb(196,209,233)
```
#c1d0ec
```
#c1d0ec rgb(193,208,236)
```
#becfef
```
#becfef rgb(190,207,239)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#b8cdf5
```
#b8cdf5 rgb(184,205,245)
```
#b5ccf8
```
#b5ccf8 rgb(181,204,248)
```
#b2cbfb
```
#b2cbfb rgb(178,203,251)
```
#afcafe
```
#afcafe rgb(175,202,254)
```

Tone Color Variation

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

#c8cef1 Protanopia 1% of men
#cfcbf4 Deuteranopia 1% of men
#bad3e2 Tritanopia 0.001% of the population

Trichromacy

#c3cef1 Protanomaly 1% of men, 0.01% of women
#c8ccf3 Deuteranomaly 6% of men, 0.4% of women
#bad1e8 Tritanomaly 0.01% of the population

#bbcef2 hex color

#bbcef2 Color Information

#bbcef2 Color Conversion

Color Schemes with #bbcef2

Alternatives to #bbcef2

#bbcef2 Preview

Shades and Tints of #bbcef2

Tones of #bbcef2

Color Blindness Simulator