#bad7fc hex color

In a RGB color space, hex #bad7fc is composed of 72.9% red, 84.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 14.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 213.6 degrees, a saturation of 91.7% and a lightness of 85.9%. #bad7fc color hex could be obtained by blending #ffffff with #75aff9. Closest websafe color is: #ccccff.

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

● #bad7fc color description : Very soft blue.

The hexadecimal color #bad7fc has RGB values of R:186, G:215, B:252 and CMYK values of C:0.26, M:0.15, Y:0, K:0.01. Its decimal value is 12244988.

Hex triplet	bad7fc	`#bad7fc`
RGB Decimal	186, 215, 252	`rgb(186,215,252)`
RGB Percent	72.9, 84.3, 98.8	`rgb(72.9%,84.3%,98.8%)`
CMYK	26, 15, 0, 1
HSL	213.6°, 91.7, 85.9	`hsl(213.6,91.7%,85.9%)`
HSV (or HSB)	213.6°, 26.2, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.03, -1.572, -21.227
XYZ	62.117, 66.067, 101.569
xyY	0.27, 0.288, 66.067
CIE-LCH	85.03, 21.286, 265.766
CIE-LUV	85.03, -16.415, -33.637
Hunter-Lab	81.281, -5.829, -17.192
Binary	10111010, 11010111, 11111100

#bad7fc
```
#bad7fc rgb(186,215,252)
```
#fcdfba
```
#fcdfba rgb(252,223,186)
```

Complementary Color

#baf8fc
```
#baf8fc rgb(186,248,252)
```
#bad7fc
```
#bad7fc rgb(186,215,252)
```
#bebafc
```
#bebafc rgb(190,186,252)
```

Analogous Color

#f8fcba
```
#f8fcba rgb(248,252,186)
```
#bad7fc
```
#bad7fc rgb(186,215,252)
```
#fcbeba
```
#fcbeba rgb(252,190,186)
```

Split Complementary Color

#d7fcba
```
#d7fcba rgb(215,252,186)
```
#bad7fc
```
#bad7fc rgb(186,215,252)
```
#fcbad7
```
#fcbad7 rgb(252,186,215)
```

Triadic Color

#bafcdf
```
#bafcdf rgb(186,252,223)
```
#bad7fc
```
#bad7fc rgb(186,215,252)
```
#fcbad7
```
#fcbad7 rgb(252,186,215)
```
#fcdfba
```
#fcdfba rgb(252,223,186)
```

Tetradic Color

#71adf9
```
#71adf9 rgb(113,173,249)
```
#89bbfa
```
#89bbfa rgb(137,187,250)
```
#a2c9fb
```
#a2c9fb rgb(162,201,251)
```
#bad7fc
```
#bad7fc rgb(186,215,252)
```
#d2e5fd
```
#d2e5fd rgb(210,229,253)
```
#ebf3fe
```
#ebf3fe rgb(235,243,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bae8fc
```
#bae8fc rgb(186,232,252)
```
#bae2fc
```
#bae2fc rgb(186,226,252)
```
#baddfc
```
#baddfc rgb(186,221,252)
```
#bad7fc
```
#bad7fc rgb(186,215,252)
```
#bad2fc
```
#bad2fc rgb(186,210,252)
```
#baccfc
```
#baccfc rgb(186,204,252)
```
#bac7fc
```
#bac7fc rgb(186,199,252)
```

Similar Colors

Text with hexadecimal color #bad7fc

This text has a font color of #bad7fc.

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

#bad7fc background color

This paragraph has a background color of #bad7fc.

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

#bad7fc border color

This element has a border color of #bad7fc.

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

CSS codes

.text {color:#bad7fc;}

.background {background-color:#bad7fc;}

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

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)
```
#02142c
```
#02142c rgb(2,20,44)
```
#031d3f
```
#031d3f rgb(3,29,63)
```
#042651
```
#042651 rgb(4,38,81)
```
#042e64
```
#042e64 rgb(4,46,100)
```
#053777
```
#053777 rgb(5,55,119)
```
#06408a
```
#06408a rgb(6,64,138)
```
#07499d
```
#07499d rgb(7,73,157)
```
#0851af
```
#0851af rgb(8,81,175)
```
#085ac2
```
#085ac2 rgb(8,90,194)
```
#0963d5
```
#0963d5 rgb(9,99,213)
```
#0a6be8
```
#0a6be8 rgb(10,107,232)
```

Shade Color Variation

#1175f5
```
#1175f5 rgb(17,117,245)
```
#2480f5
```
#2480f5 rgb(36,128,245)
```
#368bf6
```
#368bf6 rgb(54,139,246)
```
#4996f7
```
#4996f7 rgb(73,150,247)
```
#5ca1f8
```
#5ca1f8 rgb(92,161,248)
```
#6fabf9
```
#6fabf9 rgb(111,171,249)
```
#82b6fa
```
#82b6fa rgb(130,182,250)
```
#94c1fa
```
#94c1fa rgb(148,193,250)
```
#a7ccfb
```
#a7ccfb rgb(167,204,251)
```
#bad7fc
```
#bad7fc rgb(186,215,252)
```
#cde2fd
```
#cde2fd rgb(205,226,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 #b7d7ff is the most saturated one.

#d8dbde
```
#d8dbde rgb(216,219,222)
```
#d6dae0
```
#d6dae0 rgb(214,218,224)
```
#d3dae3
```
#d3dae3 rgb(211,218,227)
```
#d0dae6
```
#d0dae6 rgb(208,218,230)
```
#cdd9e9
```
#cdd9e9 rgb(205,217,233)
```
#cbd9eb
```
#cbd9eb rgb(203,217,235)
```
#c8d9ee
```
#c8d9ee rgb(200,217,238)
```
#c5d8f1
```
#c5d8f1 rgb(197,216,241)
```
#c2d8f4
```
#c2d8f4 rgb(194,216,244)
```
#c0d8f6
```
#c0d8f6 rgb(192,216,246)
```
#bdd7f9
```
#bdd7f9 rgb(189,215,249)
```
#bad7fc
```
#bad7fc rgb(186,215,252)
```
#b7d7ff
```
#b7d7ff rgb(183,215,255)
```

Tone Color Variation

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

#ced4f9 Protanopia 1% of men
#d5d2fe Deuteranopia 1% of men
#b9dbeb Tritanopia 0.001% of the population

Trichromacy

#c7d5fa Protanomaly 1% of men, 0.01% of women
#cbd3fd Deuteranomaly 6% of men, 0.4% of women
#b9daf1 Tritanomaly 0.01% of the population

#bad7fc hex color

#bad7fc Color Information

#bad7fc Color Conversion

Color Schemes with #bad7fc

Alternatives to #bad7fc

#bad7fc Preview

Shades and Tints of #bad7fc

Tones of #bad7fc

Color Blindness Simulator