#bad9e3 hex color

In a RGB color space, hex #bad9e3 is composed of 72.9% red, 85.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 4.4% magenta, 0% yellow and 11% black. It has a hue angle of 194.6 degrees, a saturation of 42.3% and a lightness of 81%. #bad9e3 color hex could be obtained by blending #ffffff with #75b3c7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 85
- B 89
RGB color chart
- C 18
- M 4
- Y 0
- K 11
CMYK color chart

● #bad9e3 color description : Light grayish cyan.

The hexadecimal color #bad9e3 has RGB values of R:186, G:217, B:227 and CMYK values of C:0.18, M:0.04, Y:0, K:0.11. Its decimal value is 12245475.

Hex triplet	bad9e3	`#bad9e3`
RGB Decimal	186, 217, 227	`rgb(186,217,227)`
RGB Percent	72.9, 85.1, 89	`rgb(72.9%,85.1%,89%)`
CMYK	18, 4, 0, 11
HSL	194.6°, 42.3, 81	`hsl(194.6,42.3%,81%)`
HSV (or HSB)	194.6°, 18.1, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.797, -8.129, -8.343
XYZ	58.925, 65.61, 82.228
xyY	0.285, 0.317, 65.61
CIE-LCH	84.797, 11.649, 225.744
CIE-LUV	84.797, -16.638, -11.583
Hunter-Lab	81, -11.897, -3.489
Binary	10111010, 11011001, 11100011

#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#e3c4ba
```
#e3c4ba rgb(227,196,186)
```

Complementary Color

#bae3d9
```
#bae3d9 rgb(186,227,217)
```
#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#bac5e3
```
#bac5e3 rgb(186,197,227)
```

Analogous Color

#e3d9ba
```
#e3d9ba rgb(227,217,186)
```
#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#e3bac5
```
#e3bac5 rgb(227,186,197)
```

Split Complementary Color

#d9e3ba
```
#d9e3ba rgb(217,227,186)
```
#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#e3bad9
```
#e3bad9 rgb(227,186,217)
```

Triadic Color

#bae3c4
```
#bae3c4 rgb(186,227,196)
```
#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#e3bad9
```
#e3bad9 rgb(227,186,217)
```
#e3c4ba
```
#e3c4ba rgb(227,196,186)
```

Tetradic Color

#84bbcd
```
#84bbcd rgb(132,187,205)
```
#96c5d4
```
#96c5d4 rgb(150,197,212)
```
#a8cfdc
```
#a8cfdc rgb(168,207,220)
```
#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#cce3ea
```
#cce3ea rgb(204,227,234)
```
#deedf2
```
#deedf2 rgb(222,237,242)
```
#f0f7f9
```
#f0f7f9 rgb(240,247,249)
```

Monochromatic Color

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

#bae3e3
```
#bae3e3 rgb(186,227,227)
```
#bae0e3
```
#bae0e3 rgb(186,224,227)
```
#badce3
```
#badce3 rgb(186,220,227)
```
#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#bad6e3
```
#bad6e3 rgb(186,214,227)
```
#bad2e3
```
#bad2e3 rgb(186,210,227)
```
#bacfe3
```
#bacfe3 rgb(186,207,227)
```

Similar Colors

Text with hexadecimal color #bad9e3

This text has a font color of #bad9e3.

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

#bad9e3 background color

This paragraph has a background color of #bad9e3.

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

#bad9e3 border color

This element has a border color of #bad9e3.

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

CSS codes

.text {color:#bad9e3;}

.background {background-color:#bad9e3;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060d0f
```
#060d0f rgb(6,13,15)
```
#0c191d
```
#0c191d rgb(12,25,29)
```
#11242b
```
#11242b rgb(17,36,43)
```
#173039
```
#173039 rgb(23,48,57)
```
#1d3c47
```
#1d3c47 rgb(29,60,71)
```
#224854
```
#224854 rgb(34,72,84)
```
#285462
```
#285462 rgb(40,84,98)
```
#2e6070
```
#2e6070 rgb(46,96,112)
```
#336c7e
```
#336c7e rgb(51,108,126)
```
#39788c
```
#39788c rgb(57,120,140)
```
#3f849a
```
#3f849a rgb(63,132,154)
```
#4490a8
```
#4490a8 rgb(68,144,168)
```

Shade Color Variation

#4a9cb6
```
#4a9cb6 rgb(74,156,182)
```
#58a3bb
```
#58a3bb rgb(88,163,187)
```
#66abc1
```
#66abc1 rgb(102,171,193)
```
#74b3c7
```
#74b3c7 rgb(116,179,199)
```
#82bacc
```
#82bacc rgb(130,186,204)
```
#90c2d2
```
#90c2d2 rgb(144,194,210)
```
#9ecad8
```
#9ecad8 rgb(158,202,216)
```
#acd1dd
```
#acd1dd rgb(172,209,221)
```
#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#c8e1e9
```
#c8e1e9 rgb(200,225,233)
```
#d6e8ee
```
#d6e8ee rgb(214,232,238)
```
#e4f0f4
```
#e4f0f4 rgb(228,240,244)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Tint Color Variation

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

#cdcfd0
```
#cdcfd0 rgb(205,207,208)
```
#c9d1d4
```
#c9d1d4 rgb(201,209,212)
```
#c5d3d8
```
#c5d3d8 rgb(197,211,216)
```
#c1d5dc
```
#c1d5dc rgb(193,213,220)
```
#bed7df
```
#bed7df rgb(190,215,223)
```
#bad9e3
```
#bad9e3 rgb(186,217,227)
```
#b6dbe7
```
#b6dbe7 rgb(182,219,231)
```
#b3ddea
```
#b3ddea rgb(179,221,234)
```
#afdfee
```
#afdfee rgb(175,223,238)
```
#abe1f2
```
#abe1f2 rgb(171,225,242)
```
#a7e3f6
```
#a7e3f6 rgb(167,227,246)
```
#a4e4f9
```
#a4e4f9 rgb(164,228,249)
```
#a0e6fd
```
#a0e6fd rgb(160,230,253)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#ccd3d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d4e0 Protanopia 1% of men
#e1d0e7 Deuteranopia 1% of men
#bedae9 Tritanopia 0.001% of the population

Trichromacy

#cbd6e1 Protanomaly 1% of men, 0.01% of women
#d2d3e6 Deuteranomaly 6% of men, 0.4% of women
#bdd9e7 Tritanomaly 0.01% of the population

#bad9e3 hex color

#bad9e3 Color Information

#bad9e3 Color Conversion

Color Schemes with #bad9e3

Alternatives to #bad9e3

#bad9e3 Preview

Shades and Tints of #bad9e3

Tones of #bad9e3

Color Blindness Simulator