#bdd3ea hex color

In a RGB color space, hex #bdd3ea is composed of 74.1% red, 82.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 19.2% cyan, 9.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 210.7 degrees, a saturation of 51.7% and a lightness of 82.9%. #bdd3ea color hex could be obtained by blending #ffffff with #7ba7d5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 83
- B 92
RGB color chart
- C 19
- M 10
- Y 0
- K 8
CMYK color chart

● #bdd3ea color description : Light grayish blue.

The hexadecimal color #bdd3ea has RGB values of R:189, G:211, B:234 and CMYK values of C:0.19, M:0.1, Y:0, K:0.08. Its decimal value is 12440554.

Hex triplet	bdd3ea	`#bdd3ea`
RGB Decimal	189, 211, 234	`rgb(189,211,234)`
RGB Percent	74.1, 82.7, 91.8	`rgb(74.1%,82.7%,91.8%)`
CMYK	19, 10, 0, 8
HSL	210.7°, 51.7, 82.9	`hsl(210.7,51.7%,82.9%)`
HSV (or HSB)	210.7°, 19.2, 91.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.625, -2.584, -13.785
XYZ	59.129, 63.347, 86.949
xyY	0.282, 0.302, 63.347
CIE-LCH	83.625, 14.026, 259.382
CIE-LUV	83.625, -12.647, -21.183
Hunter-Lab	79.591, -6.674, -9.058
Binary	10111101, 11010011, 11101010

#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#ead4bd
```
#ead4bd rgb(234,212,189)
```

Complementary Color

#bdeaea
```
#bdeaea rgb(189,234,234)
```
#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#bebdea
```
#bebdea rgb(190,189,234)
```

Analogous Color

#eaeabd
```
#eaeabd rgb(234,234,189)
```
#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#eabebd
```
#eabebd rgb(234,190,189)
```

Split Complementary Color

#d3eabd
```
#d3eabd rgb(211,234,189)
```
#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#eabdd3
```
#eabdd3 rgb(234,189,211)
```

Triadic Color

#bdead4
```
#bdead4 rgb(189,234,212)
```
#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#eabdd3
```
#eabdd3 rgb(234,189,211)
```
#ead4bd
```
#ead4bd rgb(234,212,189)
```

Tetradic Color

#83acd8
```
#83acd8 rgb(131,172,216)
```
#96b9de
```
#96b9de rgb(150,185,222)
```
#aac6e4
```
#aac6e4 rgb(170,198,228)
```
#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#d0e0f0
```
#d0e0f0 rgb(208,224,240)
```
#e4edf6
```
#e4edf6 rgb(228,237,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Monochromatic Color

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

#bddeea
```
#bddeea rgb(189,222,234)
```
#bddbea
```
#bddbea rgb(189,219,234)
```
#bdd7ea
```
#bdd7ea rgb(189,215,234)
```
#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#bdcfea
```
#bdcfea rgb(189,207,234)
```
#bdccea
```
#bdccea rgb(189,204,234)
```
#bdc8ea
```
#bdc8ea rgb(189,200,234)
```

Similar Colors

Text with hexadecimal color #bdd3ea

This text has a font color of #bdd3ea.

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

#bdd3ea background color

This paragraph has a background color of #bdd3ea.

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

#bdd3ea border color

This element has a border color of #bdd3ea.

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

CSS codes

.text {color:#bdd3ea;}

.background {background-color:#bdd3ea;}

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

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

#030508
```
#030508 rgb(3,5,8)
```
#070f17
```
#070f17 rgb(7,15,23)
```
#0c1926
```
#0c1926 rgb(12,25,38)
```
#112335
```
#112335 rgb(17,35,53)
```
#162c44
```
#162c44 rgb(22,44,68)
```
#1a3653
```
#1a3653 rgb(26,54,83)
```
#1f4062
```
#1f4062 rgb(31,64,98)
```
#244971
```
#244971 rgb(36,73,113)
```
#29537f
```
#29537f rgb(41,83,127)
```
#2d5d8e
```
#2d5d8e rgb(45,93,142)
```
#32669d
```
#32669d rgb(50,102,157)
```
#3770ac
```
#3770ac rgb(55,112,172)
```
#3b7abb
```
#3b7abb rgb(59,122,187)
```

Shade Color Variation

#4684c4
```
#4684c4 rgb(70,132,196)
```
#558ec9
```
#558ec9 rgb(85,142,201)
```
#6497ce
```
#6497ce rgb(100,151,206)
```
#73a1d2
```
#73a1d2 rgb(115,161,210)
```
#81abd7
```
#81abd7 rgb(129,171,215)
```
#90b5dc
```
#90b5dc rgb(144,181,220)
```
#9fbfe1
```
#9fbfe1 rgb(159,191,225)
```
#aec9e5
```
#aec9e5 rgb(174,201,229)
```
#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#ccddef
```
#ccddef rgb(204,221,239)
```
#dbe7f3
```
#dbe7f3 rgb(219,231,243)
```
#eaf1f8
```
#eaf1f8 rgb(234,241,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#d1d3d6
```
#d1d3d6 rgb(209,211,214)
```
#ced3d9
```
#ced3d9 rgb(206,211,217)
```
#cad3dd
```
#cad3dd rgb(202,211,221)
```
#c7d3e0
```
#c7d3e0 rgb(199,211,224)
```
#c4d3e3
```
#c4d3e3 rgb(196,211,227)
```
#c0d3e7
```
#c0d3e7 rgb(192,211,231)
```
#bdd3ea
```
#bdd3ea rgb(189,211,234)
```
#bad3ed
```
#bad3ed rgb(186,211,237)
```
#b6d3f1
```
#b6d3f1 rgb(182,211,241)
```
#b3d3f4
```
#b3d3f4 rgb(179,211,244)
```
#b0d3f7
```
#b0d3f7 rgb(176,211,247)
```
#acd3fb
```
#acd3fb rgb(172,211,251)
```
#a9d3fe
```
#a9d3fe rgb(169,211,254)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd0d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd1e8 Protanopia 1% of men
#d9cded Deuteranopia 1% of men
#bfd6e5 Tritanopia 0.001% of the population

Trichromacy

#c8d1e9 Protanomaly 1% of men, 0.01% of women
#cecfec Deuteranomaly 6% of men, 0.4% of women
#bed5e7 Tritanomaly 0.01% of the population

#bdd3ea hex color

#bdd3ea Color Information

#bdd3ea Color Conversion

Color Schemes with #bdd3ea

Alternatives to #bdd3ea

#bdd3ea Preview

Shades and Tints of #bdd3ea

Tones of #bdd3ea

Color Blindness Simulator