#bbcddc hex color

In a RGB color space, hex #bbcddc is composed of 73.3% red, 80.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 6.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 207.3 degrees, a saturation of 32% and a lightness of 79.8%. #bbcddc color hex could be obtained by blending #ffffff with #779bb9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 80
- B 86
RGB color chart
- C 15
- M 7
- Y 0
- K 14
CMYK color chart

● #bbcddc color description : Light grayish blue.

The hexadecimal color #bbcddc has RGB values of R:187, G:205, B:220 and CMYK values of C:0.15, M:0.07, Y:0, K:0.14. Its decimal value is 12307932.

Hex triplet	bbcddc	`#bbcddc`
RGB Decimal	187, 205, 220	`rgb(187,205,220)`
RGB Percent	73.3, 80.4, 86.3	`rgb(73.3%,80.4%,86.3%)`
CMYK	15, 7, 0, 14
HSL	207.3°, 32, 79.8	`hsl(207.3,32%,79.8%)`
HSV (or HSB)	207.3°, 15, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.508, -3.029, -9.497
XYZ	55.24, 59.394, 76.26
xyY	0.289, 0.311, 59.394
CIE-LCH	81.508, 9.968, 252.31
CIE-LUV	81.508, -10.359, -14.174
Hunter-Lab	77.067, -6.923, -4.722
Binary	10111011, 11001101, 11011100

#bbcddc
```
#bbcddc rgb(187,205,220)
```
#dccabb
```
#dccabb rgb(220,202,187)
```

Complementary Color

#bbdcdb
```
#bbdcdb rgb(187,220,219)
```
#bbcddc
```
#bbcddc rgb(187,205,220)
```
#bbbddc
```
#bbbddc rgb(187,189,220)
```

Analogous Color

#dcdbbb
```
#dcdbbb rgb(220,219,187)
```
#bbcddc
```
#bbcddc rgb(187,205,220)
```
#dcbbbd
```
#dcbbbd rgb(220,187,189)
```

Split Complementary Color

#cddcbb
```
#cddcbb rgb(205,220,187)
```
#bbcddc
```
#bbcddc rgb(187,205,220)
```
#dcbbcd
```
#dcbbcd rgb(220,187,205)
```

Triadic Color

#bbdcca
```
#bbdcca rgb(187,220,202)
```
#bbcddc
```
#bbcddc rgb(187,205,220)
```
#dcbbcd
```
#dcbbcd rgb(220,187,205)
```
#dccabb
```
#dccabb rgb(220,202,187)
```

Tetradic Color

#88a8c2
```
#88a8c2 rgb(136,168,194)
```
#99b4cb
```
#99b4cb rgb(153,180,203)
```
#aac1d3
```
#aac1d3 rgb(170,193,211)
```
#bbcddc
```
#bbcddc rgb(187,205,220)
```
#ccd9e5
```
#ccd9e5 rgb(204,217,229)
```
#dde6ed
```
#dde6ed rgb(221,230,237)
```
#eef2f6
```
#eef2f6 rgb(238,242,246)
```

Monochromatic Color

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

#bbd5dc
```
#bbd5dc rgb(187,213,220)
```
#bbd3dc
```
#bbd3dc rgb(187,211,220)
```
#bbd0dc
```
#bbd0dc rgb(187,208,220)
```
#bbcddc
```
#bbcddc rgb(187,205,220)
```
#bbcadc
```
#bbcadc rgb(187,202,220)
```
#bbc8dc
```
#bbc8dc rgb(187,200,220)
```
#bbc5dc
```
#bbc5dc rgb(187,197,220)
```

Similar Colors

Text with hexadecimal color #bbcddc

This text has a font color of #bbcddc.

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

#bbcddc background color

This paragraph has a background color of #bbcddc.

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

#bbcddc border color

This element has a border color of #bbcddc.

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

CSS codes

.text {color:#bbcddc;}

.background {background-color:#bbcddc;}

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

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, #05080a is the darkest color, while #fcfdfd is the lightest one.

#05080a
```
#05080a rgb(5,8,10)
```
#0c1217
```
#0c1217 rgb(12,18,23)
```
#121c24
```
#121c24 rgb(18,28,36)
```
#192631
```
#192631 rgb(25,38,49)
```
#20303d
```
#20303d rgb(32,48,61)
```
#263a4a
```
#263a4a rgb(38,58,74)
```
#2d4457
```
#2d4457 rgb(45,68,87)
```
#344e64
```
#344e64 rgb(52,78,100)
```
#3a5871
```
#3a5871 rgb(58,88,113)
```
#41627e
```
#41627e rgb(65,98,126)
```
#486c8b
```
#486c8b rgb(72,108,139)
```
#4e7798
```
#4e7798 rgb(78,119,152)
```
#5581a5
```
#5581a5 rgb(85,129,165)
```

Shade Color Variation

#608aad
```
#608aad rgb(96,138,173)
```
#6d94b4
```
#6d94b4 rgb(109,148,180)
```
#7a9dbb
```
#7a9dbb rgb(122,157,187)
```
#87a7c1
```
#87a7c1 rgb(135,167,193)
```
#94b0c8
```
#94b0c8 rgb(148,176,200)
```
#a1bacf
```
#a1bacf rgb(161,186,207)
```
#aec3d5
```
#aec3d5 rgb(174,195,213)
```
#bbcddc
```
#bbcddc rgb(187,205,220)
```
#c8d7e3
```
#c8d7e3 rgb(200,215,227)
```
#d5e0e9
```
#d5e0e9 rgb(213,224,233)
```
#e2eaf0
```
#e2eaf0 rgb(226,234,240)
```
#eff3f7
```
#eff3f7 rgb(239,243,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#cbcccc
```
#cbcccc rgb(203,204,204)
```
#c7ccd0
```
#c7ccd0 rgb(199,204,208)
```
#c3ccd4
```
#c3ccd4 rgb(195,204,212)
```
#bfcdd8
```
#bfcdd8 rgb(191,205,216)
```
#bbcddc
```
#bbcddc rgb(187,205,220)
```
#b7cde0
```
#b7cde0 rgb(183,205,224)
```
#b3cee4
```
#b3cee4 rgb(179,206,228)
```
#afcee8
```
#afcee8 rgb(175,206,232)
```
#abceec
```
#abceec rgb(171,206,236)
```
#a7cff0
```
#a7cff0 rgb(167,207,240)
```
#a3cff4
```
#a3cff4 rgb(163,207,244)
```
#9fd0f8
```
#9fd0f8 rgb(159,208,248)
```
#9bd0fc
```
#9bd0fc rgb(155,208,252)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c6cacd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbdb Protanopia 1% of men
#d7c8e0 Deuteranopia 1% of men
#becfde Tritanopia 0.001% of the population

Trichromacy

#c5ccdb Protanomaly 1% of men, 0.01% of women
#ccc9de Deuteranomaly 6% of men, 0.4% of women
#bdcedd Tritanomaly 0.01% of the population

#bbcddc hex color

#bbcddc Color Information

#bbcddc Color Conversion

Color Schemes with #bbcddc

Alternatives to #bbcddc

#bbcddc Preview

Shades and Tints of #bbcddc

Tones of #bbcddc

Color Blindness Simulator