#bad9fd hex color

In a RGB color space, hex #bad9fd is composed of 72.9% red, 85.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 14.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 212.2 degrees, a saturation of 94.4% and a lightness of 86.1%. #bad9fd color hex could be obtained by blending #ffffff with #75b3fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 85
- B 99
RGB color chart
- C 26
- M 14
- Y 0
- K 1
CMYK color chart

● #bad9fd color description : Very soft blue.

The hexadecimal color #bad9fd has RGB values of R:186, G:217, B:253 and CMYK values of C:0.26, M:0.14, Y:0, K:0.01. Its decimal value is 12245501.

Hex triplet	bad9fd	`#bad9fd`
RGB Decimal	186, 217, 253	`rgb(186,217,253)`
RGB Percent	72.9, 85.1, 99.2	`rgb(72.9%,85.1%,99.2%)`
CMYK	26, 14, 0, 1
HSL	212.2°, 94.4, 86.1	`hsl(212.2,94.4%,86.1%)`
HSV (or HSB)	212.2°, 26.5, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.582, -2.392, -20.92
XYZ	62.788, 67.155, 102.577
xyY	0.27, 0.289, 67.155
CIE-LCH	85.582, 21.057, 263.476
CIE-LUV	85.582, -17.312, -33.025
Hunter-Lab	81.948, -6.643, -16.851
Binary	10111010, 11011001, 11111101

#bad9fd
```
#bad9fd rgb(186,217,253)
```
#fddeba
```
#fddeba rgb(253,222,186)
```

Complementary Color

#bafbfd
```
#bafbfd rgb(186,251,253)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#bdbafd
```
#bdbafd rgb(189,186,253)
```

Analogous Color

#fbfdba
```
#fbfdba rgb(251,253,186)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#fdbdba
```
#fdbdba rgb(253,189,186)
```

Split Complementary Color

#d9fdba
```
#d9fdba rgb(217,253,186)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#fdbad9
```
#fdbad9 rgb(253,186,217)
```

Triadic Color

#bafdde
```
#bafdde rgb(186,253,222)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#fdbad9
```
#fdbad9 rgb(253,186,217)
```
#fddeba
```
#fddeba rgb(253,222,186)
```

Tetradic Color

#70b0fb
```
#70b0fb rgb(112,176,251)
```
#88befc
```
#88befc rgb(136,190,252)
```
#a1cbfc
```
#a1cbfc rgb(161,203,252)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#d3e7fe
```
#d3e7fe rgb(211,231,254)
```
#ecf4fe
```
#ecf4fe rgb(236,244,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#baeafd
```
#baeafd rgb(186,234,253)
```
#bae4fd
```
#bae4fd rgb(186,228,253)
```
#badffd
```
#badffd rgb(186,223,253)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#bad3fd
```
#bad3fd rgb(186,211,253)
```
#bacefd
```
#bacefd rgb(186,206,253)
```
#bac8fd
```
#bac8fd rgb(186,200,253)
```

Similar Colors

Text with hexadecimal color #bad9fd

This text has a font color of #bad9fd.

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

#bad9fd background color

This paragraph has a background color of #bad9fd.

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

#bad9fd border color

This element has a border color of #bad9fd.

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

CSS codes

.text {color:#bad9fd;}

.background {background-color:#bad9fd;}

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

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

#000307
```
#000307 rgb(0,3,7)
```
#010d1a
```
#010d1a rgb(1,13,26)
```
#01162d
```
#01162d rgb(1,22,45)
```
#021f40
```
#021f40 rgb(2,31,64)
```
#022854
```
#022854 rgb(2,40,84)
```
#033167
```
#033167 rgb(3,49,103)
```
#043a7a
```
#043a7a rgb(4,58,122)
```
#04438d
```
#04438d rgb(4,67,141)
```
#054ca0
```
#054ca0 rgb(5,76,160)
```
#0556b3
```
#0556b3 rgb(5,86,179)
```
#065fc6
```
#065fc6 rgb(6,95,198)
```
#0668d9
```
#0668d9 rgb(6,104,217)
```
#0771ec
```
#0771ec rgb(7,113,236)
```

Shade Color Variation

#0e7bf8
```
#0e7bf8 rgb(14,123,248)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```
#3590f9
```
#3590f9 rgb(53,144,249)
```
#489afa
```
#489afa rgb(72,154,250)
```
#5ba5fa
```
#5ba5fa rgb(91,165,250)
```
#6eaffb
```
#6eaffb rgb(110,175,251)
```
#81bafb
```
#81bafb rgb(129,186,251)
```
#94c4fc
```
#94c4fc rgb(148,196,252)
```
#a7cffc
```
#a7cffc rgb(167,207,252)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#cde3fe
```
#cde3fe rgb(205,227,254)
```
#e0eefe
```
#e0eefe rgb(224,238,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#dbdbdc
```
#dbdbdc rgb(219,219,220)
```
#d8dbdf
```
#d8dbdf rgb(216,219,223)
```
#d5dbe2
```
#d5dbe2 rgb(213,219,226)
```
#d3dbe4
```
#d3dbe4 rgb(211,219,228)
```
#d0dbe7
```
#d0dbe7 rgb(208,219,231)
```
#cddaea
```
#cddaea rgb(205,218,234)
```
#cadaed
```
#cadaed rgb(202,218,237)
```
#c8daef
```
#c8daef rgb(200,218,239)
```
#c5daf2
```
#c5daf2 rgb(197,218,242)
```
#c2daf5
```
#c2daf5 rgb(194,218,245)
```
#bfd9f8
```
#bfd9f8 rgb(191,217,248)
```
#bdd9fa
```
#bdd9fa rgb(189,217,250)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```

Tone Color Variation

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

#d0d6fa Protanopia 1% of men
#d7d3ff Deuteranopia 1% of men
#b9dded Tritanopia 0.001% of the population

Trichromacy

#c8d7fb Protanomaly 1% of men, 0.01% of women
#ccd5fe Deuteranomaly 6% of men, 0.4% of women
#b9dcf3 Tritanomaly 0.01% of the population

#bad9fd hex color

#bad9fd Color Information

#bad9fd Color Conversion

Color Schemes with #bad9fd

Alternatives to #bad9fd

#bad9fd Preview

Shades and Tints of #bad9fd

Tones of #bad9fd

Color Blindness Simulator