#bcd2dd hex color

In a RGB color space, hex #bcd2dd is composed of 73.7% red, 82.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 5% magenta, 0% yellow and 13.3% black. It has a hue angle of 200 degrees, a saturation of 32.7% and a lightness of 80.2%. #bcd2dd color hex could be obtained by blending #ffffff with #79a5bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 82
- B 87
RGB color chart
- C 15
- M 5
- Y 0
- K 13
CMYK color chart

● #bcd2dd color description : Light grayish blue.

The hexadecimal color #bcd2dd has RGB values of R:188, G:210, B:221 and CMYK values of C:0.15, M:0.05, Y:0, K:0.13. Its decimal value is 12374749.

Hex triplet	bcd2dd	`#bcd2dd`
RGB Decimal	188, 210, 221	`rgb(188,210,221)`
RGB Percent	73.7, 82.4, 86.7	`rgb(73.7%,82.4%,86.7%)`
CMYK	15, 5, 0, 13
HSL	200°, 32.7, 80.2	`hsl(200,32.7%,80.2%)`
HSV (or HSB)	200°, 14.9, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.916, -5.123, -7.932
XYZ	56.834, 62.004, 77.376
xyY	0.29, 0.316, 62.004
CIE-LCH	82.916, 9.442, 237.141
CIE-LUV	82.916, -12.234, -11.386
Hunter-Lab	78.743, -8.964, -3.141
Binary	10111100, 11010010, 11011101

#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#ddc7bc
```
#ddc7bc rgb(221,199,188)
```

Complementary Color

#bcddd8
```
#bcddd8 rgb(188,221,216)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#bcc2dd
```
#bcc2dd rgb(188,194,221)
```

Analogous Color

#ddd8bc
```
#ddd8bc rgb(221,216,188)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#ddbcc2
```
#ddbcc2 rgb(221,188,194)
```

Split Complementary Color

#d2ddbc
```
#d2ddbc rgb(210,221,188)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#ddbcd2
```
#ddbcd2 rgb(221,188,210)
```

Triadic Color

#bcddc7
```
#bcddc7 rgb(188,221,199)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#ddbcd2
```
#ddbcd2 rgb(221,188,210)
```
#ddc7bc
```
#ddc7bc rgb(221,199,188)
```

Tetradic Color

#89b0c3
```
#89b0c3 rgb(137,176,195)
```
#9abbcc
```
#9abbcc rgb(154,187,204)
```
#abc7d4
```
#abc7d4 rgb(171,199,212)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#cddde6
```
#cddde6 rgb(205,221,230)
```
#dee9ee
```
#dee9ee rgb(222,233,238)
```
#eff4f7
```
#eff4f7 rgb(239,244,247)
```

Monochromatic Color

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

#bcdadd
```
#bcdadd rgb(188,218,221)
```
#bcd8dd
```
#bcd8dd rgb(188,216,221)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#bccfdd
```
#bccfdd rgb(188,207,221)
```
#bccddd
```
#bccddd rgb(188,205,221)
```
#bccadd
```
#bccadd rgb(188,202,221)
```

Similar Colors

Text with hexadecimal color #bcd2dd

This text has a font color of #bcd2dd.

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

#bcd2dd background color

This paragraph has a background color of #bcd2dd.

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

#bcd2dd border color

This element has a border color of #bcd2dd.

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

CSS codes

.text {color:#bcd2dd;}

.background {background-color:#bcd2dd;}

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

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, #06090b is the darkest color, while #fdfefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0c1418
```
#0c1418 rgb(12,20,24)
```
#131f25
```
#131f25 rgb(19,31,37)
```
#192a32
```
#192a32 rgb(25,42,50)
```
#20353f
```
#20353f rgb(32,53,63)
```
#27404c
```
#27404c rgb(39,64,76)
```
#2d4b59
```
#2d4b59 rgb(45,75,89)
```
#345566
```
#345566 rgb(52,85,102)
```
#3a6073
```
#3a6073 rgb(58,96,115)
```
#416b80
```
#416b80 rgb(65,107,128)
```
#48768d
```
#48768d rgb(72,118,141)
```
#4e819a
```
#4e819a rgb(78,129,154)
```
#558ca7
```
#558ca7 rgb(85,140,167)
```

Shade Color Variation

#6195af
```
#6195af rgb(97,149,175)
```
#6e9eb5
```
#6e9eb5 rgb(110,158,181)
```
#7ba6bc
```
#7ba6bc rgb(123,166,188)
```
#88afc3
```
#88afc3 rgb(136,175,195)
```
#95b8c9
```
#95b8c9 rgb(149,184,201)
```
#a2c1d0
```
#a2c1d0 rgb(162,193,208)
```
#afc9d6
```
#afc9d6 rgb(175,201,214)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#c9dbe4
```
#c9dbe4 rgb(201,219,228)
```
#d6e3ea
```
#d6e3ea rgb(214,227,234)
```
#e3ecf1
```
#e3ecf1 rgb(227,236,241)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#cccdcd
```
#cccdcd rgb(204,205,205)
```
#c8ced1
```
#c8ced1 rgb(200,206,209)
```
#c4cfd5
```
#c4cfd5 rgb(196,207,213)
```
#c0d1d9
```
#c0d1d9 rgb(192,209,217)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#b8d3e1
```
#b8d3e1 rgb(184,211,225)
```
#b4d5e5
```
#b4d5e5 rgb(180,213,229)
```
#b0d6e9
```
#b0d6e9 rgb(176,214,233)
```
#acd7ed
```
#acd7ed rgb(172,215,237)
```
#a9d8f0
```
#a9d8f0 rgb(169,216,240)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#a1dbf8
```
#a1dbf8 rgb(161,219,248)
```
#9ddcfc
```
#9ddcfc rgb(157,220,252)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#caced0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1cfdc Protanopia 1% of men
#dccbe1 Deuteranopia 1% of men
#c0d3e2 Tritanopia 0.001% of the population

Trichromacy

#c9d0dc Protanomaly 1% of men, 0.01% of women
#d0cddf Deuteranomaly 6% of men, 0.4% of women
#bed3e0 Tritanomaly 0.01% of the population

#bcd2dd hex color

#bcd2dd Color Information

#bcd2dd Color Conversion

Color Schemes with #bcd2dd

Alternatives to #bcd2dd

#bcd2dd Preview

Shades and Tints of #bcd2dd

Tones of #bcd2dd

Color Blindness Simulator