#bdd7eb hex color

In a RGB color space, hex #bdd7eb is composed of 74.1% red, 84.3% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 8.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 206.1 degrees, a saturation of 53.5% and a lightness of 83.1%. #bdd7eb color hex could be obtained by blending #ffffff with #7bafd7. Closest websafe color is: #ccccff.

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

● #bdd7eb color description : Light grayish blue.

The hexadecimal color #bdd7eb has RGB values of R:189, G:215, B:235 and CMYK values of C:0.2, M:0.09, Y:0, K:0.08. Its decimal value is 12441579.

Hex triplet	bdd7eb	`#bdd7eb`
RGB Decimal	189, 215, 235	`rgb(189,215,235)`
RGB Percent	74.1, 84.3, 92.2	`rgb(74.1%,84.3%,92.2%)`
CMYK	20, 9, 0, 8
HSL	206.1°, 53.5, 83.1	`hsl(206.1,53.5%,83.1%)`
HSV (or HSB)	206.1°, 19.6, 92.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.698, -4.461, -12.71
XYZ	60.279, 65.417, 88.043
xyY	0.282, 0.306, 65.417
CIE-LCH	84.698, 13.47, 250.658
CIE-LUV	84.698, -14.501, -19.175
Hunter-Lab	80.881, -8.508, -7.924
Binary	10111101, 11010111, 11101011

#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#ebd1bd
```
#ebd1bd rgb(235,209,189)
```

Complementary Color

#bdebe8
```
#bdebe8 rgb(189,235,232)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#bdc0eb
```
#bdc0eb rgb(189,192,235)
```

Analogous Color

#ebe8bd
```
#ebe8bd rgb(235,232,189)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#ebbdc0
```
#ebbdc0 rgb(235,189,192)
```

Split Complementary Color

#d7ebbd
```
#d7ebbd rgb(215,235,189)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#ebbdd7
```
#ebbdd7 rgb(235,189,215)
```

Triadic Color

#bdebd1
```
#bdebd1 rgb(189,235,209)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#ebbdd7
```
#ebbdd7 rgb(235,189,215)
```
#ebd1bd
```
#ebd1bd rgb(235,209,189)
```

Tetradic Color

#82b3d9
```
#82b3d9 rgb(130,179,217)
```
#96bfdf
```
#96bfdf rgb(150,191,223)
```
#a9cbe5
```
#a9cbe5 rgb(169,203,229)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#d1e3f1
```
#d1e3f1 rgb(209,227,241)
```
#e4eff7
```
#e4eff7 rgb(228,239,247)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Monochromatic Color

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

#bde3eb
```
#bde3eb rgb(189,227,235)
```
#bddfeb
```
#bddfeb rgb(189,223,235)
```
#bddbeb
```
#bddbeb rgb(189,219,235)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#bdd3eb
```
#bdd3eb rgb(189,211,235)
```
#bdcfeb
```
#bdcfeb rgb(189,207,235)
```
#bdcceb
```
#bdcceb rgb(189,204,235)
```

Similar Colors

Text with hexadecimal color #bdd7eb

This text has a font color of #bdd7eb.

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

#bdd7eb background color

This paragraph has a background color of #bdd7eb.

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

#bdd7eb border color

This element has a border color of #bdd7eb.

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

CSS codes

.text {color:#bdd7eb;}

.background {background-color:#bdd7eb;}

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

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

#030609
```
#030609 rgb(3,6,9)
```
#071118
```
#071118 rgb(7,17,24)
```
#0c1b27
```
#0c1b27 rgb(12,27,39)
```
#102636
```
#102636 rgb(16,38,54)
```
#153045
```
#153045 rgb(21,48,69)
```
#1a3b55
```
#1a3b55 rgb(26,59,85)
```
#1e4564
```
#1e4564 rgb(30,69,100)
```
#235073
```
#235073 rgb(35,80,115)
```
#275a82
```
#275a82 rgb(39,90,130)
```
#2c6591
```
#2c6591 rgb(44,101,145)
```
#306fa0
```
#306fa0 rgb(48,111,160)
```
#357aaf
```
#357aaf rgb(53,122,175)
```
#3a84be
```
#3a84be rgb(58,132,190)
```

Shade Color Variation

#458ec7
```
#458ec7 rgb(69,142,199)
```
#5497cb
```
#5497cb rgb(84,151,203)
```
#63a0d0
```
#63a0d0 rgb(99,160,208)
```
#72a9d4
```
#72a9d4 rgb(114,169,212)
```
#81b3d9
```
#81b3d9 rgb(129,179,217)
```
#90bcdd
```
#90bcdd rgb(144,188,221)
```
#9fc5e2
```
#9fc5e2 rgb(159,197,226)
```
#aecee6
```
#aecee6 rgb(174,206,230)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#cce0f0
```
#cce0f0 rgb(204,224,240)
```
#dbe9f4
```
#dbe9f4 rgb(219,233,244)
```
#eaf2f9
```
#eaf2f9 rgb(234,242,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#d1d4d7
```
#d1d4d7 rgb(209,212,215)
```
#ced5da
```
#ced5da rgb(206,213,218)
```
#cad5de
```
#cad5de rgb(202,213,222)
```
#c7d6e1
```
#c7d6e1 rgb(199,214,225)
```
#c4d6e4
```
#c4d6e4 rgb(196,214,228)
```
#c0d7e8
```
#c0d7e8 rgb(192,215,232)
```
#bdd7eb
```
#bdd7eb rgb(189,215,235)
```
#bad7ee
```
#bad7ee rgb(186,215,238)
```
#b6d8f2
```
#b6d8f2 rgb(182,216,242)
```
#b3d8f5
```
#b3d8f5 rgb(179,216,245)
```
#b0d9f8
```
#b0d9f8 rgb(176,217,248)
```
#acd9fc
```
#acd9fc rgb(172,217,252)
```
#a9daff
```
#a9daff rgb(169,218,255)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#ced3d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d4e9 Protanopia 1% of men
#ddd0ee Deuteranopia 1% of men
#bfd9e9 Tritanopia 0.001% of the population

Trichromacy

#cbd5e9 Protanomaly 1% of men, 0.01% of women
#d1d2ed Deuteranomaly 6% of men, 0.4% of women
#bed8e9 Tritanomaly 0.01% of the population

#bdd7eb hex color

#bdd7eb Color Information

#bdd7eb Color Conversion

Color Schemes with #bdd7eb

Alternatives to #bdd7eb

#bdd7eb Preview

Shades and Tints of #bdd7eb

Tones of #bdd7eb

Color Blindness Simulator