#bad8fc hex color

In a RGB color space, hex #bad8fc is composed of 72.9% red, 84.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 14.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 212.7 degrees, a saturation of 91.7% and a lightness of 85.9%. #bad8fc color hex could be obtained by blending #ffffff with #75b1f9. 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

● #bad8fc color description : Very soft blue.

The hexadecimal color #bad8fc has RGB values of R:186, G:216, B:252 and CMYK values of C:0.26, M:0.14, Y:0, K:0.01. Its decimal value is 12245244.

Hex triplet	bad8fc	`#bad8fc`
RGB Decimal	186, 216, 252	`rgb(186,216,252)`
RGB Percent	72.9, 84.7, 98.8	`rgb(72.9%,84.7%,98.8%)`
CMYK	26, 14, 0, 1
HSL	212.7°, 91.7, 85.9	`hsl(212.7,91.7%,85.9%)`
HSV (or HSB)	212.7°, 26.2, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.29, -2.097, -20.834
XYZ	62.372, 66.578, 101.655
xyY	0.27, 0.289, 66.578
CIE-LCH	85.29, 20.94, 264.252
CIE-LUV	85.29, -16.85, -32.913
Hunter-Lab	81.595, -6.343, -16.749
Binary	10111010, 11011000, 11111100

#bad8fc
```
#bad8fc rgb(186,216,252)
```
#fcdeba
```
#fcdeba rgb(252,222,186)
```

Complementary Color

#baf9fc
```
#baf9fc rgb(186,249,252)
```
#bad8fc
```
#bad8fc rgb(186,216,252)
```
#bdbafc
```
#bdbafc rgb(189,186,252)
```

Analogous Color

#f9fcba
```
#f9fcba rgb(249,252,186)
```
#bad8fc
```
#bad8fc rgb(186,216,252)
```
#fcbdba
```
#fcbdba rgb(252,189,186)
```

Split Complementary Color

#d8fcba
```
#d8fcba rgb(216,252,186)
```
#bad8fc
```
#bad8fc rgb(186,216,252)
```
#fcbad8
```
#fcbad8 rgb(252,186,216)
```

Triadic Color

#bafcde
```
#bafcde rgb(186,252,222)
```
#bad8fc
```
#bad8fc rgb(186,216,252)
```
#fcbad8
```
#fcbad8 rgb(252,186,216)
```
#fcdeba
```
#fcdeba rgb(252,222,186)
```

Tetradic Color

#71aff9
```
#71aff9 rgb(113,175,249)
```
#89bcfa
```
#89bcfa rgb(137,188,250)
```
#a2cafb
```
#a2cafb rgb(162,202,251)
```
#bad8fc
```
#bad8fc rgb(186,216,252)
```
#d2e6fd
```
#d2e6fd rgb(210,230,253)
```
#ebf4fe
```
#ebf4fe rgb(235,244,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bae9fc
```
#bae9fc rgb(186,233,252)
```
#bae3fc
```
#bae3fc rgb(186,227,252)
```
#badefc
```
#badefc rgb(186,222,252)
```
#bad8fc
```
#bad8fc rgb(186,216,252)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#bacdfc
```
#bacdfc rgb(186,205,252)
```
#bac8fc
```
#bac8fc rgb(186,200,252)
```

Similar Colors

Text with hexadecimal color #bad8fc

This text has a font color of #bad8fc.

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

#bad8fc background color

This paragraph has a background color of #bad8fc.

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

#bad8fc border color

This element has a border color of #bad8fc.

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

CSS codes

.text {color:#bad8fc;}

.background {background-color:#bad8fc;}

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010c19
```
#010c19 rgb(1,12,25)
```
#02152c
```
#02152c rgb(2,21,44)
```
#031e3f
```
#031e3f rgb(3,30,63)
```
#042751
```
#042751 rgb(4,39,81)
```
#043064
```
#043064 rgb(4,48,100)
```
#053977
```
#053977 rgb(5,57,119)
```
#06428a
```
#06428a rgb(6,66,138)
```
#074b9d
```
#074b9d rgb(7,75,157)
```
#0854af
```
#0854af rgb(8,84,175)
```
#085dc2
```
#085dc2 rgb(8,93,194)
```
#0966d5
```
#0966d5 rgb(9,102,213)
```
#0a6fe8
```
#0a6fe8 rgb(10,111,232)
```

Shade Color Variation

#1178f5
```
#1178f5 rgb(17,120,245)
```
#2483f5
```
#2483f5 rgb(36,131,245)
```
#368ef6
```
#368ef6 rgb(54,142,246)
```
#4998f7
```
#4998f7 rgb(73,152,247)
```
#5ca3f8
```
#5ca3f8 rgb(92,163,248)
```
#6faef9
```
#6faef9 rgb(111,174,249)
```
#82b8fa
```
#82b8fa rgb(130,184,250)
```
#94c3fa
```
#94c3fa rgb(148,195,250)
```
#a7cdfb
```
#a7cdfb rgb(167,205,251)
```
#bad8fc
```
#bad8fc rgb(186,216,252)
```
#cde3fd
```
#cde3fd rgb(205,227,253)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

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

#d8dbde
```
#d8dbde rgb(216,219,222)
```
#d6dbe0
```
#d6dbe0 rgb(214,219,224)
```
#d3dae3
```
#d3dae3 rgb(211,218,227)
```
#d0dae6
```
#d0dae6 rgb(208,218,230)
```
#cddae9
```
#cddae9 rgb(205,218,233)
```
#cbdaeb
```
#cbdaeb rgb(203,218,235)
```
#c8d9ee
```
#c8d9ee rgb(200,217,238)
```
#c5d9f1
```
#c5d9f1 rgb(197,217,241)
```
#c2d9f4
```
#c2d9f4 rgb(194,217,244)
```
#c0d9f6
```
#c0d9f6 rgb(192,217,246)
```
#bdd8f9
```
#bdd8f9 rgb(189,216,249)
```
#bad8fc
```
#bad8fc rgb(186,216,252)
```
#b7d8ff
```
#b7d8ff rgb(183,216,255)
```

Tone Color Variation

Below, you can see how #bad8fc 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
#ced4db Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd5f9 Protanopia 1% of men
#d6d2fe Deuteranopia 1% of men
#b9dcec Tritanopia 0.001% of the population

Trichromacy

#c7d6fa Protanomaly 1% of men, 0.01% of women
#ccd4fd Deuteranomaly 6% of men, 0.4% of women
#b9dbf2 Tritanomaly 0.01% of the population

#bad8fc hex color

#bad8fc Color Information

#bad8fc Color Conversion

Color Schemes with #bad8fc

Alternatives to #bad8fc

#bad8fc Preview

Shades and Tints of #bad8fc

Tones of #bad8fc

Color Blindness Simulator