#bdd7fd hex color

In a RGB color space, hex #bdd7fd is composed of 74.1% red, 84.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 15% magenta, 0% yellow and 0.8% black. It has a hue angle of 215.6 degrees, a saturation of 94.1% and a lightness of 86.7%. #bdd7fd color hex could be obtained by blending #ffffff with #7baffb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 84
- B 99
RGB color chart
- C 25
- M 15
- Y 0
- K 1
CMYK color chart

● #bdd7fd color description : Very soft blue.

The hexadecimal color #bdd7fd has RGB values of R:189, G:215, B:253 and CMYK values of C:0.25, M:0.15, Y:0, K:0.01. Its decimal value is 12441597.

Hex triplet	bdd7fd	`#bdd7fd`
RGB Decimal	189, 215, 253	`rgb(189,215,253)`
RGB Percent	74.1, 84.3, 99.2	`rgb(74.1%,84.3%,99.2%)`
CMYK	25, 15, 0, 1
HSL	215.6°, 94.1, 86.7	`hsl(215.6,94.1%,86.7%)`
HSV (or HSB)	215.6°, 25.3, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.256, -0.468, -21.396
XYZ	63.013, 66.51, 102.441
xyY	0.272, 0.287, 66.51
CIE-LCH	85.256, 21.401, 268.746
CIE-LUV	85.256, -15.063, -34.098
Hunter-Lab	81.554, -4.801, -17.387
Binary	10111101, 11010111, 11111101

#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#fde3bd
```
#fde3bd rgb(253,227,189)
```

Complementary Color

#bdf7fd
```
#bdf7fd rgb(189,247,253)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#c3bdfd
```
#c3bdfd rgb(195,189,253)
```

Analogous Color

#f7fdbd
```
#f7fdbd rgb(247,253,189)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#fdc3bd
```
#fdc3bd rgb(253,195,189)
```

Split Complementary Color

#d7fdbd
```
#d7fdbd rgb(215,253,189)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#fdbdd7
```
#fdbdd7 rgb(253,189,215)
```

Triadic Color

#bdfde3
```
#bdfde3 rgb(189,253,227)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#fdbdd7
```
#fdbdd7 rgb(253,189,215)
```
#fde3bd
```
#fde3bd rgb(253,227,189)
```

Tetradic Color

#73aafb
```
#73aafb rgb(115,170,251)
```
#8cb9fc
```
#8cb9fc rgb(140,185,252)
```
#a4c8fc
```
#a4c8fc rgb(164,200,252)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#d6e6fe
```
#d6e6fe rgb(214,230,254)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bde7fd
```
#bde7fd rgb(189,231,253)
```
#bde2fd
```
#bde2fd rgb(189,226,253)
```
#bddcfd
```
#bddcfd rgb(189,220,253)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#bdd2fd
```
#bdd2fd rgb(189,210,253)
```
#bdccfd
```
#bdccfd rgb(189,204,253)
```
#bdc7fd
```
#bdc7fd rgb(189,199,253)
```

Similar Colors

Text with hexadecimal color #bdd7fd

This text has a font color of #bdd7fd.

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

#bdd7fd background color

This paragraph has a background color of #bdd7fd.

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

#bdd7fd border color

This element has a border color of #bdd7fd.

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

CSS codes

.text {color:#bdd7fd;}

.background {background-color:#bdd7fd;}

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

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

#00040a
```
#00040a rgb(0,4,10)
```
#010c1d
```
#010c1d rgb(1,12,29)
```
#011430
```
#011430 rgb(1,20,48)
```
#021d43
```
#021d43 rgb(2,29,67)
```
#032556
```
#032556 rgb(3,37,86)
```
#032d69
```
#032d69 rgb(3,45,105)
```
#04357c
```
#04357c rgb(4,53,124)
```
#043d8f
```
#043d8f rgb(4,61,143)
```
#0545a2
```
#0545a2 rgb(5,69,162)
```
#054db6
```
#054db6 rgb(5,77,182)
```
#0655c9
```
#0655c9 rgb(6,85,201)
```
#075ddc
```
#075ddc rgb(7,93,220)
```
#0765ef
```
#0765ef rgb(7,101,239)
```

Shade Color Variation

#126ff8
```
#126ff8 rgb(18,111,248)
```
#257bf8
```
#257bf8 rgb(37,123,248)
```
#3886f9
```
#3886f9 rgb(56,134,249)
```
#4b92fa
```
#4b92fa rgb(75,146,250)
```
#5e9dfa
```
#5e9dfa rgb(94,157,250)
```
#71a9fb
```
#71a9fb rgb(113,169,251)
```
#84b4fb
```
#84b4fb rgb(132,180,251)
```
#97c0fc
```
#97c0fc rgb(151,192,252)
```
#aacbfc
```
#aacbfc rgb(170,203,252)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```
#d0e3fe
```
#d0e3fe rgb(208,227,254)
```
#e3eefe
```
#e3eefe rgb(227,238,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#dcddde
```
#dcddde rgb(220,221,222)
```
#dadce0
```
#dadce0 rgb(218,220,224)
```
#d7dce3
```
#d7dce3 rgb(215,220,227)
```
#d5dbe5
```
#d5dbe5 rgb(213,219,229)
```
#d2dbe8
```
#d2dbe8 rgb(210,219,232)
```
#cfdaeb
```
#cfdaeb rgb(207,218,235)
```
#cddaed
```
#cddaed rgb(205,218,237)
```
#cad9f0
```
#cad9f0 rgb(202,217,240)
```
#c7d9f3
```
#c7d9f3 rgb(199,217,243)
```
#c5d8f5
```
#c5d8f5 rgb(197,216,245)
```
#c2d8f8
```
#c2d8f8 rgb(194,216,248)
```
#c0d7fa
```
#c0d7fa rgb(192,215,250)
```
#bdd7fd
```
#bdd7fd rgb(189,215,253)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd5dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd5fa Protanopia 1% of men
#d6d2ff Deuteranopia 1% of men
#bcdcec Tritanopia 0.001% of the population

Trichromacy

#c8d5fb Protanomaly 1% of men, 0.01% of women
#ccd4fe Deuteranomaly 6% of men, 0.4% of women
#bcdaf2 Tritanomaly 0.01% of the population

#bdd7fd hex color

#bdd7fd Color Information

#bdd7fd Color Conversion

Color Schemes with #bdd7fd

Alternatives to #bdd7fd

#bdd7fd Preview

Shades and Tints of #bdd7fd

Tones of #bdd7fd

Color Blindness Simulator