#bad9fe hex color

In a RGB color space, hex #bad9fe is composed of 72.9% red, 85.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 14.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 212.6 degrees, a saturation of 97.1% and a lightness of 86.3%. #bad9fe color hex could be obtained by blending #ffffff with #75b3fd. Closest websafe color is: #ccccff.

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

● #bad9fe color description : Very soft blue.

The hexadecimal color #bad9fe has RGB values of R:186, G:217, B:254 and CMYK values of C:0.27, M:0.15, Y:0, K:0. Its decimal value is 12245502.

Hex triplet	bad9fe	`#bad9fe`
RGB Decimal	186, 217, 254	`rgb(186,217,254)`
RGB Percent	72.9, 85.1, 99.6	`rgb(72.9%,85.1%,99.6%)`
CMYK	27, 15, 0, 0
HSL	212.6°, 97.1, 86.3	`hsl(212.6,97.1%,86.3%)`
HSV (or HSB)	212.6°, 26.8, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.614, -2.162, -21.399
XYZ	62.948, 67.219, 103.418
xyY	0.269, 0.288, 67.219
CIE-LCH	85.614, 21.508, 264.23
CIE-LUV	85.614, -17.338, -33.861
Hunter-Lab	81.987, -6.429, -17.397
Binary	10111010, 11011001, 11111110

#bad9fe
```
#bad9fe rgb(186,217,254)
```
#fedfba
```
#fedfba rgb(254,223,186)
```

Complementary Color

#bafbfe
```
#bafbfe rgb(186,251,254)
```
#bad9fe
```
#bad9fe rgb(186,217,254)
```
#bdbafe
```
#bdbafe rgb(189,186,254)
```

Analogous Color

#fbfeba
```
#fbfeba rgb(251,254,186)
```
#bad9fe
```
#bad9fe rgb(186,217,254)
```
#febdba
```
#febdba rgb(254,189,186)
```

Split Complementary Color

#d9feba
```
#d9feba rgb(217,254,186)
```
#bad9fe
```
#bad9fe rgb(186,217,254)
```
#febad9
```
#febad9 rgb(254,186,217)
```

Triadic Color

#bafedf
```
#bafedf rgb(186,254,223)
```
#bad9fe
```
#bad9fe rgb(186,217,254)
```
#febad9
```
#febad9 rgb(254,186,217)
```
#fedfba
```
#fedfba rgb(254,223,186)
```

Tetradic Color

#6faffd
```
#6faffd rgb(111,175,253)
```
#88bdfd
```
#88bdfd rgb(136,189,253)
```
#a1cbfe
```
#a1cbfe rgb(161,203,254)
```
#bad9fe
```
#bad9fe rgb(186,217,254)
```
#d3e7fe
```
#d3e7fe rgb(211,231,254)
```
#ecf5ff
```
#ecf5ff rgb(236,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#baeafe
```
#baeafe rgb(186,234,254)
```
#bae4fe
```
#bae4fe rgb(186,228,254)
```
#badffe
```
#badffe rgb(186,223,254)
```
#bad9fe
```
#bad9fe rgb(186,217,254)
```
#bad3fe
```
#bad3fe rgb(186,211,254)
```
#bacefe
```
#bacefe rgb(186,206,254)
```
#bac8fe
```
#bac8fe rgb(186,200,254)
```

Similar Colors

Text with hexadecimal color #bad9fe

This text has a font color of #bad9fe.

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

#bad9fe background color

This paragraph has a background color of #bad9fe.

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

#bad9fe border color

This element has a border color of #bad9fe.

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

CSS codes

.text {color:#bad9fe;}

.background {background-color:#bad9fe;}

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

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

#000408
```
#000408 rgb(0,4,8)
```
#000d1c
```
#000d1c rgb(0,13,28)
```
#01162f
```
#01162f rgb(1,22,47)
```
#011f42
```
#011f42 rgb(1,31,66)
```
#012856
```
#012856 rgb(1,40,86)
```
#023169
```
#023169 rgb(2,49,105)
```
#023a7c
```
#023a7c rgb(2,58,124)
```
#024390
```
#024390 rgb(2,67,144)
```
#024ca3
```
#024ca3 rgb(2,76,163)
```
#0355b6
```
#0355b6 rgb(3,85,182)
```
#035eca
```
#035eca rgb(3,94,202)
```
#0367dd
```
#0367dd rgb(3,103,221)
```
#036ff0
```
#036ff0 rgb(3,111,240)
```

Shade Color Variation

#0c79fb
```
#0c79fb rgb(12,121,251)
```
#1f84fc
```
#1f84fc rgb(31,132,252)
```
#338efc
```
#338efc rgb(51,142,252)
```
#4699fc
```
#4699fc rgb(70,153,252)
```
#59a4fd
```
#59a4fd rgb(89,164,253)
```
#6daefd
```
#6daefd rgb(109,174,253)
```
#80b9fd
```
#80b9fd rgb(128,185,253)
```
#93c4fd
```
#93c4fd rgb(147,196,253)
```
#a7cefe
```
#a7cefe rgb(167,206,254)
```
#bad9fe
```
#bad9fe rgb(186,217,254)
```
#cde4fe
```
#cde4fe rgb(205,228,254)
```
#e1eeff
```
#e1eeff rgb(225,238,255)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#dadcde
```
#dadcde rgb(218,220,222)
```
#d8dce0
```
#d8dce0 rgb(216,220,224)
```
#d5dbe3
```
#d5dbe3 rgb(213,219,227)
```
#d2dbe6
```
#d2dbe6 rgb(210,219,230)
```
#d0dbe8
```
#d0dbe8 rgb(208,219,232)
```
#cddbeb
```
#cddbeb rgb(205,219,235)
```
#cadaee
```
#cadaee rgb(202,218,238)
```
#c7daf1
```
#c7daf1 rgb(199,218,241)
```
#c5daf3
```
#c5daf3 rgb(197,218,243)
```
#c2daf6
```
#c2daf6 rgb(194,218,246)
```
#bfd9f9
```
#bfd9f9 rgb(191,217,249)
```
#bdd9fb
```
#bdd9fb rgb(189,217,251)
```
#bad9fe
```
#bad9fe rgb(186,217,254)
```

Tone Color Variation

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

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

Trichromacy

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

#bad9fe hex color

#bad9fe Color Information

#bad9fe Color Conversion

Color Schemes with #bad9fe

Alternatives to #bad9fe

#bad9fe Preview

Shades and Tints of #bad9fe

Tones of #bad9fe

Color Blindness Simulator