#bdcddf hex color

In a RGB color space, hex #bdcddf is composed of 74.1% red, 80.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 8.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 211.8 degrees, a saturation of 34.7% and a lightness of 80.8%. #bdcddf color hex could be obtained by blending #ffffff with #7b9bbf. Closest websafe color is: #cccccc.

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

● #bdcddf color description : Light grayish blue.

The hexadecimal color #bdcddf has RGB values of R:189, G:205, B:223 and CMYK values of C:0.15, M:0.08, Y:0, K:0.13. Its decimal value is 12439007.

Hex triplet	bdcddf	`#bdcddf`
RGB Decimal	189, 205, 223	`rgb(189,205,223)`
RGB Percent	74.1, 80.4, 87.5	`rgb(74.1%,80.4%,87.5%)`
CMYK	15, 8, 0, 13
HSL	211.8°, 34.7, 80.8	`hsl(211.8,34.7%,80.8%)`
HSV (or HSB)	211.8°, 15.2, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.734, -1.766, -10.749
XYZ	56.134, 59.808, 78.395
xyY	0.289, 0.308, 59.808
CIE-LCH	81.734, 10.893, 260.67
CIE-LUV	81.734, -9.464, -16.376
Hunter-Lab	77.336, -5.774, -5.967
Binary	10111101, 11001101, 11011111

#bdcddf
```
#bdcddf rgb(189,205,223)
```
#dfcfbd
```
#dfcfbd rgb(223,207,189)
```

Complementary Color

#bddedf
```
#bddedf rgb(189,222,223)
```
#bdcddf
```
#bdcddf rgb(189,205,223)
```
#bebddf
```
#bebddf rgb(190,189,223)
```

Analogous Color

#dedfbd
```
#dedfbd rgb(222,223,189)
```
#bdcddf
```
#bdcddf rgb(189,205,223)
```
#dfbebd
```
#dfbebd rgb(223,190,189)
```

Split Complementary Color

#cddfbd
```
#cddfbd rgb(205,223,189)
```
#bdcddf
```
#bdcddf rgb(189,205,223)
```
#dfbdcd
```
#dfbdcd rgb(223,189,205)
```

Triadic Color

#bddfcf
```
#bddfcf rgb(189,223,207)
```
#bdcddf
```
#bdcddf rgb(189,205,223)
```
#dfbdcd
```
#dfbdcd rgb(223,189,205)
```
#dfcfbd
```
#dfcfbd rgb(223,207,189)
```

Tetradic Color

#89a6c6
```
#89a6c6 rgb(137,166,198)
```
#9bb3ce
```
#9bb3ce rgb(155,179,206)
```
#acc0d7
```
#acc0d7 rgb(172,192,215)
```
#bdcddf
```
#bdcddf rgb(189,205,223)
```
#cedae7
```
#cedae7 rgb(206,218,231)
```
#dfe7f0
```
#dfe7f0 rgb(223,231,240)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```

Monochromatic Color

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

#bdd6df
```
#bdd6df rgb(189,214,223)
```
#bdd3df
```
#bdd3df rgb(189,211,223)
```
#bdd0df
```
#bdd0df rgb(189,208,223)
```
#bdcddf
```
#bdcddf rgb(189,205,223)
```
#bdcadf
```
#bdcadf rgb(189,202,223)
```
#bdc7df
```
#bdc7df rgb(189,199,223)
```
#bdc5df
```
#bdc5df rgb(189,197,223)
```

Similar Colors

Text with hexadecimal color #bdcddf

This text has a font color of #bdcddf.

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

#bdcddf background color

This paragraph has a background color of #bdcddf.

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

#bdcddf border color

This element has a border color of #bdcddf.

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

CSS codes

.text {color:#bdcddf;}

.background {background-color:#bdcddf;}

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

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, #000000 is the darkest color, while #f2f5f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#060a0d
```
#060a0d rgb(6,10,13)
```
#0d131a
```
#0d131a rgb(13,19,26)
```
#131d28
```
#131d28 rgb(19,29,40)
```
#1a2635
```
#1a2635 rgb(26,38,53)
```
#203042
```
#203042 rgb(32,48,66)
```
#263a4f
```
#263a4f rgb(38,58,79)
```
#2d435d
```
#2d435d rgb(45,67,93)
```
#334d6a
```
#334d6a rgb(51,77,106)
```
#3a5777
```
#3a5777 rgb(58,87,119)
```
#406084
```
#406084 rgb(64,96,132)
```
#466a91
```
#466a91 rgb(70,106,145)
```
#4d739f
```
#4d739f rgb(77,115,159)
```

Shade Color Variation

#537dac
```
#537dac rgb(83,125,172)
```
#6187b2
```
#6187b2 rgb(97,135,178)
```
#6e91b9
```
#6e91b9 rgb(110,145,185)
```
#7b9bbf
```
#7b9bbf rgb(123,155,191)
```
#88a5c5
```
#88a5c5 rgb(136,165,197)
```
#95afcc
```
#95afcc rgb(149,175,204)
```
#a3b9d2
```
#a3b9d2 rgb(163,185,210)
```
#b0c3d9
```
#b0c3d9 rgb(176,195,217)
```
#bdcddf
```
#bdcddf rgb(189,205,223)
```
#cad7e5
```
#cad7e5 rgb(202,215,229)
```
#d7e1ec
```
#d7e1ec rgb(215,225,236)
```
#e5ebf2
```
#e5ebf2 rgb(229,235,242)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

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

#ccced0
```
#ccced0 rgb(204,206,208)
```
#c8ced4
```
#c8ced4 rgb(200,206,212)
```
#c5cdd7
```
#c5cdd7 rgb(197,205,215)
```
#c1cddb
```
#c1cddb rgb(193,205,219)
```
#bdcddf
```
#bdcddf rgb(189,205,223)
```
#b9cde3
```
#b9cde3 rgb(185,205,227)
```
#b5cde7
```
#b5cde7 rgb(181,205,231)
```
#b2ccea
```
#b2ccea rgb(178,204,234)
```
#aeccee
```
#aeccee rgb(174,204,238)
```
#aaccf2
```
#aaccf2 rgb(170,204,242)
```
#a6ccf6
```
#a6ccf6 rgb(166,204,246)
```
#a3cbf9
```
#a3cbf9 rgb(163,203,249)
```
#9fcbfd
```
#9fcbfd rgb(159,203,253)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c7cbce Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccccde Protanopia 1% of men
#d6c8e2 Deuteranopia 1% of men
#c0cfde Tritanopia 0.001% of the population

Trichromacy

#c6ccde Protanomaly 1% of men, 0.01% of women
#cdcae1 Deuteranomaly 6% of men, 0.4% of women
#becede Tritanomaly 0.01% of the population

#bdcddf hex color

#bdcddf Color Information

#bdcddf Color Conversion

Color Schemes with #bdcddf

Alternatives to #bdcddf

#bdcddf Preview

Shades and Tints of #bdcddf

Tones of #bdcddf

Color Blindness Simulator