#bad2df hex color

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

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

● #bad2df color description : Light grayish blue.

The hexadecimal color #bad2df has RGB values of R:186, G:210, B:223 and CMYK values of C:0.17, M:0.06, Y:0, K:0.13. Its decimal value is 12243679.

Hex triplet	bad2df	`#bad2df`
RGB Decimal	186, 210, 223	`rgb(186,210,223)`
RGB Percent	72.9, 82.4, 87.5	`rgb(72.9%,82.4%,87.5%)`
CMYK	17, 6, 0, 13
HSL	201.1°, 36.6, 80.2	`hsl(201.1,36.6%,80.2%)`
HSV (or HSB)	201.1°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.838, -5.338, -9.126
XYZ	56.613, 61.859, 78.765
xyY	0.287, 0.314, 61.859
CIE-LCH	82.838, 10.573, 239.678
CIE-LUV	82.838, -13.294, -13.242
Hunter-Lab	78.65, -9.154, -4.321
Binary	10111010, 11010010, 11011111

#bad2df
```
#bad2df rgb(186,210,223)
```
#dfc7ba
```
#dfc7ba rgb(223,199,186)
```

Complementary Color

#badfda
```
#badfda rgb(186,223,218)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#bac0df
```
#bac0df rgb(186,192,223)
```

Analogous Color

#dfdaba
```
#dfdaba rgb(223,218,186)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#dfbac0
```
#dfbac0 rgb(223,186,192)
```

Split Complementary Color

#d2dfba
```
#d2dfba rgb(210,223,186)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#dfbad2
```
#dfbad2 rgb(223,186,210)
```

Triadic Color

#badfc7
```
#badfc7 rgb(186,223,199)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#dfbad2
```
#dfbad2 rgb(223,186,210)
```
#dfc7ba
```
#dfc7ba rgb(223,199,186)
```

Tetradic Color

#86b0c7
```
#86b0c7 rgb(134,176,199)
```
#97bbcf
```
#97bbcf rgb(151,187,207)
```
#a9c7d7
```
#a9c7d7 rgb(169,199,215)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#cbdde7
```
#cbdde7 rgb(203,221,231)
```
#dde9ef
```
#dde9ef rgb(221,233,239)
```
#eef4f7
```
#eef4f7 rgb(238,244,247)
```

Monochromatic Color

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

#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)
```
#baccdf
```
#baccdf rgb(186,204,223)
```
#bac9df
```
#bac9df rgb(186,201,223)
```

Similar Colors

Text with hexadecimal color #bad2df

This text has a font color of #bad2df.

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

#bad2df background color

This paragraph has a background color of #bad2df.

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

#bad2df border color

This element has a border color of #bad2df.

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

CSS codes

.text {color:#bad2df;}

.background {background-color:#bad2df;}

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

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

#05090b
```
#05090b rgb(5,9,11)
```
#0c1419
```
#0c1419 rgb(12,20,25)
```
#121f26
```
#121f26 rgb(18,31,38)
```
#182a34
```
#182a34 rgb(24,42,52)
```
#1e3541
```
#1e3541 rgb(30,53,65)
```
#24404e
```
#24404e rgb(36,64,78)
```
#2b4b5c
```
#2b4b5c rgb(43,75,92)
```
#315569
```
#315569 rgb(49,85,105)
```
#376077
```
#376077 rgb(55,96,119)
```
#3d6b84
```
#3d6b84 rgb(61,107,132)
```
#437691
```
#437691 rgb(67,118,145)
```
#4a819f
```
#4a819f rgb(74,129,159)
```
#508cac
```
#508cac rgb(80,140,172)
```

Shade Color Variation

#5c95b3
```
#5c95b3 rgb(92,149,179)
```
#6a9eba
```
#6a9eba rgb(106,158,186)
```
#77a6c0
```
#77a6c0 rgb(119,166,192)
```
#84afc6
```
#84afc6 rgb(132,175,198)
```
#92b8cc
```
#92b8cc rgb(146,184,204)
```
#9fc1d3
```
#9fc1d3 rgb(159,193,211)
```
#adc9d9
```
#adc9d9 rgb(173,201,217)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#c7dbe5
```
#c7dbe5 rgb(199,219,229)
```
#d5e3eb
```
#d5e3eb rgb(213,227,235)
```
#e2ecf2
```
#e2ecf2 rgb(226,236,242)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#cacdcf
```
#cacdcf rgb(202,205,207)
```
#c6cfd3
```
#c6cfd3 rgb(198,207,211)
```
#c2d0d7
```
#c2d0d7 rgb(194,208,215)
```
#bed1db
```
#bed1db rgb(190,209,219)
```
#bad2df
```
#bad2df rgb(186,210,223)
```
#b6d3e3
```
#b6d3e3 rgb(182,211,227)
```
#b2d4e7
```
#b2d4e7 rgb(178,212,231)
```
#aed5eb
```
#aed5eb rgb(174,213,235)
```
#aad7ef
```
#aad7ef rgb(170,215,239)
```
#a7d8f2
```
#a7d8f2 rgb(167,216,242)
```
#a3d9f6
```
#a3d9f6 rgb(163,217,246)
```
#9fdafa
```
#9fdafa rgb(159,218,250)
```
#9bdbfe
```
#9bdbfe rgb(155,219,254)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8cdd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cfdd Protanopia 1% of men
#dbcbe3 Deuteranopia 1% of men
#bed3e3 Tritanopia 0.001% of the population

Trichromacy

#c8d0de Protanomaly 1% of men, 0.01% of women
#cfcde1 Deuteranomaly 6% of men, 0.4% of women
#bcd3e1 Tritanomaly 0.01% of the population

#bad2df hex color

#bad2df Color Information

#bad2df Color Conversion

Color Schemes with #bad2df

Alternatives to #bad2df

#bad2df Preview

Shades and Tints of #bad2df

Tones of #bad2df

Color Blindness Simulator