#bcd5dd hex color

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

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

● #bcd5dd color description : Light grayish cyan.

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

Hex triplet	bcd5dd	`#bcd5dd`
RGB Decimal	188, 213, 221	`rgb(188,213,221)`
RGB Percent	73.7, 83.5, 86.7	`rgb(73.7%,83.5%,86.7%)`
CMYK	15, 4, 0, 13
HSL	194.5°, 32.7, 80.2	`hsl(194.5,32.7%,80.2%)`
HSV (or HSB)	194.5°, 14.9, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.704, -6.684, -6.763
XYZ	57.582, 63.499, 77.625
xyY	0.29, 0.32, 63.499
CIE-LCH	83.704, 9.509, 225.336
CIE-LUV	83.704, -13.638, -9.301
Hunter-Lab	79.686, -10.467, -1.976
Binary	10111100, 11010101, 11011101

#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#ddc4bc
```
#ddc4bc rgb(221,196,188)
```

Complementary Color

#bcddd5
```
#bcddd5 rgb(188,221,213)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#bcc5dd
```
#bcc5dd rgb(188,197,221)
```

Analogous Color

#ddd5bc
```
#ddd5bc rgb(221,213,188)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#ddbcc5
```
#ddbcc5 rgb(221,188,197)
```

Split Complementary Color

#d5ddbc
```
#d5ddbc rgb(213,221,188)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#ddbcd5
```
#ddbcd5 rgb(221,188,213)
```

Triadic Color

#bcddc4
```
#bcddc4 rgb(188,221,196)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#ddbcd5
```
#ddbcd5 rgb(221,188,213)
```
#ddc4bc
```
#ddc4bc rgb(221,196,188)
```

Tetradic Color

#89b5c3
```
#89b5c3 rgb(137,181,195)
```
#9ac0cc
```
#9ac0cc rgb(154,192,204)
```
#abcad4
```
#abcad4 rgb(171,202,212)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#cde0e6
```
#cde0e6 rgb(205,224,230)
```
#deeaee
```
#deeaee rgb(222,234,238)
```
#eff5f7
```
#eff5f7 rgb(239,245,247)
```

Monochromatic Color

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

#bcdddd
```
#bcdddd rgb(188,221,221)
```
#bcdbdd
```
#bcdbdd rgb(188,219,221)
```
#bcd8dd
```
#bcd8dd rgb(188,216,221)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#bcd0dd
```
#bcd0dd rgb(188,208,221)
```
#bccddd
```
#bccddd rgb(188,205,221)
```

Similar Colors

Text with hexadecimal color #bcd5dd

This text has a font color of #bcd5dd.

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

#bcd5dd background color

This paragraph has a background color of #bcd5dd.

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

#bcd5dd border color

This element has a border color of #bcd5dd.

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

CSS codes

.text {color:#bcd5dd;}

.background {background-color:#bcd5dd;}

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

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

#060a0b
```
#060a0b rgb(6,10,11)
```
#0c1518
```
#0c1518 rgb(12,21,24)
```
#132125
```
#132125 rgb(19,33,37)
```
#192c32
```
#192c32 rgb(25,44,50)
```
#20383f
```
#20383f rgb(32,56,63)
```
#27434c
```
#27434c rgb(39,67,76)
```
#2d4f59
```
#2d4f59 rgb(45,79,89)
```
#345a66
```
#345a66 rgb(52,90,102)
```
#3a6573
```
#3a6573 rgb(58,101,115)
```
#417180
```
#417180 rgb(65,113,128)
```
#487c8d
```
#487c8d rgb(72,124,141)
```
#4e889a
```
#4e889a rgb(78,136,154)
```
#5593a7
```
#5593a7 rgb(85,147,167)
```

Shade Color Variation

#619caf
```
#619caf rgb(97,156,175)
```
#6ea4b5
```
#6ea4b5 rgb(110,164,181)
```
#7bacbc
```
#7bacbc rgb(123,172,188)
```
#88b4c3
```
#88b4c3 rgb(136,180,195)
```
#95bdc9
```
#95bdc9 rgb(149,189,201)
```
#a2c5d0
```
#a2c5d0 rgb(162,197,208)
```
#afcdd6
```
#afcdd6 rgb(175,205,214)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#c9dde4
```
#c9dde4 rgb(201,221,228)
```
#d6e5ea
```
#d6e5ea rgb(214,229,234)
```
#e3edf1
```
#e3edf1 rgb(227,237,241)
```
#f0f6f7
```
#f0f6f7 rgb(240,246,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 #9de5fc is the most saturated one.

#cccdcd
```
#cccdcd rgb(204,205,205)
```
#c8cfd1
```
#c8cfd1 rgb(200,207,209)
```
#c4d1d5
```
#c4d1d5 rgb(196,209,213)
```
#c0d3d9
```
#c0d3d9 rgb(192,211,217)
```
#bcd5dd
```
#bcd5dd rgb(188,213,221)
```
#b8d7e1
```
#b8d7e1 rgb(184,215,225)
```
#b4d9e5
```
#b4d9e5 rgb(180,217,229)
```
#b0dbe9
```
#b0dbe9 rgb(176,219,233)
```
#acdded
```
#acdded rgb(172,221,237)
```
#a9dff0
```
#a9dff0 rgb(169,223,240)
```
#a5e1f4
```
#a5e1f4 rgb(165,225,244)
```
#a1e3f8
```
#a1e3f8 rgb(161,227,248)
```
#9de5fc
```
#9de5fc rgb(157,229,252)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cacfd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d1db Protanopia 1% of men
#dfcde1 Deuteranopia 1% of men
#c0d6e5 Tritanopia 0.001% of the population

Trichromacy

#cbd3dc Protanomaly 1% of men, 0.01% of women
#d2d0e0 Deuteranomaly 6% of men, 0.4% of women
#bfd5e2 Tritanomaly 0.01% of the population

#bcd5dd hex color

#bcd5dd Color Information

#bcd5dd Color Conversion

Color Schemes with #bcd5dd

Alternatives to #bcd5dd

#bcd5dd Preview

Shades and Tints of #bcd5dd

Tones of #bcd5dd

Color Blindness Simulator