#bcded9 hex color

In a RGB color space, hex #bcded9 is composed of 73.7% red, 87.1% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 15.3% cyan, 0% magenta, 2.3% yellow and 12.9% black. It has a hue angle of 171.2 degrees, a saturation of 34% and a lightness of 80.4%. #bcded9 color hex could be obtained by blending #ffffff with #79bdb3. Closest websafe color is: #cccccc.

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

● #bcded9 color description : Light grayish cyan.

The hexadecimal color #bcded9 has RGB values of R:188, G:222, B:217 and CMYK values of C:0.15, M:0, Y:0.02, K:0.13. Its decimal value is 12377817.

Hex triplet	bcded9	`#bcded9`
RGB Decimal	188, 222, 217	`rgb(188,222,217)`
RGB Percent	73.7, 87.1, 85.1	`rgb(73.7%,87.1%,85.1%)`
CMYK	15, 0, 2, 13
HSL	171.2°, 34, 80.4	`hsl(171.2,34%,80.4%)`
HSV (or HSB)	171.2°, 15.3, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.978, -12.119, -1.297
XYZ	59.382, 67.942, 75.627
xyY	0.293, 0.335, 67.942
CIE-LCH	85.978, 12.188, 186.11
CIE-LUV	85.978, -17.752, 0.099
Hunter-Lab	82.427, -15.653, 3.3
Binary	10111100, 11011110, 11011001

#bcded9
```
#bcded9 rgb(188,222,217)
```
#debcc1
```
#debcc1 rgb(222,188,193)
```

Complementary Color

#bcdec8
```
#bcdec8 rgb(188,222,200)
```
#bcded9
```
#bcded9 rgb(188,222,217)
```
#bcd2de
```
#bcd2de rgb(188,210,222)
```

Analogous Color

#dec8bc
```
#dec8bc rgb(222,200,188)
```
#bcded9
```
#bcded9 rgb(188,222,217)
```
#debcd2
```
#debcd2 rgb(222,188,210)
```

Split Complementary Color

#ded9bc
```
#ded9bc rgb(222,217,188)
```
#bcded9
```
#bcded9 rgb(188,222,217)
```
#d9bcde
```
#d9bcde rgb(217,188,222)
```

Triadic Color

#c1debc
```
#c1debc rgb(193,222,188)
```
#bcded9
```
#bcded9 rgb(188,222,217)
```
#d9bcde
```
#d9bcde rgb(217,188,222)
```
#debcc1
```
#debcc1 rgb(222,188,193)
```

Tetradic Color

#89c5bc
```
#89c5bc rgb(137,197,188)
```
#9acdc6
```
#9acdc6 rgb(154,205,198)
```
#abd6cf
```
#abd6cf rgb(171,214,207)
```
#bcded9
```
#bcded9 rgb(188,222,217)
```
#cde6e3
```
#cde6e3 rgb(205,230,227)
```
#deefec
```
#deefec rgb(222,239,236)
```
#eff7f6
```
#eff7f6 rgb(239,247,246)
```

Monochromatic Color

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

#bcded1
```
#bcded1 rgb(188,222,209)
```
#bcded3
```
#bcded3 rgb(188,222,211)
```
#bcded6
```
#bcded6 rgb(188,222,214)
```
#bcded9
```
#bcded9 rgb(188,222,217)
```
#bcdedc
```
#bcdedc rgb(188,222,220)
```
#bcddde
```
#bcddde rgb(188,221,222)
```
#bcdbde
```
#bcdbde rgb(188,219,222)
```

Similar Colors

Text with hexadecimal color #bcded9

This text has a font color of #bcded9.

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

#bcded9 background color

This paragraph has a background color of #bcded9.

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

#bcded9 border color

This element has a border color of #bcded9.

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

CSS codes

.text {color:#bcded9;}

.background {background-color:#bcded9;}

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

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

#060c0b
```
#060c0b rgb(6,12,11)
```
#0c1917
```
#0c1917 rgb(12,25,23)
```
#132623
```
#132623 rgb(19,38,35)
```
#19332f
```
#19332f rgb(25,51,47)
```
#20403c
```
#20403c rgb(32,64,60)
```
#264e48
```
#264e48 rgb(38,78,72)
```
#2d5b54
```
#2d5b54 rgb(45,91,84)
```
#336860
```
#336860 rgb(51,104,96)
```
#3a756c
```
#3a756c rgb(58,117,108)
```
#408278
```
#408278 rgb(64,130,120)
```
#478f85
```
#478f85 rgb(71,143,133)
```
#4d9c91
```
#4d9c91 rgb(77,156,145)
```
#54aa9d
```
#54aa9d rgb(84,170,157)
```

Shade Color Variation

#60b1a5
```
#60b1a5 rgb(96,177,165)
```
#6db7ac
```
#6db7ac rgb(109,183,172)
```
#7abeb4
```
#7abeb4 rgb(122,190,180)
```
#87c4bb
```
#87c4bb rgb(135,196,187)
```
#95cbc3
```
#95cbc3 rgb(149,203,195)
```
#a2d1ca
```
#a2d1ca rgb(162,209,202)
```
#afd8d2
```
#afd8d2 rgb(175,216,210)
```
#bcded9
```
#bcded9 rgb(188,222,217)
```
#c9e4e0
```
#c9e4e0 rgb(201,228,224)
```
#d6ebe8
```
#d6ebe8 rgb(214,235,232)
```
#e3f1ef
```
#e3f1ef rgb(227,241,239)
```
#f1f8f7
```
#f1f8f7 rgb(241,248,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cbcfce
```
#cbcfce rgb(203,207,206)
```
#c8d2d1
```
#c8d2d1 rgb(200,210,209)
```
#c4d6d4
```
#c4d6d4 rgb(196,214,212)
```
#c0dad6
```
#c0dad6 rgb(192,218,214)
```
#bcded9
```
#bcded9 rgb(188,222,217)
```
#b8e2dc
```
#b8e2dc rgb(184,226,220)
```
#b4e6de
```
#b4e6de rgb(180,230,222)
```
#b0eae1
```
#b0eae1 rgb(176,234,225)
```
#adede4
```
#adede4 rgb(173,237,228)
```
#a9f1e7
```
#a9f1e7 rgb(169,241,231)
```
#a5f5e9
```
#a5f5e9 rgb(165,245,233)
```
#a1f9ec
```
#a1f9ec rgb(161,249,236)
```
#9dfdef
```
#9dfdef rgb(157,253,239)
```

Tone Color Variation

Below, you can see how #bcded9 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
#ced5d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd8d6 Protanopia 1% of men
#ead2df Deuteranopia 1% of men
#c3dcec Tritanopia 0.001% of the population

Trichromacy

#d1dad7 Protanomaly 1% of men, 0.01% of women
#d9d6dc Deuteranomaly 6% of men, 0.4% of women
#c0dde5 Tritanomaly 0.01% of the population

#bcded9 hex color

#bcded9 Color Information

#bcded9 Color Conversion

Color Schemes with #bcded9

Alternatives to #bcded9

#bcded9 Preview

Shades and Tints of #bcded9

Tones of #bcded9

Color Blindness Simulator