#bdd6fc hex color

In a RGB color space, hex #bdd6fc is composed of 74.1% red, 83.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 15.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 216.2 degrees, a saturation of 91.3% and a lightness of 86.5%. #bdd6fc color hex could be obtained by blending #ffffff with #7badf9. 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

● #bdd6fc color description : Very soft blue.

The hexadecimal color #bdd6fc has RGB values of R:189, G:214, B:252 and CMYK values of C:0.25, M:0.15, Y:0, K:0.01. Its decimal value is 12441340.

Hex triplet	bdd6fc	`#bdd6fc`
RGB Decimal	189, 214, 252	`rgb(189,214,252)`
RGB Percent	74.1, 83.9, 98.8	`rgb(74.1%,83.9%,98.8%)`
CMYK	25, 15, 0, 1
HSL	216.2°, 91.3, 86.5	`hsl(216.2,91.3%,86.5%)`
HSV (or HSB)	216.2°, 25, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.965, -0.169, -21.308
XYZ	62.6, 65.939, 101.519
xyY	0.272, 0.287, 65.939
CIE-LCH	84.965, 21.308, 269.545
CIE-LUV	84.965, -14.594, -33.983
Hunter-Lab	81.203, -4.498, -17.282
Binary	10111101, 11010110, 11111100

#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#fce3bd
```
#fce3bd rgb(252,227,189)
```

Complementary Color

#bdf6fc
```
#bdf6fc rgb(189,246,252)
```
#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#c4bdfc
```
#c4bdfc rgb(196,189,252)
```

Analogous Color

#f6fcbd
```
#f6fcbd rgb(246,252,189)
```
#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#fcc4bd
```
#fcc4bd rgb(252,196,189)
```

Split Complementary Color

#d6fcbd
```
#d6fcbd rgb(214,252,189)
```
#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#fcbdd6
```
#fcbdd6 rgb(252,189,214)
```

Triadic Color

#bdfce3
```
#bdfce3 rgb(189,252,227)
```
#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#fcbdd6
```
#fcbdd6 rgb(252,189,214)
```
#fce3bd
```
#fce3bd rgb(252,227,189)
```

Tetradic Color

#74a9f9
```
#74a9f9 rgb(116,169,249)
```
#8cb8fa
```
#8cb8fa rgb(140,184,250)
```
#a5c7fb
```
#a5c7fb rgb(165,199,251)
```
#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#d5e5fd
```
#d5e5fd rgb(213,229,253)
```
#eef4fe
```
#eef4fe rgb(238,244,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bde6fc
```
#bde6fc rgb(189,230,252)
```
#bde1fc
```
#bde1fc rgb(189,225,252)
```
#bddbfc
```
#bddbfc rgb(189,219,252)
```
#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#bdd1fc
```
#bdd1fc rgb(189,209,252)
```
#bdccfc
```
#bdccfc rgb(189,204,252)
```
#bdc6fc
```
#bdc6fc rgb(189,198,252)
```

Similar Colors

Text with hexadecimal color #bdd6fc

This text has a font color of #bdd6fc.

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

#bdd6fc background color

This paragraph has a background color of #bdd6fc.

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

#bdd6fc border color

This element has a border color of #bdd6fc.

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

CSS codes

.text {color:#bdd6fc;}

.background {background-color:#bdd6fc;}

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

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

#000409
```
#000409 rgb(0,4,9)
```
#010c1c
```
#010c1c rgb(1,12,28)
```
#02142f
```
#02142f rgb(2,20,47)
```
#031c41
```
#031c41 rgb(3,28,65)
```
#042454
```
#042454 rgb(4,36,84)
```
#052c67
```
#052c67 rgb(5,44,103)
```
#06347a
```
#06347a rgb(6,52,122)
```
#063c8c
```
#063c8c rgb(6,60,140)
```
#07449f
```
#07449f rgb(7,68,159)
```
#084bb2
```
#084bb2 rgb(8,75,178)
```
#0953c5
```
#0953c5 rgb(9,83,197)
```
#0a5bd7
```
#0a5bd7 rgb(10,91,215)
```
#0b63ea
```
#0b63ea rgb(11,99,234)
```

Shade Color Variation

#146df4
```
#146df4 rgb(20,109,244)
```
#2779f5
```
#2779f5 rgb(39,121,245)
```
#3a84f6
```
#3a84f6 rgb(58,132,246)
```
#4c90f7
```
#4c90f7 rgb(76,144,247)
```
#5f9cf8
```
#5f9cf8 rgb(95,156,248)
```
#72a7f9
```
#72a7f9 rgb(114,167,249)
```
#85b3f9
```
#85b3f9 rgb(133,179,249)
```
#97bffa
```
#97bffa rgb(151,191,250)
```
#aacafb
```
#aacafb rgb(170,202,251)
```
#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#d0e2fd
```
#d0e2fd rgb(208,226,253)
```
#e3edfe
```
#e3edfe rgb(227,237,254)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#dadcdf
```
#dadcdf rgb(218,220,223)
```
#d8dbe1
```
#d8dbe1 rgb(216,219,225)
```
#d5dbe4
```
#d5dbe4 rgb(213,219,228)
```
#d2dae7
```
#d2dae7 rgb(210,218,231)
```
#d0dae9
```
#d0dae9 rgb(208,218,233)
```
#cdd9ec
```
#cdd9ec rgb(205,217,236)
```
#cad9ef
```
#cad9ef rgb(202,217,239)
```
#c8d8f1
```
#c8d8f1 rgb(200,216,241)
```
#c5d8f4
```
#c5d8f4 rgb(197,216,244)
```
#c2d7f7
```
#c2d7f7 rgb(194,215,247)
```
#c0d7f9
```
#c0d7f9 rgb(192,215,249)
```
#bdd6fc
```
#bdd6fc rgb(189,214,252)
```
#bad5ff
```
#bad5ff rgb(186,213,255)
```

Tone Color Variation

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

#ced4fa Protanopia 1% of men
#d5d2fe Deuteranopia 1% of men
#bcdbeb Tritanopia 0.001% of the population

Trichromacy

#c8d5fa Protanomaly 1% of men, 0.01% of women
#ccd3fd Deuteranomaly 6% of men, 0.4% of women
#bcd9f1 Tritanomaly 0.01% of the population

#bdd6fc hex color

#bdd6fc Color Information

#bdd6fc Color Conversion

Color Schemes with #bdd6fc

Alternatives to #bdd6fc

#bdd6fc Preview

Shades and Tints of #bdd6fc

Tones of #bdd6fc

Color Blindness Simulator