#bcdddc hex color

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

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

● #bcdddc color description : Light grayish cyan.

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

Hex triplet	bcdddc	`#bcdddc`
RGB Decimal	188, 221, 220	`rgb(188,221,220)`
RGB Percent	73.7, 86.7, 86.3	`rgb(73.7%,86.7%,86.3%)`
CMYK	15, 0, 0, 13
HSL	178.2°, 32.7, 80.2	`hsl(178.2,32.7%,80.2%)`
HSV (or HSB)	178.2°, 14.9, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.791, -11.006, -3.156
XYZ	59.511, 67.57, 77.613
xyY	0.291, 0.33, 67.57
CIE-LCH	85.791, 11.449, 196
CIE-LUV	85.791, -17.351, -2.963
Hunter-Lab	82.201, -14.624, 1.56
Binary	10111100, 11011101, 11011100

#bcdddc
```
#bcdddc rgb(188,221,220)
```
#ddbcbd
```
#ddbcbd rgb(221,188,189)
```

Complementary Color

#bcddcc
```
#bcddcc rgb(188,221,204)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#bccedd
```
#bccedd rgb(188,206,221)
```

Analogous Color

#ddccbc
```
#ddccbc rgb(221,204,188)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#ddbcce
```
#ddbcce rgb(221,188,206)
```

Split Complementary Color

#dddcbc
```
#dddcbc rgb(221,220,188)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#dcbcdd
```
#dcbcdd rgb(220,188,221)
```

Triadic Color

#bdddbc
```
#bdddbc rgb(189,221,188)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#dcbcdd
```
#dcbcdd rgb(220,188,221)
```
#ddbcbd
```
#ddbcbd rgb(221,188,189)
```

Tetradic Color

#89c3c1
```
#89c3c1 rgb(137,195,193)
```
#9accca
```
#9accca rgb(154,204,202)
```
#abd4d3
```
#abd4d3 rgb(171,212,211)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#cde6e5
```
#cde6e5 rgb(205,230,229)
```
#deeeee
```
#deeeee rgb(222,238,238)
```
#eff7f7
```
#eff7f7 rgb(239,247,247)
```

Monochromatic Color

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

#bcddd4
```
#bcddd4 rgb(188,221,212)
```
#bcddd7
```
#bcddd7 rgb(188,221,215)
```
#bcddd9
```
#bcddd9 rgb(188,221,217)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#bcdbdd
```
#bcdbdd rgb(188,219,221)
```
#bcd9dd
```
#bcd9dd rgb(188,217,221)
```
#bcd6dd
```
#bcd6dd rgb(188,214,221)
```

Similar Colors

Text with hexadecimal color #bcdddc

This text has a font color of #bcdddc.

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

#bcdddc background color

This paragraph has a background color of #bcdddc.

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

#bcdddc border color

This element has a border color of #bcdddc.

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

CSS codes

.text {color:#bcdddc;}

.background {background-color:#bcdddc;}

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

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

#060b0b
```
#060b0b rgb(6,11,11)
```
#0c1818
```
#0c1818 rgb(12,24,24)
```
#132525
```
#132525 rgb(19,37,37)
```
#193231
```
#193231 rgb(25,50,49)
```
#203f3e
```
#203f3e rgb(32,63,62)
```
#274c4b
```
#274c4b rgb(39,76,75)
```
#2d5958
```
#2d5958 rgb(45,89,88)
```
#346665
```
#346665 rgb(52,102,101)
```
#3a7371
```
#3a7371 rgb(58,115,113)
```
#41807e
```
#41807e rgb(65,128,126)
```
#488d8b
```
#488d8b rgb(72,141,139)
```
#4e9a98
```
#4e9a98 rgb(78,154,152)
```
#55a7a5
```
#55a7a5 rgb(85,167,165)
```

Shade Color Variation

#61afac
```
#61afac rgb(97,175,172)
```
#6eb5b3
```
#6eb5b3 rgb(110,181,179)
```
#7bbcba
```
#7bbcba rgb(123,188,186)
```
#88c3c1
```
#88c3c1 rgb(136,195,193)
```
#95c9c8
```
#95c9c8 rgb(149,201,200)
```
#a2d0ce
```
#a2d0ce rgb(162,208,206)
```
#afd6d5
```
#afd6d5 rgb(175,214,213)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#c9e4e3
```
#c9e4e3 rgb(201,228,227)
```
#d6eaea
```
#d6eaea rgb(214,234,234)
```
#e3f1f0
```
#e3f1f0 rgb(227,241,240)
```
#f0f7f7
```
#f0f7f7 rgb(240,247,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 #9dfcf9 is the most saturated one.

#cccdcd
```
#cccdcd rgb(204,205,205)
```
#c8d1d1
```
#c8d1d1 rgb(200,209,209)
```
#c4d5d5
```
#c4d5d5 rgb(196,213,213)
```
#c0d9d8
```
#c0d9d8 rgb(192,217,216)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#b8e1e0
```
#b8e1e0 rgb(184,225,224)
```
#b4e5e3
```
#b4e5e3 rgb(180,229,227)
```
#b0e9e7
```
#b0e9e7 rgb(176,233,231)
```
#acedeb
```
#acedeb rgb(172,237,235)
```
#a9f0ee
```
#a9f0ee rgb(169,240,238)
```
#a5f4f2
```
#a5f4f2 rgb(165,244,242)
```
#a1f8f6
```
#a1f8f6 rgb(161,248,246)
```
#9dfcf9
```
#9dfcf9 rgb(157,252,249)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ced5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd7d9 Protanopia 1% of men
#e8d2e1 Deuteranopia 1% of men
#c2dcec Tritanopia 0.001% of the population

Trichromacy

#d0d9da Protanomaly 1% of men, 0.01% of women
#d8d6df Deuteranomaly 6% of men, 0.4% of women
#c0dce6 Tritanomaly 0.01% of the population

#bcdddc hex color

#bcdddc Color Information

#bcdddc Color Conversion

Color Schemes with #bcdddc

Alternatives to #bcdddc

#bcdddc Preview

Shades and Tints of #bcdddc

Tones of #bcdddc

Color Blindness Simulator