#bad8ef hex color

In a RGB color space, hex #bad8ef is composed of 72.9% red, 84.7% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 9.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 206 degrees, a saturation of 62.4% and a lightness of 83.3%. #bad8ef color hex could be obtained by blending #ffffff with #75b1df. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 85
- B 94
RGB color chart
- C 22
- M 10
- Y 0
- K 6
CMYK color chart

● #bad8ef color description : Very soft blue.

The hexadecimal color #bad8ef has RGB values of R:186, G:216, B:239 and CMYK values of C:0.22, M:0.1, Y:0, K:0.06. Its decimal value is 12245231.

Hex triplet	bad8ef	`#bad8ef`
RGB Decimal	186, 216, 239	`rgb(186,216,239)`
RGB Percent	72.9, 84.7, 93.7	`rgb(72.9%,84.7%,93.7%)`
CMYK	22, 10, 0, 6
HSL	206°, 62.4, 83.3	`hsl(206,62.4%,83.3%)`
HSV (or HSB)	206°, 22.2, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.885, -5.022, -14.569
XYZ	60.382, 65.781, 91.172
xyY	0.278, 0.303, 65.781
CIE-LCH	84.885, 15.41, 250.982
CIE-LUV	84.885, -16.497, -22.111
Hunter-Lab	81.106, -9.044, -9.875
Binary	10111010, 11011000, 11101111

#bad8ef
```
#bad8ef rgb(186,216,239)
```
#efd1ba
```
#efd1ba rgb(239,209,186)
```

Complementary Color

#baefec
```
#baefec rgb(186,239,236)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#babeef
```
#babeef rgb(186,190,239)
```

Analogous Color

#efecba
```
#efecba rgb(239,236,186)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#efbabe
```
#efbabe rgb(239,186,190)
```

Split Complementary Color

#d8efba
```
#d8efba rgb(216,239,186)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#efbad8
```
#efbad8 rgb(239,186,216)
```

Triadic Color

#baefd1
```
#baefd1 rgb(186,239,209)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#efbad8
```
#efbad8 rgb(239,186,216)
```
#efd1ba
```
#efd1ba rgb(239,209,186)
```

Tetradic Color

#7cb5e1
```
#7cb5e1 rgb(124,181,225)
```
#91c1e5
```
#91c1e5 rgb(145,193,229)
```
#a5ccea
```
#a5ccea rgb(165,204,234)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#cfe4f4
```
#cfe4f4 rgb(207,228,244)
```
#e3eff9
```
#e3eff9 rgb(227,239,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Monochromatic Color

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

#bae5ef
```
#bae5ef rgb(186,229,239)
```
#bae1ef
```
#bae1ef rgb(186,225,239)
```
#badcef
```
#badcef rgb(186,220,239)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#bad4ef
```
#bad4ef rgb(186,212,239)
```
#bacfef
```
#bacfef rgb(186,207,239)
```
#bacbef
```
#bacbef rgb(186,203,239)
```

Similar Colors

Text with hexadecimal color #bad8ef

This text has a font color of #bad8ef.

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

#bad8ef background color

This paragraph has a background color of #bad8ef.

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

#bad8ef border color

This element has a border color of #bad8ef.

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

CSS codes

.text {color:#bad8ef;}

.background {background-color:#bad8ef;}

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

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, #02070b is the darkest color, while #fafcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#06121b
```
#06121b rgb(6,18,27)
```
#0a1c2a
```
#0a1c2a rgb(10,28,42)
```
#0e273a
```
#0e273a rgb(14,39,58)
```
#11324a
```
#11324a rgb(17,50,74)
```
#153c5a
```
#153c5a rgb(21,60,90)
```
#19476a
```
#19476a rgb(25,71,106)
```
#1c517a
```
#1c517a rgb(28,81,122)
```
#205c8a
```
#205c8a rgb(32,92,138)
```
#24679a
```
#24679a rgb(36,103,154)
```
#2771aa
```
#2771aa rgb(39,113,170)
```
#2b7cba
```
#2b7cba rgb(43,124,186)
```
#2f86ca
```
#2f86ca rgb(47,134,202)
```

Shade Color Variation

#3b90d1
```
#3b90d1 rgb(59,144,209)
```
#4b99d5
```
#4b99d5 rgb(75,153,213)
```
#5aa2d9
```
#5aa2d9 rgb(90,162,217)
```
#6aabdd
```
#6aabdd rgb(106,171,221)
```
#7ab4e0
```
#7ab4e0 rgb(122,180,224)
```
#8abde4
```
#8abde4 rgb(138,189,228)
```
#9ac6e8
```
#9ac6e8 rgb(154,198,232)
```
#aacfeb
```
#aacfeb rgb(170,207,235)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#cae1f3
```
#cae1f3 rgb(202,225,243)
```
#daeaf6
```
#daeaf6 rgb(218,234,246)
```
#eaf3fa
```
#eaf3fa rgb(234,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#d4d5d5
```
#d4d5d5 rgb(212,213,213)
```
#d1d5d8
```
#d1d5d8 rgb(209,213,216)
```
#ced5db
```
#ced5db rgb(206,213,219)
```
#cad6df
```
#cad6df rgb(202,214,223)
```
#c7d6e2
```
#c7d6e2 rgb(199,214,226)
```
#c4d7e5
```
#c4d7e5 rgb(196,215,229)
```
#c1d7e8
```
#c1d7e8 rgb(193,215,232)
```
#bdd8ec
```
#bdd8ec rgb(189,216,236)
```
#bad8ef
```
#bad8ef rgb(186,216,239)
```
#b7d8f2
```
#b7d8f2 rgb(183,216,242)
```
#b3d9f6
```
#b3d9f6 rgb(179,217,246)
```
#b0d9f9
```
#b0d9f9 rgb(176,217,249)
```
#addafc
```
#addafc rgb(173,218,252)
```

Tone Color Variation

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

#d2d4ec Protanopia 1% of men
#dbd1f2 Deuteranopia 1% of men
#bcdaea Tritanopia 0.001% of the population

Trichromacy

#c9d5ed Protanomaly 1% of men, 0.01% of women
#cfd3f1 Deuteranomaly 6% of men, 0.4% of women
#bbd9ec Tritanomaly 0.01% of the population

#bad8ef hex color

#bad8ef Color Information

#bad8ef Color Conversion

Color Schemes with #bad8ef

Alternatives to #bad8ef

#bad8ef Preview

Shades and Tints of #bad8ef

Tones of #bad8ef

Color Blindness Simulator