#bdd7fa hex color

In a RGB color space, hex #bdd7fa is composed of 74.1% red, 84.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 14% magenta, 0% yellow and 2% black. It has a hue angle of 214.4 degrees, a saturation of 85.9% and a lightness of 86.1%. #bdd7fa color hex could be obtained by blending #ffffff with #7baff5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 74
- G 84
- B 98
RGB color chart
- C 24
- M 14
- Y 0
- K 2
CMYK color chart

● #bdd7fa color description : Very soft blue.

The hexadecimal color #bdd7fa has RGB values of R:189, G:215, B:250 and CMYK values of C:0.24, M:0.14, Y:0, K:0.02. Its decimal value is 12441594.

Hex triplet	bdd7fa	`#bdd7fa`
RGB Decimal	189, 215, 250	`rgb(189,215,250)`
RGB Percent	74.1, 84.3, 98	`rgb(74.1%,84.3%,98%)`
CMYK	24, 14, 0, 2
HSL	214.4°, 85.9, 86.1	`hsl(214.4,85.9%,86.1%)`
HSV (or HSB)	214.4°, 24.4, 98
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.16, -1.149, -19.956
XYZ	62.538, 66.32, 99.943
xyY	0.273, 0.29, 66.32
CIE-LCH	85.16, 19.989, 266.703
CIE-LUV	85.16, -14.968, -31.593
Hunter-Lab	81.437, -5.439, -15.757
Binary	10111101, 11010111, 11111010

#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#fae0bd
```
#fae0bd rgb(250,224,189)
```

Complementary Color

#bdf6fa
```
#bdf6fa rgb(189,246,250)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#c2bdfa
```
#c2bdfa rgb(194,189,250)
```

Analogous Color

#f6fabd
```
#f6fabd rgb(246,250,189)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#fac2bd
```
#fac2bd rgb(250,194,189)
```

Split Complementary Color

#d7fabd
```
#d7fabd rgb(215,250,189)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#fabdd7
```
#fabdd7 rgb(250,189,215)
```

Triadic Color

#bdfae0
```
#bdfae0 rgb(189,250,224)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#fabdd7
```
#fabdd7 rgb(250,189,215)
```
#fae0bd
```
#fae0bd rgb(250,224,189)
```

Tetradic Color

#76acf5
```
#76acf5 rgb(118,172,245)
```
#8ebaf6
```
#8ebaf6 rgb(142,186,246)
```
#a5c9f8
```
#a5c9f8 rgb(165,201,248)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#d5e5fc
```
#d5e5fc rgb(213,229,252)
```
#ecf4fe
```
#ecf4fe rgb(236,244,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bde6fa
```
#bde6fa rgb(189,230,250)
```
#bde1fa
```
#bde1fa rgb(189,225,250)
```
#bddcfa
```
#bddcfa rgb(189,220,250)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#bdd2fa
```
#bdd2fa rgb(189,210,250)
```
#bdcdfa
```
#bdcdfa rgb(189,205,250)
```
#bdc8fa
```
#bdc8fa rgb(189,200,250)
```

Similar Colors

Text with hexadecimal color #bdd7fa

This text has a font color of #bdd7fa.

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

#bdd7fa background color

This paragraph has a background color of #bdd7fa.

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

#bdd7fa border color

This element has a border color of #bdd7fa.

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

CSS codes

.text {color:#bdd7fa;}

.background {background-color:#bdd7fa;}

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020c19
```
#020c19 rgb(2,12,25)
```
#03142b
```
#03142b rgb(3,20,43)
```
#051d3e
```
#051d3e rgb(5,29,62)
```
#062650
```
#062650 rgb(6,38,80)
```
#072e62
```
#072e62 rgb(7,46,98)
```
#093774
```
#093774 rgb(9,55,116)
```
#0a3f87
```
#0a3f87 rgb(10,63,135)
```
#0c4899
```
#0c4899 rgb(12,72,153)
```
#0d50ab
```
#0d50ab rgb(13,80,171)
```
#0e59bd
```
#0e59bd rgb(14,89,189)
```
#1061d0
```
#1061d0 rgb(16,97,208)
```
#116ae2
```
#116ae2 rgb(17,106,226)
```

Shade Color Variation

#1974ee
```
#1974ee rgb(25,116,238)
```
#2b7fef
```
#2b7fef rgb(43,127,239)
```
#3d8af0
```
#3d8af0 rgb(61,138,240)
```
#5095f2
```
#5095f2 rgb(80,149,242)
```
#62a0f3
```
#62a0f3 rgb(98,160,243)
```
#74abf4
```
#74abf4 rgb(116,171,244)
```
#86b6f6
```
#86b6f6 rgb(134,182,246)
```
#99c1f7
```
#99c1f7 rgb(153,193,247)
```
#abccf9
```
#abccf9 rgb(171,204,249)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#cfe2fb
```
#cfe2fb rgb(207,226,251)
```
#e1edfd
```
#e1edfd rgb(225,237,253)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#dbdbdc
```
#dbdbdc rgb(219,219,220)
```
#d8dbdf
```
#d8dbdf rgb(216,219,223)
```
#d6dbe1
```
#d6dbe1 rgb(214,219,225)
```
#d3dae4
```
#d3dae4 rgb(211,218,228)
```
#d0dae7
```
#d0dae7 rgb(208,218,231)
```
#cdd9ea
```
#cdd9ea rgb(205,217,234)
```
#cbd9ec
```
#cbd9ec rgb(203,217,236)
```
#c8d9ef
```
#c8d9ef rgb(200,217,239)
```
#c5d8f2
```
#c5d8f2 rgb(197,216,242)
```
#c2d8f5
```
#c2d8f5 rgb(194,216,245)
```
#c0d7f7
```
#c0d7f7 rgb(192,215,247)
```
#bdd7fa
```
#bdd7fa rgb(189,215,250)
```
#bad7fd
```
#bad7fd rgb(186,215,253)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cfd4db Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd5f7 Protanopia 1% of men
#d7d2fc Deuteranopia 1% of men
#bcdbeb Tritanopia 0.001% of the population

Trichromacy

#c8d5f8 Protanomaly 1% of men, 0.01% of women
#cdd4fb Deuteranomaly 6% of men, 0.4% of women
#bcd9f0 Tritanomaly 0.01% of the population

#bdd7fa hex color

#bdd7fa Color Information

#bdd7fa Color Conversion

Color Schemes with #bdd7fa

Alternatives to #bdd7fa

#bdd7fa Preview

Shades and Tints of #bdd7fa

Tones of #bdd7fa

Color Blindness Simulator