#bdd9ff hex color

In a RGB color space, hex #bdd9ff is composed of 74.1% red, 85.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 14.9% magenta, 0% yellow and 0% black. It has a hue angle of 214.5 degrees, a saturation of 100% and a lightness of 87.1%. #bdd9ff color hex could be obtained by blending #ffffff with #7bb3ff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 85
- B 100
RGB color chart
- C 26
- M 15
- Y 0
- K 0
CMYK color chart

● #bdd9ff color description : Pale blue.

The hexadecimal color #bdd9ff has RGB values of R:189, G:217, B:255 and CMYK values of C:0.26, M:0.15, Y:0, K:0. Its decimal value is 12442111.

Hex triplet	bdd9ff	`#bdd9ff`
RGB Decimal	189, 217, 255	`rgb(189,217,255)`
RGB Percent	74.1, 85.1, 100	`rgb(74.1%,85.1%,100%)`
CMYK	26, 15, 0, 0
HSL	214.5°, 100, 87.1	`hsl(214.5,100%,87.1%)`
HSV (or HSB)	214.5°, 25.9, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.838, -1.064, -21.571
XYZ	63.845, 67.663, 104.299
xyY	0.271, 0.287, 67.663
CIE-LCH	85.838, 21.597, 267.177
CIE-LUV	85.838, -15.996, -34.326
Hunter-Lab	82.258, -5.406, -17.597
Binary	10111101, 11011001, 11111111

#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#ffe3bd
```
#ffe3bd rgb(255,227,189)
```

Complementary Color

#bdfaff
```
#bdfaff rgb(189,250,255)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#c2bdff
```
#c2bdff rgb(194,189,255)
```

Analogous Color

#faffbd
```
#faffbd rgb(250,255,189)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#ffc2bd
```
#ffc2bd rgb(255,194,189)
```

Split Complementary Color

#d9ffbd
```
#d9ffbd rgb(217,255,189)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#ffbdd9
```
#ffbdd9 rgb(255,189,217)
```

Triadic Color

#bdffe3
```
#bdffe3 rgb(189,255,227)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#ffbdd9
```
#ffbdd9 rgb(255,189,217)
```
#ffe3bd
```
#ffe3bd rgb(255,227,189)
```

Tetradic Color

#71adff
```
#71adff rgb(113,173,255)
```
#8abcff
```
#8abcff rgb(138,188,255)
```
#a4caff
```
#a4caff rgb(164,202,255)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#d7e8ff
```
#d7e8ff rgb(215,232,255)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bdeaff
```
#bdeaff rgb(189,234,255)
```
#bde4ff
```
#bde4ff rgb(189,228,255)
```
#bddfff
```
#bddfff rgb(189,223,255)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#bdd4ff
```
#bdd4ff rgb(189,212,255)
```
#bdceff
```
#bdceff rgb(189,206,255)
```
#bdc9ff
```
#bdc9ff rgb(189,201,255)
```

Similar Colors

Text with hexadecimal color #bdd9ff

This text has a font color of #bdd9ff.

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

#bdd9ff background color

This paragraph has a background color of #bdd9ff.

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

#bdd9ff border color

This element has a border color of #bdd9ff.

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

CSS codes

.text {color:#bdd9ff;}

.background {background-color:#bdd9ff;}

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

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, #00050c is the darkest color, while #f8fbff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#000e20
```
#000e20 rgb(0,14,32)
```
#001634
```
#001634 rgb(0,22,52)
```
#001e47
```
#001e47 rgb(0,30,71)
```
#00275b
```
#00275b rgb(0,39,91)
```
#002f6f
```
#002f6f rgb(0,47,111)
```
#003782
```
#003782 rgb(0,55,130)
```
#004096
```
#004096 rgb(0,64,150)
```
#0048a9
```
#0048a9 rgb(0,72,169)
```
#0050bd
```
#0050bd rgb(0,80,189)
```
#0059d1
```
#0059d1 rgb(0,89,209)
```
#0061e4
```
#0061e4 rgb(0,97,228)
```
#0069f8
```
#0069f8 rgb(0,105,248)
```

Shade Color Variation

#0c73ff
```
#0c73ff rgb(12,115,255)
```
#207fff
```
#207fff rgb(32,127,255)
```
#348aff
```
#348aff rgb(52,138,255)
```
#4795ff
```
#4795ff rgb(71,149,255)
```
#5ba1ff
```
#5ba1ff rgb(91,161,255)
```
#6facff
```
#6facff rgb(111,172,255)
```
#82b7ff
```
#82b7ff rgb(130,183,255)
```
#96c2ff
```
#96c2ff rgb(150,194,255)
```
#a9ceff
```
#a9ceff rgb(169,206,255)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```
#d1e4ff
```
#d1e4ff rgb(209,228,255)
```
#e4f0ff
```
#e4f0ff rgb(228,240,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#dbdee1
```
#dbdee1 rgb(219,222,225)
```
#d9dde3
```
#d9dde3 rgb(217,221,227)
```
#d6dde6
```
#d6dde6 rgb(214,221,230)
```
#d4dce8
```
#d4dce8 rgb(212,220,232)
```
#d1dceb
```
#d1dceb rgb(209,220,235)
```
#cfdced
```
#cfdced rgb(207,220,237)
```
#ccdbf0
```
#ccdbf0 rgb(204,219,240)
```
#cadbf2
```
#cadbf2 rgb(202,219,242)
```
#c7dbf5
```
#c7dbf5 rgb(199,219,245)
```
#c5daf7
```
#c5daf7 rgb(197,218,247)
```
#c2dafa
```
#c2dafa rgb(194,218,250)
```
#c0d9fc
```
#c0d9fc rgb(192,217,252)
```
#bdd9ff
```
#bdd9ff rgb(189,217,255)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0d6dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d6fc Protanopia 1% of men
#d7d4ff Deuteranopia 1% of men
#bcdeee Tritanopia 0.001% of the population

Trichromacy

#c9d7fd Protanomaly 1% of men, 0.01% of women
#cdd6ff Deuteranomaly 6% of men, 0.4% of women
#bcdcf4 Tritanomaly 0.01% of the population

#bdd9ff hex color

#bdd9ff Color Information

#bdd9ff Color Conversion

Color Schemes with #bdd9ff

Alternatives to #bdd9ff

#bdd9ff Preview

Shades and Tints of #bdd9ff

Tones of #bdd9ff

Color Blindness Simulator