#bad8df hex color

In a RGB color space, hex #bad8df is composed of 72.9% red, 84.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 3.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 191.4 degrees, a saturation of 36.6% and a lightness of 80.2%. #bad8df color hex could be obtained by blending #ffffff with #75b1bf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 85
- B 87
RGB color chart
- C 17
- M 3
- Y 0
- K 13
CMYK color chart

● #bad8df color description : Light grayish cyan.

The hexadecimal color #bad8df has RGB values of R:186, G:216, B:223 and CMYK values of C:0.17, M:0.03, Y:0, K:0.13. Its decimal value is 12245215.

Hex triplet	bad8df	`#bad8df`
RGB Decimal	186, 216, 223	`rgb(186,216,223)`
RGB Percent	72.9, 84.7, 87.5	`rgb(72.9%,84.7%,87.5%)`
CMYK	17, 3, 0, 13
HSL	191.4°, 36.6, 80.2	`hsl(191.4,36.6%,80.2%)`
HSV (or HSB)	191.4°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.42, -8.452, -6.78
XYZ	58.122, 64.877, 79.268
xyY	0.287, 0.321, 64.877
CIE-LCH	84.42, 10.835, 218.737
CIE-LUV	84.42, -16.075, -9.048
Hunter-Lab	80.546, -12.152, -1.967
Binary	10111010, 11011000, 11011111

#bad8df
```
#bad8df rgb(186,216,223)
```
#dfc1ba
```
#dfc1ba rgb(223,193,186)
```

Complementary Color

#badfd4
```
#badfd4 rgb(186,223,212)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#bac6df
```
#bac6df rgb(186,198,223)
```

Analogous Color

#dfd4ba
```
#dfd4ba rgb(223,212,186)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#dfbac6
```
#dfbac6 rgb(223,186,198)
```

Split Complementary Color

#d8dfba
```
#d8dfba rgb(216,223,186)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#dfbad8
```
#dfbad8 rgb(223,186,216)
```

Triadic Color

#badfc1
```
#badfc1 rgb(186,223,193)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#dfbad8
```
#dfbad8 rgb(223,186,216)
```
#dfc1ba
```
#dfc1ba rgb(223,193,186)
```

Tetradic Color

#86bac7
```
#86bac7 rgb(134,186,199)
```
#97c4cf
```
#97c4cf rgb(151,196,207)
```
#a9ced7
```
#a9ced7 rgb(169,206,215)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#cbe2e7
```
#cbe2e7 rgb(203,226,231)
```
#ddecef
```
#ddecef rgb(221,236,239)
```
#eef6f7
```
#eef6f7 rgb(238,246,247)
```

Monochromatic Color

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

#badfdd
```
#badfdd rgb(186,223,221)
```
#badedf
```
#badedf rgb(186,222,223)
```
#badbdf
```
#badbdf rgb(186,219,223)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#bad5df
```
#bad5df rgb(186,213,223)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#bacfdf
```
#bacfdf rgb(186,207,223)
```

Similar Colors

Text with hexadecimal color #bad8df

This text has a font color of #bad8df.

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

#bad8df background color

This paragraph has a background color of #bad8df.

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

#bad8df border color

This element has a border color of #bad8df.

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

CSS codes

.text {color:#bad8df;}

.background {background-color:#bad8df;}

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

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, #050a0b is the darkest color, while #fdfefe is the lightest one.

#050a0b
```
#050a0b rgb(5,10,11)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#122226
```
#122226 rgb(18,34,38)
```
#182e34
```
#182e34 rgb(24,46,52)
```
#1e3a41
```
#1e3a41 rgb(30,58,65)
```
#24464e
```
#24464e rgb(36,70,78)
```
#2b525c
```
#2b525c rgb(43,82,92)
```
#315f69
```
#315f69 rgb(49,95,105)
```
#376b77
```
#376b77 rgb(55,107,119)
```
#3d7784
```
#3d7784 rgb(61,119,132)
```
#438391
```
#438391 rgb(67,131,145)
```
#4a8f9f
```
#4a8f9f rgb(74,143,159)
```
#509bac
```
#509bac rgb(80,155,172)
```

Shade Color Variation

#5ca3b3
```
#5ca3b3 rgb(92,163,179)
```
#6aabba
```
#6aabba rgb(106,171,186)
```
#77b2c0
```
#77b2c0 rgb(119,178,192)
```
#84bac6
```
#84bac6 rgb(132,186,198)
```
#92c1cc
```
#92c1cc rgb(146,193,204)
```
#9fc9d3
```
#9fc9d3 rgb(159,201,211)
```
#add0d9
```
#add0d9 rgb(173,208,217)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#c7e0e5
```
#c7e0e5 rgb(199,224,229)
```
#d5e7eb
```
#d5e7eb rgb(213,231,235)
```
#e2eff2
```
#e2eff2 rgb(226,239,242)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#cacecf
```
#cacecf rgb(202,206,207)
```
#c6d1d3
```
#c6d1d3 rgb(198,209,211)
```
#c2d3d7
```
#c2d3d7 rgb(194,211,215)
```
#bed6db
```
#bed6db rgb(190,214,219)
```
#bad8df
```
#bad8df rgb(186,216,223)
```
#b6dae3
```
#b6dae3 rgb(182,218,227)
```
#b2dde7
```
#b2dde7 rgb(178,221,231)
```
#aedfeb
```
#aedfeb rgb(174,223,235)
```
#aae2ef
```
#aae2ef rgb(170,226,239)
```
#a7e4f2
```
#a7e4f2 rgb(167,228,242)
```
#a3e6f6
```
#a3e6f6 rgb(163,230,246)
```
#9fe9fa
```
#9fe9fa rgb(159,233,250)
```
#9bebfe
```
#9bebfe rgb(155,235,254)
```

Tone Color Variation

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

Dichromacy

#d5d3dd Protanopia 1% of men
#e1cfe4 Deuteranopia 1% of men
#bfd8e8 Tritanopia 0.001% of the population

Trichromacy

#cbd5dd Protanomaly 1% of men, 0.01% of women
#d3d2e2 Deuteranomaly 6% of men, 0.4% of women
#bdd8e4 Tritanomaly 0.01% of the population

#bad8df hex color

#bad8df Color Information

#bad8df Color Conversion

Color Schemes with #bad8df

Alternatives to #bad8df

#bad8df Preview

Shades and Tints of #bad8df

Tones of #bad8df

Color Blindness Simulator