#bad9ed hex color

In a RGB color space, hex #bad9ed is composed of 72.9% red, 85.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 8.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 203.5 degrees, a saturation of 58.6% and a lightness of 82.9%. #bad9ed color hex could be obtained by blending #ffffff with #75b3db. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 85
- B 93
RGB color chart
- C 22
- M 8
- Y 0
- K 7
CMYK color chart

● #bad9ed color description : Very soft blue.

The hexadecimal color #bad9ed has RGB values of R:186, G:217, B:237 and CMYK values of C:0.22, M:0.08, Y:0, K:0.07. Its decimal value is 12245485.

Hex triplet	bad9ed	`#bad9ed`
RGB Decimal	186, 217, 237	`rgb(186,217,237)`
RGB Percent	72.9, 85.1, 92.9	`rgb(72.9%,85.1%,92.9%)`
CMYK	22, 8, 0, 7
HSL	203.5°, 58.6, 82.9	`hsl(203.5,58.6%,82.9%)`
HSV (or HSB)	203.5°, 21.5, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.087, -5.981, -13.207
XYZ	60.345, 66.178, 89.71
xyY	0.279, 0.306, 66.178
CIE-LCH	85.087, 14.498, 245.637
CIE-LUV	85.087, -16.893, -19.75
Hunter-Lab	81.35, -9.951, -8.439
Binary	10111010, 11011001, 11101101

#bad9ed
```
#bad9ed rgb(186,217,237)
```
#edceba
```
#edceba rgb(237,206,186)
```

Complementary Color

#baede8
```
#baede8 rgb(186,237,232)
```
#bad9ed
```
#bad9ed rgb(186,217,237)
```
#bac0ed
```
#bac0ed rgb(186,192,237)
```

Analogous Color

#ede8ba
```
#ede8ba rgb(237,232,186)
```
#bad9ed
```
#bad9ed rgb(186,217,237)
```
#edbac0
```
#edbac0 rgb(237,186,192)
```

Split Complementary Color

#d9edba
```
#d9edba rgb(217,237,186)
```
#bad9ed
```
#bad9ed rgb(186,217,237)
```
#edbad9
```
#edbad9 rgb(237,186,217)
```

Triadic Color

#baedce
```
#baedce rgb(186,237,206)
```
#bad9ed
```
#bad9ed rgb(186,217,237)
```
#edbad9
```
#edbad9 rgb(237,186,217)
```
#edceba
```
#edceba rgb(237,206,186)
```

Tetradic Color

#7db8dd
```
#7db8dd rgb(125,184,221)
```
#92c3e2
```
#92c3e2 rgb(146,195,226)
```
#a6cee8
```
#a6cee8 rgb(166,206,232)
```
#bad9ed
```
#bad9ed rgb(186,217,237)
```
#cee4f2
```
#cee4f2 rgb(206,228,242)
```
#e2eff8
```
#e2eff8 rgb(226,239,248)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Monochromatic Color

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

#bae6ed
```
#bae6ed rgb(186,230,237)
```
#bae2ed
```
#bae2ed rgb(186,226,237)
```
#badded
```
#badded rgb(186,221,237)
```
#bad9ed
```
#bad9ed rgb(186,217,237)
```
#bad5ed
```
#bad5ed rgb(186,213,237)
```
#bad1ed
```
#bad1ed rgb(186,209,237)
```
#bacced
```
#bacced rgb(186,204,237)
```

Similar Colors

Text with hexadecimal color #bad9ed

This text has a font color of #bad9ed.

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

#bad9ed background color

This paragraph has a background color of #bad9ed.

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

#bad9ed border color

This element has a border color of #bad9ed.

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

CSS codes

.text {color:#bad9ed;}

.background {background-color:#bad9ed;}

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

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

#020609
```
#020609 rgb(2,6,9)
```
#061118
```
#061118 rgb(6,17,24)
```
#0a1c28
```
#0a1c28 rgb(10,28,40)
```
#0e2737
```
#0e2737 rgb(14,39,55)
```
#133247
```
#133247 rgb(19,50,71)
```
#173d57
```
#173d57 rgb(23,61,87)
```
#1b4966
```
#1b4966 rgb(27,73,102)
```
#1f5476
```
#1f5476 rgb(31,84,118)
```
#235f85
```
#235f85 rgb(35,95,133)
```
#276a95
```
#276a95 rgb(39,106,149)
```
#2b75a4
```
#2b75a4 rgb(43,117,164)
```
#2f80b4
```
#2f80b4 rgb(47,128,180)
```
#338bc3
```
#338bc3 rgb(51,139,195)
```

Shade Color Variation

#3e94cd
```
#3e94cd rgb(62,148,205)
```
#4d9dd1
```
#4d9dd1 rgb(77,157,209)
```
#5da6d5
```
#5da6d5 rgb(93,166,213)
```
#6caed9
```
#6caed9 rgb(108,174,217)
```
#7cb7dd
```
#7cb7dd rgb(124,183,221)
```
#8bbfe1
```
#8bbfe1 rgb(139,191,225)
```
#9bc8e5
```
#9bc8e5 rgb(155,200,229)
```
#aad0e9
```
#aad0e9 rgb(170,208,233)
```
#bad9ed
```
#bad9ed rgb(186,217,237)
```
#cae2f1
```
#cae2f1 rgb(202,226,241)
```
#d9eaf5
```
#d9eaf5 rgb(217,234,245)
```
#e9f3f9
```
#e9f3f9 rgb(233,243,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#d1d4d6
```
#d1d4d6 rgb(209,212,214)
```
#ced5d9
```
#ced5d9 rgb(206,213,217)
```
#cbd5dc
```
#cbd5dc rgb(203,213,220)
```
#c7d6e0
```
#c7d6e0 rgb(199,214,224)
```
#c4d7e3
```
#c4d7e3 rgb(196,215,227)
```
#c1d8e6
```
#c1d8e6 rgb(193,216,230)
```
#bdd8ea
```
#bdd8ea rgb(189,216,234)
```
#bad9ed
```
#bad9ed rgb(186,217,237)
```
#b7daf0
```
#b7daf0 rgb(183,218,240)
```
#b3daf4
```
#b3daf4 rgb(179,218,244)
```
#b0dbf7
```
#b0dbf7 rgb(176,219,247)
```
#addcfa
```
#addcfa rgb(173,220,250)
```
#a9ddfe
```
#a9ddfe rgb(169,221,254)
```

Tone Color Variation

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

Dichromacy

#d4d5ea Protanopia 1% of men
#ddd1f1 Deuteranopia 1% of men
#bcdbeb Tritanopia 0.001% of the population

Trichromacy

#cad6eb Protanomaly 1% of men, 0.01% of women
#d0d4ef Deuteranomaly 6% of men, 0.4% of women
#bbdaeb Tritanomaly 0.01% of the population

#bad9ed hex color

#bad9ed Color Information

#bad9ed Color Conversion

Color Schemes with #bad9ed

Alternatives to #bad9ed

#bad9ed Preview

Shades and Tints of #bad9ed

Tones of #bad9ed

Color Blindness Simulator