#bad8f2 hex color

In a RGB color space, hex #bad8f2 is composed of 72.9% red, 84.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 10.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 207.9 degrees, a saturation of 68.3% and a lightness of 83.9%. #bad8f2 color hex could be obtained by blending #ffffff with #75b1e5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 85
- B 95
RGB color chart
- C 23
- M 11
- Y 0
- K 5
CMYK color chart

● #bad8f2 color description : Very soft blue.

The hexadecimal color #bad8f2 has RGB values of R:186, G:216, B:242 and CMYK values of C:0.23, M:0.11, Y:0, K:0.05. Its decimal value is 12245234.

Hex triplet	bad8f2	`#bad8f2`
RGB Decimal	186, 216, 242	`rgb(186,216,242)`
RGB Percent	72.9, 84.7, 94.9	`rgb(72.9%,84.7%,94.9%)`
CMYK	23, 11, 0, 5
HSL	207.9°, 68.3, 83.9	`hsl(207.9,68.3%,83.9%)`
HSV (or HSB)	207.9°, 23.1, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.976, -4.357, -16.02
XYZ	60.829, 65.96, 93.526
xyY	0.276, 0.299, 65.96
CIE-LCH	84.976, 16.602, 254.785
CIE-LUV	84.976, -16.578, -24.591
Hunter-Lab	81.216, -8.435, -11.426
Binary	10111010, 11011000, 11110010

#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#f2d4ba
```
#f2d4ba rgb(242,212,186)
```

Complementary Color

#baf2f0
```
#baf2f0 rgb(186,242,240)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#babcf2
```
#babcf2 rgb(186,188,242)
```

Analogous Color

#f2f0ba
```
#f2f0ba rgb(242,240,186)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#f2babc
```
#f2babc rgb(242,186,188)
```

Split Complementary Color

#d8f2ba
```
#d8f2ba rgb(216,242,186)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#f2bad8
```
#f2bad8 rgb(242,186,216)
```

Triadic Color

#baf2d4
```
#baf2d4 rgb(186,242,212)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#f2bad8
```
#f2bad8 rgb(242,186,216)
```
#f2d4ba
```
#f2d4ba rgb(242,212,186)
```

Tetradic Color

#7ab4e6
```
#7ab4e6 rgb(122,180,230)
```
#8fc0ea
```
#8fc0ea rgb(143,192,234)
```
#a5ccee
```
#a5ccee rgb(165,204,238)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#cfe4f6
```
#cfe4f6 rgb(207,228,246)
```
#e5f0fa
```
#e5f0fa rgb(229,240,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Monochromatic Color

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

#bae6f2
```
#bae6f2 rgb(186,230,242)
```
#bae1f2
```
#bae1f2 rgb(186,225,242)
```
#baddf2
```
#baddf2 rgb(186,221,242)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#bad3f2
```
#bad3f2 rgb(186,211,242)
```
#bacff2
```
#bacff2 rgb(186,207,242)
```
#bacaf2
```
#bacaf2 rgb(186,202,242)
```

Similar Colors

Text with hexadecimal color #bad8f2

This text has a font color of #bad8f2.

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

#bad8f2 background color

This paragraph has a background color of #bad8f2.

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

#bad8f2 border color

This element has a border color of #bad8f2.

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

CSS codes

.text {color:#bad8f2;}

.background {background-color:#bad8f2;}

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

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, #03080e is the darkest color, while #fcfdfe is the lightest one.

#03080e
```
#03080e rgb(3,8,14)
```
#06131e
```
#06131e rgb(6,19,30)
```
#091d2f
```
#091d2f rgb(9,29,47)
```
#0c273f
```
#0c273f rgb(12,39,63)
```
#0f3250
```
#0f3250 rgb(15,50,80)
```
#123c60
```
#123c60 rgb(18,60,96)
```
#154671
```
#154671 rgb(21,70,113)
```
#185081
```
#185081 rgb(24,80,129)
```
#1b5b92
```
#1b5b92 rgb(27,91,146)
```
#1f65a2
```
#1f65a2 rgb(31,101,162)
```
#226fb3
```
#226fb3 rgb(34,111,179)
```
#257ac3
```
#257ac3 rgb(37,122,195)
```
#2884d4
```
#2884d4 rgb(40,132,212)
```

Shade Color Variation

#368dd9
```
#368dd9 rgb(54,141,217)
```
#4697dc
```
#4697dc rgb(70,151,220)
```
#57a0df
```
#57a0df rgb(87,160,223)
```
#67a9e2
```
#67a9e2 rgb(103,169,226)
```
#78b3e6
```
#78b3e6 rgb(120,179,230)
```
#88bce9
```
#88bce9 rgb(136,188,233)
```
#99c5ec
```
#99c5ec rgb(153,197,236)
```
#a9cfef
```
#a9cfef rgb(169,207,239)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#cbe1f5
```
#cbe1f5 rgb(203,225,245)
```
#dbebf8
```
#dbebf8 rgb(219,235,248)
```
#ecf4fb
```
#ecf4fb rgb(236,244,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#d3d6d9
```
#d3d6d9 rgb(211,214,217)
```
#d0d6dc
```
#d0d6dc rgb(208,214,220)
```
#cdd7df
```
#cdd7df rgb(205,215,223)
```
#cad7e2
```
#cad7e2 rgb(202,215,226)
```
#c7d7e5
```
#c7d7e5 rgb(199,215,229)
```
#c3d7e9
```
#c3d7e9 rgb(195,215,233)
```
#c0d8ec
```
#c0d8ec rgb(192,216,236)
```
#bdd8ef
```
#bdd8ef rgb(189,216,239)
```
#bad8f2
```
#bad8f2 rgb(186,216,242)
```
#b7d8f5
```
#b7d8f5 rgb(183,216,245)
```
#b4d8f8
```
#b4d8f8 rgb(180,216,248)
```
#b1d9fb
```
#b1d9fb rgb(177,217,251)
```
#add9ff
```
#add9ff rgb(173,217,255)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cdd3d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d4ef Protanopia 1% of men
#dad1f5 Deuteranopia 1% of men
#bbdbeb Tritanopia 0.001% of the population

Trichromacy

#c9d6f0 Protanomaly 1% of men, 0.01% of women
#ced3f4 Deuteranomaly 6% of men, 0.4% of women
#bbdaed Tritanomaly 0.01% of the population

#bad8f2 hex color

#bad8f2 Color Information

#bad8f2 Color Conversion

Color Schemes with #bad8f2

Alternatives to #bad8f2

#bad8f2 Preview

Shades and Tints of #bad8f2

Tones of #bad8f2

Color Blindness Simulator