#bad8d5 hex color

In a RGB color space, hex #bad8d5 is composed of 72.9% red, 84.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 0% magenta, 1.4% yellow and 15.3% black. It has a hue angle of 174 degrees, a saturation of 27.8% and a lightness of 78.8%. #bad8d5 color hex could be obtained by blending #ffffff with #75b1ab. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 85
- B 84
RGB color chart
- C 14
- M 0
- Y 1
- K 15
CMYK color chart

● #bad8d5 color description : Grayish cyan.

The hexadecimal color #bad8d5 has RGB values of R:186, G:216, B:213 and CMYK values of C:0.14, M:0, Y:0.01, K:0.15. Its decimal value is 12245205.

Hex triplet	bad8d5	`#bad8d5`
RGB Decimal	186, 216, 213	`rgb(186,216,213)`
RGB Percent	72.9, 84.7, 83.5	`rgb(72.9%,84.7%,83.5%)`
CMYK	14, 0, 1, 15
HSL	174°, 27.8, 78.8	`hsl(174,27.8%,78.8%)`
HSV (or HSB)	174°, 13.9, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.15, -10.494, -1.873
XYZ	56.813, 64.354, 72.375
xyY	0.294, 0.333, 64.354
CIE-LCH	84.15, 10.66, 190.12
CIE-LUV	84.15, -15.819, -1.059
Hunter-Lab	80.221, -13.971, 2.663
Binary	10111010, 11011000, 11010101

#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#d8babd
```
#d8babd rgb(216,186,189)
```

Complementary Color

#bad8c6
```
#bad8c6 rgb(186,216,198)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#baccd8
```
#baccd8 rgb(186,204,216)
```

Analogous Color

#d8c6ba
```
#d8c6ba rgb(216,198,186)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#d8bacc
```
#d8bacc rgb(216,186,204)
```

Split Complementary Color

#d8d5ba
```
#d8d5ba rgb(216,213,186)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#d5bad8
```
#d5bad8 rgb(213,186,216)
```

Triadic Color

#bdd8ba
```
#bdd8ba rgb(189,216,186)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#d5bad8
```
#d5bad8 rgb(213,186,216)
```
#d8babd
```
#d8babd rgb(216,186,189)
```

Tetradic Color

#89bcb7
```
#89bcb7 rgb(137,188,183)
```
#99c6c1
```
#99c6c1 rgb(153,198,193)
```
#aacfcb
```
#aacfcb rgb(170,207,203)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#cae1df
```
#cae1df rgb(202,225,223)
```
#dbeae9
```
#dbeae9 rgb(219,234,233)
```
#ebf4f3
```
#ebf4f3 rgb(235,244,243)
```

Monochromatic Color

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

#bad8ce
```
#bad8ce rgb(186,216,206)
```
#bad8d0
```
#bad8d0 rgb(186,216,208)
```
#bad8d3
```
#bad8d3 rgb(186,216,211)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#bad8d8
```
#bad8d8 rgb(186,216,216)
```
#bad6d8
```
#bad6d8 rgb(186,214,216)
```
#bad4d8
```
#bad4d8 rgb(186,212,216)
```

Similar Colors

Text with hexadecimal color #bad8d5

This text has a font color of #bad8d5.

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

#bad8d5 background color

This paragraph has a background color of #bad8d5.

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

#bad8d5 border color

This element has a border color of #bad8d5.

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

CSS codes

.text {color:#bad8d5;}

.background {background-color:#bad8d5;}

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1312
```
#0b1312 rgb(11,19,18)
```
#121f1e
```
#121f1e rgb(18,31,30)
```
#192c2a
```
#192c2a rgb(25,44,42)
```
#203836
```
#203836 rgb(32,56,54)
```
#274542
```
#274542 rgb(39,69,66)
```
#2e514e
```
#2e514e rgb(46,81,78)
```
#355e5a
```
#355e5a rgb(53,94,90)
```
#3c6a66
```
#3c6a66 rgb(60,106,102)
```
#437772
```
#437772 rgb(67,119,114)
```
#4a847e
```
#4a847e rgb(74,132,126)
```
#51908a
```
#51908a rgb(81,144,138)
```
#599d96
```
#599d96 rgb(89,157,150)
```

Shade Color Variation

#62a6a0
```
#62a6a0 rgb(98,166,160)
```
#6faea7
```
#6faea7 rgb(111,174,167)
```
#7bb5af
```
#7bb5af rgb(123,181,175)
```
#88bcb6
```
#88bcb6 rgb(136,188,182)
```
#94c3be
```
#94c3be rgb(148,195,190)
```
#a1cac6
```
#a1cac6 rgb(161,202,198)
```
#add1cd
```
#add1cd rgb(173,209,205)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#c7dfdd
```
#c7dfdd rgb(199,223,221)
```
#d3e6e4
```
#d3e6e4 rgb(211,230,228)
```
#e0edec
```
#e0edec rgb(224,237,236)
```
#ecf4f4
```
#ecf4f4 rgb(236,244,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#c6cccb
```
#c6cccb rgb(198,204,203)
```
#c2d0ce
```
#c2d0ce rgb(194,208,206)
```
#bed4d2
```
#bed4d2 rgb(190,212,210)
```
#bad8d5
```
#bad8d5 rgb(186,216,213)
```
#b6dcd8
```
#b6dcd8 rgb(182,220,216)
```
#b2e0dc
```
#b2e0dc rgb(178,224,220)
```
#aee4df
```
#aee4df rgb(174,228,223)
```
#a9e9e2
```
#a9e9e2 rgb(169,233,226)
```
#a5ede6
```
#a5ede6 rgb(165,237,230)
```
#a1f1e9
```
#a1f1e9 rgb(161,241,233)
```
#9df5ec
```
#9df5ec rgb(157,245,236)
```
#99f9f0
```
#99f9f0 rgb(153,249,240)
```
#95fdf3
```
#95fdf3 rgb(149,253,243)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd1d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d3d3 Protanopia 1% of men
#e4cedb Deuteranopia 1% of men
#c1d7e7 Tritanopia 0.001% of the population

Trichromacy

#ccd4d4 Protanomaly 1% of men, 0.01% of women
#d5d1d8 Deuteranomaly 6% of men, 0.4% of women
#bed7e0 Tritanomaly 0.01% of the population

#bad8d5 hex color

#bad8d5 Color Information

#bad8d5 Color Conversion

Color Schemes with #bad8d5

Alternatives to #bad8d5

#bad8d5 Preview

Shades and Tints of #bad8d5

Tones of #bad8d5

Color Blindness Simulator