colorhexa.com

#bbcdf6 hex color

In a RGB color space, hex #bbcdf6 is composed of 73.3% red, 80.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 16.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 221.7 degrees, a saturation of 76.6% and a lightness of 84.9%. #bbcdf6 color hex could be obtained by blending #ffffff with #779bed. Closest websafe color is: #ccccff.

- R 73
- G 80
- B 96
RGB color chart
- C 24
- M 17
- Y 0
- K 4
CMYK color chart

● #bbcdf6 color description : Very soft blue.

The hexadecimal color #bbcdf6 has RGB values of R:187, G:205, B:246 and CMYK values of C:0.24, M:0.17, Y:0, K:0.04. Its decimal value is 12307958.

Hex triplet	bbcdf6	`#bbcdf6`
RGB Decimal	187, 205, 246	`rgb(187,205,246)`
RGB Percent	73.3, 80.4, 96.5	`rgb(73.3%,80.4%,96.5%)`
CMYK	24, 17, 0, 4
HSL	221.7°, 76.6, 84.9	`hsl(221.7,76.6%,84.9%)`
HSV (or HSB)	221.7°, 24, 96.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.314, 2.647, -22.157
XYZ	58.956, 60.88, 95.829
xyY	0.273, 0.282, 60.88
CIE-LCH	82.314, 22.315, 276.813
CIE-LUV	82.314, -11.37, -35.693
Hunter-Lab	78.026, -1.671, -18.2
Binary	10111011, 11001101, 11110110

#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#f6e4bb
```
#f6e4bb rgb(246,228,187)
```

Complementary Color

#bbebf6
```
#bbebf6 rgb(187,235,246)
```
#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#c7bbf6
```
#c7bbf6 rgb(199,187,246)
```

Analogous Color

#ebf6bb
```
#ebf6bb rgb(235,246,187)
```
#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#f6c7bb
```
#f6c7bb rgb(246,199,187)
```

Split Complementary Color

#cdf6bb
```
#cdf6bb rgb(205,246,187)
```
#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#f6bbcd
```
#f6bbcd rgb(246,187,205)
```

Triadic Color

#bbf6e4
```
#bbf6e4 rgb(187,246,228)
```
#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#f6bbcd
```
#f6bbcd rgb(246,187,205)
```
#f6e4bb
```
#f6e4bb rgb(246,228,187)
```

Tetradic Color

#779bed
```
#779bed rgb(119,155,237)
```
#8eacf0
```
#8eacf0 rgb(142,172,240)
```
#a4bcf3
```
#a4bcf3 rgb(164,188,243)
```
#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#d2def9
```
#d2def9 rgb(210,222,249)
```
#e8eefc
```
#e8eefc rgb(232,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbdcf6
```
#bbdcf6 rgb(187,220,246)
```
#bbd7f6
```
#bbd7f6 rgb(187,215,246)
```
#bbd2f6
```
#bbd2f6 rgb(187,210,246)
```
#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#bbc8f6
```
#bbc8f6 rgb(187,200,246)
```
#bbc3f6
```
#bbc3f6 rgb(187,195,246)
```
#bbbef6
```
#bbbef6 rgb(187,190,246)
```

Similar Colors

Text with hexadecimal color #bbcdf6

This text has a font color of #bbcdf6.

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

#bbcdf6 background color

This paragraph has a background color of #bbcdf6.

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

#bbcdf6 border color

This element has a border color of #bbcdf6.

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

CSS codes

.text {color:#bbcdf6;}

.background {background-color:#bbcdf6;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020713
```
#020713 rgb(2,7,19)
```
#050e24
```
#050e24 rgb(5,14,36)
```
#071535
```
#071535 rgb(7,21,53)
```
#091c47
```
#091c47 rgb(9,28,71)
```
#0c2358
```
#0c2358 rgb(12,35,88)
```
#0e2a69
```
#0e2a69 rgb(14,42,105)
```
#10317b
```
#10317b rgb(16,49,123)
```
#13388c
```
#13388c rgb(19,56,140)
```
#153e9d
```
#153e9d rgb(21,62,157)
```
#1745af
```
#1745af rgb(23,69,175)
```
#194cc0
```
#194cc0 rgb(25,76,192)
```
#1c53d1
```
#1c53d1 rgb(28,83,209)
```

Shade Color Variation

#1f5ae1
```
#1f5ae1 rgb(31,90,225)
```
#3067e4
```
#3067e4 rgb(48,103,228)
```
#4274e6
```
#4274e6 rgb(66,116,230)
```
#5381e8
```
#5381e8 rgb(83,129,232)
```
#648deb
```
#648deb rgb(100,141,235)
```
#769aed
```
#769aed rgb(118,154,237)
```
#87a7ef
```
#87a7ef rgb(135,167,239)
```
#98b4f1
```
#98b4f1 rgb(152,180,241)
```
#aac0f4
```
#aac0f4 rgb(170,192,244)
```
#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#ccdaf8
```
#ccdaf8 rgb(204,218,248)
```
#dee6fb
```
#dee6fb rgb(222,230,251)
```
#eff3fd
```
#eff3fd rgb(239,243,253)
```

Tint Color Variation

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

#d6d7db
```
#d6d7db rgb(214,215,219)
```
#d3d6de
```
#d3d6de rgb(211,214,222)
```
#d0d5e1
```
#d0d5e1 rgb(208,213,225)
```
#cdd4e4
```
#cdd4e4 rgb(205,212,228)
```
#cad3e7
```
#cad3e7 rgb(202,211,231)
```
#c7d2ea
```
#c7d2ea rgb(199,210,234)
```
#c4d0ed
```
#c4d0ed rgb(196,208,237)
```
#c1cff0
```
#c1cff0 rgb(193,207,240)
```
#becef3
```
#becef3 rgb(190,206,243)
```
#bbcdf6
```
#bbcdf6 rgb(187,205,246)
```
#b8ccf9
```
#b8ccf9 rgb(184,204,249)
```
#b5cbfc
```
#b5cbfc rgb(181,203,252)
```
#b2caff
```
#b2caff rgb(178,202,255)
```

Tone Color Variation

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

#c6cdf5 Protanopia 1% of men
#cdcbf7 Deuteranopia 1% of men
#b9d3e2 Tritanopia 0.001% of the population

Trichromacy

#c2cdf5 Protanomaly 1% of men, 0.01% of women
#c6cbf7 Deuteranomaly 6% of men, 0.4% of women
#bad0e9 Tritanomaly 0.01% of the population