#bcd7df hex color

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

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

● #bcd7df color description : Light grayish cyan.

The hexadecimal color #bcd7df has RGB values of R:188, G:215, B:223 and CMYK values of C:0.16, M:0.04, Y:0, K:0.13. Its decimal value is 12376031.

Hex triplet	bcd7df	`#bcd7df`
RGB Decimal	188, 215, 223	`rgb(188,215,223)`
RGB Percent	73.7, 84.3, 87.5	`rgb(73.7%,84.3%,87.5%)`
CMYK	16, 4, 0, 13
HSL	193.7°, 35.4, 80.6	`hsl(193.7,35.4%,80.6%)`
HSV (or HSB)	193.7°, 15.7, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.287, -7.307, -6.963
XYZ	58.356, 64.619, 79.206
xyY	0.289, 0.32, 64.619
CIE-LCH	84.287, 10.094, 223.618
CIE-LUV	84.287, -14.631, -9.523
Hunter-Lab	80.386, -11.094, -2.15
Binary	10111100, 11010111, 11011111

#bcd7df
```
#bcd7df rgb(188,215,223)
```
#dfc4bc
```
#dfc4bc rgb(223,196,188)
```

Complementary Color

#bcdfd6
```
#bcdfd6 rgb(188,223,214)
```
#bcd7df
```
#bcd7df rgb(188,215,223)
```
#bcc6df
```
#bcc6df rgb(188,198,223)
```

Analogous Color

#dfd6bc
```
#dfd6bc rgb(223,214,188)
```
#bcd7df
```
#bcd7df rgb(188,215,223)
```
#dfbcc6
```
#dfbcc6 rgb(223,188,198)
```

Split Complementary Color

#d7dfbc
```
#d7dfbc rgb(215,223,188)
```
#bcd7df
```
#bcd7df rgb(188,215,223)
```
#dfbcd7
```
#dfbcd7 rgb(223,188,215)
```

Triadic Color

#bcdfc4
```
#bcdfc4 rgb(188,223,196)
```
#bcd7df
```
#bcd7df rgb(188,215,223)
```
#dfbcd7
```
#dfbcd7 rgb(223,188,215)
```
#dfc4bc
```
#dfc4bc rgb(223,196,188)
```

Tetradic Color

#88b8c6
```
#88b8c6 rgb(136,184,198)
```
#99c2cf
```
#99c2cf rgb(153,194,207)
```
#abcdd7
```
#abcdd7 rgb(171,205,215)
```
#bcd7df
```
#bcd7df rgb(188,215,223)
```
#cde1e7
```
#cde1e7 rgb(205,225,231)
```
#dfecef
```
#dfecef rgb(223,236,239)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```

Monochromatic Color

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

#bcdfde
```
#bcdfde rgb(188,223,222)
```
#bcdddf
```
#bcdddf rgb(188,221,223)
```
#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)
```

Similar Colors

Text with hexadecimal color #bcd7df

This text has a font color of #bcd7df.

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

#bcd7df background color

This paragraph has a background color of #bcd7df.

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

#bcd7df border color

This element has a border color of #bcd7df.

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

CSS codes

.text {color:#bcd7df;}

.background {background-color:#bcd7df;}

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

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

#060b0d
```
#060b0d rgb(6,11,13)
```
#0c171a
```
#0c171a rgb(12,23,26)
```
#132327
```
#132327 rgb(19,35,39)
```
#192e34
```
#192e34 rgb(25,46,52)
```
#1f3a42
```
#1f3a42 rgb(31,58,66)
```
#26464f
```
#26464f rgb(38,70,79)
```
#2c515c
```
#2c515c rgb(44,81,92)
```
#325d6a
```
#325d6a rgb(50,93,106)
```
#396977
```
#396977 rgb(57,105,119)
```
#3f7484
```
#3f7484 rgb(63,116,132)
```
#458091
```
#458091 rgb(69,128,145)
```
#4c8c9f
```
#4c8c9f rgb(76,140,159)
```
#5297ac
```
#5297ac rgb(82,151,172)
```

Shade Color Variation

#5fa0b3
```
#5fa0b3 rgb(95,160,179)
```
#6ca7b9
```
#6ca7b9 rgb(108,167,185)
```
#7aafbf
```
#7aafbf rgb(122,175,191)
```
#87b7c6
```
#87b7c6 rgb(135,183,198)
```
#94bfcc
```
#94bfcc rgb(148,191,204)
```
#a1c7d2
```
#a1c7d2 rgb(161,199,210)
```
#afcfd9
```
#afcfd9 rgb(175,207,217)
```
#bcd7df
```
#bcd7df rgb(188,215,223)
```
#c9dfe5
```
#c9dfe5 rgb(201,223,229)
```
#d7e7ec
```
#d7e7ec rgb(215,231,236)
```
#e4eff2
```
#e4eff2 rgb(228,239,242)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cbcfd0
```
#cbcfd0 rgb(203,207,208)
```
#c7d1d4
```
#c7d1d4 rgb(199,209,212)
```
#c4d3d7
```
#c4d3d7 rgb(196,211,215)
```
#c0d5db
```
#c0d5db rgb(192,213,219)
```
#bcd7df
```
#bcd7df rgb(188,215,223)
```
#b8d9e3
```
#b8d9e3 rgb(184,217,227)
```
#b4dbe7
```
#b4dbe7 rgb(180,219,231)
```
#b1ddea
```
#b1ddea rgb(177,221,234)
```
#addfee
```
#addfee rgb(173,223,238)
```
#a9e1f2
```
#a9e1f2 rgb(169,225,242)
```
#a5e3f6
```
#a5e3f6 rgb(165,227,246)
```
#a1e5fa
```
#a1e5fa rgb(161,229,250)
```
#9ee8fd
```
#9ee8fd rgb(158,232,253)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3dd Protanopia 1% of men
#e0cfe4 Deuteranopia 1% of men
#c1d7e7 Tritanopia 0.001% of the population

Trichromacy

#ccd4de Protanomaly 1% of men, 0.01% of women
#d3d1e2 Deuteranomaly 6% of men, 0.4% of women
#bfd7e4 Tritanomaly 0.01% of the population

#bcd7df hex color

#bcd7df Color Information

#bcd7df Color Conversion

Color Schemes with #bcd7df

Alternatives to #bcd7df

#bcd7df Preview

Shades and Tints of #bcd7df

Tones of #bcd7df

Color Blindness Simulator