#bcd1df hex color

In a RGB color space, hex #bcd1df is composed of 73.7% red, 82% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 6.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 204 degrees, a saturation of 35.4% and a lightness of 80.6%. #bcd1df color hex could be obtained by blending #ffffff with #79a3bf. Closest websafe color is: #cccccc.

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

● #bcd1df color description : Light grayish blue.

The hexadecimal color #bcd1df has RGB values of R:188, G:209, B:223 and CMYK values of C:0.16, M:0.06, Y:0, K:0.13. Its decimal value is 12374495.

Hex triplet	bcd1df	`#bcd1df`
RGB Decimal	188, 209, 223	`rgb(188,209,223)`
RGB Percent	73.7, 82, 87.5	`rgb(73.7%,82%,87.5%)`
CMYK	16, 6, 0, 13
HSL	204°, 35.4, 80.6	`hsl(204,35.4%,80.6%)`
HSV (or HSB)	204°, 15.7, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.71, -4.185, -9.302
XYZ	56.856, 61.619, 78.706
xyY	0.288, 0.312, 61.619
CIE-LCH	82.71, 10.2, 245.779
CIE-LUV	82.71, -11.835, -13.705
Hunter-Lab	78.498, -8.084, -4.499
Binary	10111100, 11010001, 11011111

#bcd1df
```
#bcd1df rgb(188,209,223)
```
#dfcabc
```
#dfcabc rgb(223,202,188)
```

Complementary Color

#bcdfdc
```
#bcdfdc rgb(188,223,220)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#bcc0df
```
#bcc0df rgb(188,192,223)
```

Analogous Color

#dfdcbc
```
#dfdcbc rgb(223,220,188)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#dfbcc0
```
#dfbcc0 rgb(223,188,192)
```

Split Complementary Color

#d1dfbc
```
#d1dfbc rgb(209,223,188)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#dfbcd1
```
#dfbcd1 rgb(223,188,209)
```

Triadic Color

#bcdfca
```
#bcdfca rgb(188,223,202)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#dfbcd1
```
#dfbcd1 rgb(223,188,209)
```
#dfcabc
```
#dfcabc rgb(223,202,188)
```

Tetradic Color

#88adc6
```
#88adc6 rgb(136,173,198)
```
#99b9cf
```
#99b9cf rgb(153,185,207)
```
#abc5d7
```
#abc5d7 rgb(171,197,215)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#cddde7
```
#cddde7 rgb(205,221,231)
```
#dfe9ef
```
#dfe9ef rgb(223,233,239)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```

Monochromatic Color

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

#bcdadf
```
#bcdadf rgb(188,218,223)
```
#bcd7df
```
#bcd7df rgb(188,215,223)
```
#bcd4df
```
#bcd4df rgb(188,212,223)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#bccedf
```
#bccedf rgb(188,206,223)
```
#bccbdf
```
#bccbdf rgb(188,203,223)
```
#bcc8df
```
#bcc8df rgb(188,200,223)
```

Similar Colors

Text with hexadecimal color #bcd1df

This text has a font color of #bcd1df.

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

#bcd1df background color

This paragraph has a background color of #bcd1df.

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

#bcd1df border color

This element has a border color of #bcd1df.

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

CSS codes

.text {color:#bcd1df;}

.background {background-color:#bcd1df;}

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

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

#060a0d
```
#060a0d rgb(6,10,13)
```
#0c151a
```
#0c151a rgb(12,21,26)
```
#131f27
```
#131f27 rgb(19,31,39)
```
#192a34
```
#192a34 rgb(25,42,52)
```
#1f3442
```
#1f3442 rgb(31,52,66)
```
#263f4f
```
#263f4f rgb(38,63,79)
```
#2c495c
```
#2c495c rgb(44,73,92)
```
#32546a
```
#32546a rgb(50,84,106)
```
#395e77
```
#395e77 rgb(57,94,119)
```
#3f6984
```
#3f6984 rgb(63,105,132)
```
#457391
```
#457391 rgb(69,115,145)
```
#4c7e9f
```
#4c7e9f rgb(76,126,159)
```
#5288ac
```
#5288ac rgb(82,136,172)
```

Shade Color Variation

#5f91b3
```
#5f91b3 rgb(95,145,179)
```
#6c9ab9
```
#6c9ab9 rgb(108,154,185)
```
#7aa3bf
```
#7aa3bf rgb(122,163,191)
```
#87adc6
```
#87adc6 rgb(135,173,198)
```
#94b6cc
```
#94b6cc rgb(148,182,204)
```
#a1bfd2
```
#a1bfd2 rgb(161,191,210)
```
#afc8d9
```
#afc8d9 rgb(175,200,217)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#c9dae5
```
#c9dae5 rgb(201,218,229)
```
#d7e3ec
```
#d7e3ec rgb(215,227,236)
```
#e4ecf2
```
#e4ecf2 rgb(228,236,242)
```
#f1f5f8
```
#f1f5f8 rgb(241,245,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cbced0
```
#cbced0 rgb(203,206,208)
```
#c7cfd4
```
#c7cfd4 rgb(199,207,212)
```
#c4cfd7
```
#c4cfd7 rgb(196,207,215)
```
#c0d0db
```
#c0d0db rgb(192,208,219)
```
#bcd1df
```
#bcd1df rgb(188,209,223)
```
#b8d2e3
```
#b8d2e3 rgb(184,210,227)
```
#b4d3e7
```
#b4d3e7 rgb(180,211,231)
```
#b1d3ea
```
#b1d3ea rgb(177,211,234)
```
#add4ee
```
#add4ee rgb(173,212,238)
```
#a9d5f2
```
#a9d5f2 rgb(169,213,242)
```
#a5d6f6
```
#a5d6f6 rgb(165,214,246)
```
#a1d6fa
```
#a1d6fa rgb(161,214,250)
```
#9ed7fd
```
#9ed7fd rgb(158,215,253)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c9cdd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcfde Protanopia 1% of men
#dacbe3 Deuteranopia 1% of men
#bfd3e2 Tritanopia 0.001% of the population

Trichromacy

#c8cfde Protanomaly 1% of men, 0.01% of women
#cfcde1 Deuteranomaly 6% of men, 0.4% of women
#bed2e1 Tritanomaly 0.01% of the population

#bcd1df hex color

#bcd1df Color Information

#bcd1df Color Conversion

Color Schemes with #bcd1df

Alternatives to #bcd1df

#bcd1df Preview

Shades and Tints of #bcd1df

Tones of #bcd1df

Color Blindness Simulator