#bad3df hex color

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

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

● #bad3df color description : Light grayish blue.

The hexadecimal color #bad3df has RGB values of R:186, G:211, B:223 and CMYK values of C:0.17, M:0.05, Y:0, K:0.13. Its decimal value is 12243935.

Hex triplet	bad3df	`#bad3df`
RGB Decimal	186, 211, 223	`rgb(186,211,223)`
RGB Percent	72.9, 82.7, 87.5	`rgb(72.9%,82.7%,87.5%)`
CMYK	17, 5, 0, 13
HSL	199.5°, 36.6, 80.2	`hsl(199.5,36.6%,80.2%)`
HSV (or HSB)	199.5°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.101, -5.859, -8.735
XYZ	56.86, 62.354, 78.848
xyY	0.287, 0.315, 62.354
CIE-LCH	83.101, 10.518, 236.149
CIE-LUV	83.101, -13.758, -12.542
Hunter-Lab	78.965, -9.655, -3.927
Binary	10111010, 11010011, 11011111

#bad3df
```
#bad3df rgb(186,211,223)
```
#dfc6ba
```
#dfc6ba rgb(223,198,186)
```

Complementary Color

#badfd9
```
#badfd9 rgb(186,223,217)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#bac1df
```
#bac1df rgb(186,193,223)
```

Analogous Color

#dfd9ba
```
#dfd9ba rgb(223,217,186)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#dfbac1
```
#dfbac1 rgb(223,186,193)
```

Split Complementary Color

#d3dfba
```
#d3dfba rgb(211,223,186)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#dfbad3
```
#dfbad3 rgb(223,186,211)
```

Triadic Color

#badfc6
```
#badfc6 rgb(186,223,198)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#dfbad3
```
#dfbad3 rgb(223,186,211)
```
#dfc6ba
```
#dfc6ba rgb(223,198,186)
```

Tetradic Color

#86b2c7
```
#86b2c7 rgb(134,178,199)
```
#97bdcf
```
#97bdcf rgb(151,189,207)
```
#a9c8d7
```
#a9c8d7 rgb(169,200,215)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#cbdee7
```
#cbdee7 rgb(203,222,231)
```
#dde9ef
```
#dde9ef rgb(221,233,239)
```
#eef4f7
```
#eef4f7 rgb(238,244,247)
```

Monochromatic Color

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

#badcdf
```
#badcdf rgb(186,220,223)
```
#bad9df
```
#bad9df rgb(186,217,223)
```
#bad6df
```
#bad6df rgb(186,214,223)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#bad0df
```
#bad0df rgb(186,208,223)
```
#bacddf
```
#bacddf rgb(186,205,223)
```
#bacadf
```
#bacadf rgb(186,202,223)
```

Similar Colors

Text with hexadecimal color #bad3df

This text has a font color of #bad3df.

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

#bad3df background color

This paragraph has a background color of #bad3df.

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

#bad3df border color

This element has a border color of #bad3df.

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

CSS codes

.text {color:#bad3df;}

.background {background-color:#bad3df;}

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

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)
```
#122026
```
#122026 rgb(18,32,38)
```
#182b34
```
#182b34 rgb(24,43,52)
```
#1e3641
```
#1e3641 rgb(30,54,65)
```
#24414e
```
#24414e rgb(36,65,78)
```
#2b4c5c
```
#2b4c5c rgb(43,76,92)
```
#315769
```
#315769 rgb(49,87,105)
```
#376277
```
#376277 rgb(55,98,119)
```
#3d6d84
```
#3d6d84 rgb(61,109,132)
```
#437891
```
#437891 rgb(67,120,145)
```
#4a839f
```
#4a839f rgb(74,131,159)
```
#508eac
```
#508eac rgb(80,142,172)
```

Shade Color Variation

#5c97b3
```
#5c97b3 rgb(92,151,179)
```
#6aa0ba
```
#6aa0ba rgb(106,160,186)
```
#77a8c0
```
#77a8c0 rgb(119,168,192)
```
#84b1c6
```
#84b1c6 rgb(132,177,198)
```
#92b9cc
```
#92b9cc rgb(146,185,204)
```
#9fc2d3
```
#9fc2d3 rgb(159,194,211)
```
#adcad9
```
#adcad9 rgb(173,202,217)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#c7dce5
```
#c7dce5 rgb(199,220,229)
```
#d5e4eb
```
#d5e4eb rgb(213,228,235)
```
#e2edf2
```
#e2edf2 rgb(226,237,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, #cacecf is the less saturated color, while #9bdefe is the most saturated one.

#cacecf
```
#cacecf rgb(202,206,207)
```
#c6cfd3
```
#c6cfd3 rgb(198,207,211)
```
#c2d0d7
```
#c2d0d7 rgb(194,208,215)
```
#bed2db
```
#bed2db rgb(190,210,219)
```
#bad3df
```
#bad3df rgb(186,211,223)
```
#b6d4e3
```
#b6d4e3 rgb(182,212,227)
```
#b2d6e7
```
#b2d6e7 rgb(178,214,231)
```
#aed7eb
```
#aed7eb rgb(174,215,235)
```
#aad8ef
```
#aad8ef rgb(170,216,239)
```
#a7daf2
```
#a7daf2 rgb(167,218,242)
```
#a3dbf6
```
#a3dbf6 rgb(163,219,246)
```
#9fddfa
```
#9fddfa rgb(159,221,250)
```
#9bdefe
```
#9bdefe rgb(155,222,254)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9ced1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d0dd Protanopia 1% of men
#dccce3 Deuteranopia 1% of men
#bed4e4 Tritanopia 0.001% of the population

Trichromacy

#c8d1de Protanomaly 1% of men, 0.01% of women
#cfcee2 Deuteranomaly 6% of men, 0.4% of women
#bcd4e2 Tritanomaly 0.01% of the population

#bad3df hex color

#bad3df Color Information

#bad3df Color Conversion

Color Schemes with #bad3df

Alternatives to #bad3df

#bad3df Preview

Shades and Tints of #bad3df

Tones of #bad3df

Color Blindness Simulator