#bad3fc hex color

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

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

● #bad3fc color description : Very soft blue.

The hexadecimal color #bad3fc has RGB values of R:186, G:211, B:252 and CMYK values of C:0.26, M:0.16, Y:0, K:0.01. Its decimal value is 12243964.

Hex triplet	bad3fc	`#bad3fc`
RGB Decimal	186, 211, 252	`rgb(186,211,252)`
RGB Percent	72.9, 82.7, 98.8	`rgb(72.9%,82.7%,98.8%)`
CMYK	26, 16, 0, 1
HSL	217.3°, 91.7, 85.9	`hsl(217.3,91.7%,85.9%)`
HSV (or HSB)	217.3°, 26.2, 98.8
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.994, 0.54, -22.799
XYZ	61.111, 64.055, 101.234
xyY	0.27, 0.283, 64.055
CIE-LCH	83.994, 22.805, 271.356
CIE-LUV	83.994, -14.677, -36.532
Hunter-Lab	80.034, -3.764, -18.971
Binary	10111010, 11010011, 11111100

#bad3fc
```
#bad3fc rgb(186,211,252)
```
#fce3ba
```
#fce3ba rgb(252,227,186)
```

Complementary Color

#baf4fc
```
#baf4fc rgb(186,244,252)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#c2bafc
```
#c2bafc rgb(194,186,252)
```

Analogous Color

#f4fcba
```
#f4fcba rgb(244,252,186)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#fcc2ba
```
#fcc2ba rgb(252,194,186)
```

Split Complementary Color

#d3fcba
```
#d3fcba rgb(211,252,186)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#fcbad3
```
#fcbad3 rgb(252,186,211)
```

Triadic Color

#bafce3
```
#bafce3 rgb(186,252,227)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#fcbad3
```
#fcbad3 rgb(252,186,211)
```
#fce3ba
```
#fce3ba rgb(252,227,186)
```

Tetradic Color

#71a4f9
```
#71a4f9 rgb(113,164,249)
```
#89b4fa
```
#89b4fa rgb(137,180,250)
```
#a2c3fb
```
#a2c3fb rgb(162,195,251)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#d2e3fd
```
#d2e3fd rgb(210,227,253)
```
#ebf2fe
```
#ebf2fe rgb(235,242,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bae4fc
```
#bae4fc rgb(186,228,252)
```
#badefc
```
#badefc rgb(186,222,252)
```
#bad9fc
```
#bad9fc rgb(186,217,252)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#bacefc
```
#bacefc rgb(186,206,252)
```
#bac8fc
```
#bac8fc rgb(186,200,252)
```
#bac3fc
```
#bac3fc rgb(186,195,252)
```

Similar Colors

Text with hexadecimal color #bad3fc

This text has a font color of #bad3fc.

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

#bad3fc background color

This paragraph has a background color of #bad3fc.

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

#bad3fc border color

This element has a border color of #bad3fc.

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

CSS codes

.text {color:#bad3fc;}

.background {background-color:#bad3fc;}

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

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 #f2f7fe is the lightest one.

#000306
```
#000306 rgb(0,3,6)
```
#010a19
```
#010a19 rgb(1,10,25)
```
#02122c
```
#02122c rgb(2,18,44)
```
#03193f
```
#03193f rgb(3,25,63)
```
#042151
```
#042151 rgb(4,33,81)
```
#042964
```
#042964 rgb(4,41,100)
```
#053077
```
#053077 rgb(5,48,119)
```
#06388a
```
#06388a rgb(6,56,138)
```
#07409d
```
#07409d rgb(7,64,157)
```
#0847af
```
#0847af rgb(8,71,175)
```
#084fc2
```
#084fc2 rgb(8,79,194)
```
#0956d5
```
#0956d5 rgb(9,86,213)
```
#0a5ee8
```
#0a5ee8 rgb(10,94,232)
```

Shade Color Variation

#1167f5
```
#1167f5 rgb(17,103,245)
```
#2473f5
```
#2473f5 rgb(36,115,245)
```
#367ff6
```
#367ff6 rgb(54,127,246)
```
#498bf7
```
#498bf7 rgb(73,139,247)
```
#5c97f8
```
#5c97f8 rgb(92,151,248)
```
#6fa3f9
```
#6fa3f9 rgb(111,163,249)
```
#82affa
```
#82affa rgb(130,175,250)
```
#94bbfa
```
#94bbfa rgb(148,187,250)
```
#a7c7fb
```
#a7c7fb rgb(167,199,251)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#cddffd
```
#cddffd rgb(205,223,253)
```
#e0ebfe
```
#e0ebfe rgb(224,235,254)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```

Tint Color Variation

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

#d8dade
```
#d8dade rgb(216,218,222)
```
#d6dae0
```
#d6dae0 rgb(214,218,224)
```
#d3d9e3
```
#d3d9e3 rgb(211,217,227)
```
#d0d8e6
```
#d0d8e6 rgb(208,216,230)
```
#cdd8e9
```
#cdd8e9 rgb(205,216,233)
```
#cbd7eb
```
#cbd7eb rgb(203,215,235)
```
#c8d6ee
```
#c8d6ee rgb(200,214,238)
```
#c5d6f1
```
#c5d6f1 rgb(197,214,241)
```
#c2d5f4
```
#c2d5f4 rgb(194,213,244)
```
#c0d4f6
```
#c0d4f6 rgb(192,212,246)
```
#bdd4f9
```
#bdd4f9 rgb(189,212,249)
```
#bad3fc
```
#bad3fc rgb(186,211,252)
```
#b7d2ff
```
#b7d2ff rgb(183,210,255)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd1d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad2fa Protanopia 1% of men
#d1cffe Deuteranopia 1% of men
#b8d8e8 Tritanopia 0.001% of the population

Trichromacy

#c4d2fa Protanomaly 1% of men, 0.01% of women
#c8d0fd Deuteranomaly 6% of men, 0.4% of women
#b9d6ef Tritanomaly 0.01% of the population

#bad3fc hex color

#bad3fc Color Information

#bad3fc Color Conversion

Color Schemes with #bad3fc

Alternatives to #bad3fc

#bad3fc Preview

Shades and Tints of #bad3fc

Tones of #bad3fc

Color Blindness Simulator