#bdd6ec hex color

In a RGB color space, hex #bdd6ec is composed of 74.1% red, 83.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 19.9% cyan, 9.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 208.1 degrees, a saturation of 55.3% and a lightness of 83.3%. #bdd6ec color hex could be obtained by blending #ffffff with #7badd9. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 84
- B 93
RGB color chart
- C 20
- M 9
- Y 0
- K 7
CMYK color chart

● #bdd6ec color description : Light grayish blue.

The hexadecimal color #bdd6ec has RGB values of R:189, G:214, B:236 and CMYK values of C:0.2, M:0.09, Y:0, K:0.07. Its decimal value is 12441324.

Hex triplet	bdd6ec	`#bdd6ec`
RGB Decimal	189, 214, 236	`rgb(189,214,236)`
RGB Percent	74.1, 83.9, 92.5	`rgb(74.1%,83.9%,92.5%)`
CMYK	20, 9, 0, 7
HSL	208.1°, 55.3, 83.3	`hsl(208.1,55.3%,83.3%)`
HSV (or HSB)	208.1°, 19.9, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.467, -3.723, -13.586
XYZ	60.17, 64.967, 88.722
xyY	0.281, 0.304, 64.967
CIE-LCH	84.467, 14.087, 254.674
CIE-LUV	84.467, -14.078, -20.705
Hunter-Lab	80.602, -7.802, -8.842
Binary	10111101, 11010110, 11101100

#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#ecd3bd
```
#ecd3bd rgb(236,211,189)
```

Complementary Color

#bdeceb
```
#bdeceb rgb(189,236,235)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#bdbfec
```
#bdbfec rgb(189,191,236)
```

Analogous Color

#ecebbd
```
#ecebbd rgb(236,235,189)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#ecbdbf
```
#ecbdbf rgb(236,189,191)
```

Split Complementary Color

#d6ecbd
```
#d6ecbd rgb(214,236,189)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#ecbdd6
```
#ecbdd6 rgb(236,189,214)
```

Triadic Color

#bdecd3
```
#bdecd3 rgb(189,236,211)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#ecbdd6
```
#ecbdd6 rgb(236,189,214)
```
#ecd3bd
```
#ecd3bd rgb(236,211,189)
```

Tetradic Color

#82b1db
```
#82b1db rgb(130,177,219)
```
#95bde1
```
#95bde1 rgb(149,189,225)
```
#a9cae6
```
#a9cae6 rgb(169,202,230)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#d1e2f2
```
#d1e2f2 rgb(209,226,242)
```
#e5eff7
```
#e5eff7 rgb(229,239,247)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Monochromatic Color

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

#bde2ec
```
#bde2ec rgb(189,226,236)
```
#bddeec
```
#bddeec rgb(189,222,236)
```
#bddaec
```
#bddaec rgb(189,218,236)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#bdd2ec
```
#bdd2ec rgb(189,210,236)
```
#bdceec
```
#bdceec rgb(189,206,236)
```
#bdcaec
```
#bdcaec rgb(189,202,236)
```

Similar Colors

Text with hexadecimal color #bdd6ec

This text has a font color of #bdd6ec.

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

#bdd6ec background color

This paragraph has a background color of #bdd6ec.

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

#bdd6ec border color

This element has a border color of #bdd6ec.

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

CSS codes

.text {color:#bdd6ec;}

.background {background-color:#bdd6ec;}

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

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, #03070a is the darkest color, while #fafcfe is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#071119
```
#071119 rgb(7,17,25)
```
#0c1b29
```
#0c1b29 rgb(12,27,41)
```
#102538
```
#102538 rgb(16,37,56)
```
#142f47
```
#142f47 rgb(20,47,71)
```
#193a56
```
#193a56 rgb(25,58,86)
```
#1d4466
```
#1d4466 rgb(29,68,102)
```
#224e75
```
#224e75 rgb(34,78,117)
```
#265884
```
#265884 rgb(38,88,132)
```
#2a6293
```
#2a6293 rgb(42,98,147)
```
#2f6ca2
```
#2f6ca2 rgb(47,108,162)
```
#3376b2
```
#3376b2 rgb(51,118,178)
```
#3881c1
```
#3881c1 rgb(56,129,193)
```

Shade Color Variation

#438ac9
```
#438ac9 rgb(67,138,201)
```
#5294cd
```
#5294cd rgb(82,148,205)
```
#629dd2
```
#629dd2 rgb(98,157,210)
```
#71a7d6
```
#71a7d6 rgb(113,167,214)
```
#80b0da
```
#80b0da rgb(128,176,218)
```
#8fbadf
```
#8fbadf rgb(143,186,223)
```
#9fc3e3
```
#9fc3e3 rgb(159,195,227)
```
#aecde8
```
#aecde8 rgb(174,205,232)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#ccdff0
```
#ccdff0 rgb(204,223,240)
```
#dbe9f5
```
#dbe9f5 rgb(219,233,245)
```
#ebf2f9
```
#ebf2f9 rgb(235,242,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#d4d5d5
```
#d4d5d5 rgb(212,213,213)
```
#d1d5d8
```
#d1d5d8 rgb(209,213,216)
```
#cdd5dc
```
#cdd5dc rgb(205,213,220)
```
#cad5df
```
#cad5df rgb(202,213,223)
```
#c7d5e2
```
#c7d5e2 rgb(199,213,226)
```
#c4d6e5
```
#c4d6e5 rgb(196,214,229)
```
#c0d6e9
```
#c0d6e9 rgb(192,214,233)
```
#bdd6ec
```
#bdd6ec rgb(189,214,236)
```
#bad6ef
```
#bad6ef rgb(186,214,239)
```
#b6d6f3
```
#b6d6f3 rgb(182,214,243)
```
#b3d7f6
```
#b3d7f6 rgb(179,215,246)
```
#b0d7f9
```
#b0d7f9 rgb(176,215,249)
```
#add7fc
```
#add7fc rgb(173,215,252)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd2d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d3ea Protanopia 1% of men
#dbd0ef Deuteranopia 1% of men
#bfd8e8 Tritanopia 0.001% of the population

Trichromacy

#cad4ea Protanomaly 1% of men, 0.01% of women
#d0d2ee Deuteranomaly 6% of men, 0.4% of women
#bed7e9 Tritanomaly 0.01% of the population

#bdd6ec hex color

#bdd6ec Color Information

#bdd6ec Color Conversion

Color Schemes with #bdd6ec

Alternatives to #bdd6ec

#bdd6ec Preview

Shades and Tints of #bdd6ec

Tones of #bdd6ec

Color Blindness Simulator