#bad3ee hex color

In a RGB color space, hex #bad3ee is composed of 72.9% red, 82.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 11.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 211.2 degrees, a saturation of 60.5% and a lightness of 83.1%. #bad3ee color hex could be obtained by blending #ffffff with #75a7dd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 83
- B 93
RGB color chart
- C 22
- M 11
- Y 0
- K 7
CMYK color chart

● #bad3ee color description : Very soft blue.

The hexadecimal color #bad3ee has RGB values of R:186, G:211, B:238 and CMYK values of C:0.22, M:0.11, Y:0, K:0.07. Its decimal value is 12243950.

Hex triplet	bad3ee	`#bad3ee`
RGB Decimal	186, 211, 238	`rgb(186,211,238)`
RGB Percent	72.9, 82.7, 93.3	`rgb(72.9%,82.7%,93.3%)`
CMYK	22, 11, 0, 7
HSL	211.2°, 60.5, 83.1	`hsl(211.2,60.5%,83.1%)`
HSV (or HSB)	211.2°, 21.8, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.547, -2.625, -16.047
XYZ	58.973, 63.199, 89.976
xyY	0.278, 0.298, 63.199
CIE-LCH	83.547, 16.26, 260.708
CIE-LUV	83.547, -14.228, -24.854
Hunter-Lab	79.498, -6.707, -11.456
Binary	10111010, 11010011, 11101110

#bad3ee
```
#bad3ee rgb(186,211,238)
```
#eed5ba
```
#eed5ba rgb(238,213,186)
```

Complementary Color

#baedee
```
#baedee rgb(186,237,238)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#bbbaee
```
#bbbaee rgb(187,186,238)
```

Analogous Color

#edeeba
```
#edeeba rgb(237,238,186)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#eebbba
```
#eebbba rgb(238,187,186)
```

Split Complementary Color

#d3eeba
```
#d3eeba rgb(211,238,186)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#eebad3
```
#eebad3 rgb(238,186,211)
```

Triadic Color

#baeed5
```
#baeed5 rgb(186,238,213)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#eebad3
```
#eebad3 rgb(238,186,211)
```
#eed5ba
```
#eed5ba rgb(238,213,186)
```

Tetradic Color

#7dacdf
```
#7dacdf rgb(125,172,223)
```
#91b9e4
```
#91b9e4 rgb(145,185,228)
```
#a6c6e9
```
#a6c6e9 rgb(166,198,233)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#cee0f3
```
#cee0f3 rgb(206,224,243)
```
#e3edf8
```
#e3edf8 rgb(227,237,248)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Monochromatic Color

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

#bae0ee
```
#bae0ee rgb(186,224,238)
```
#badcee
```
#badcee rgb(186,220,238)
```
#bad7ee
```
#bad7ee rgb(186,215,238)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#bacfee
```
#bacfee rgb(186,207,238)
```
#bacaee
```
#bacaee rgb(186,202,238)
```
#bac6ee
```
#bac6ee rgb(186,198,238)
```

Similar Colors

Text with hexadecimal color #bad3ee

This text has a font color of #bad3ee.

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

#bad3ee background color

This paragraph has a background color of #bad3ee.

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

#bad3ee border color

This element has a border color of #bad3ee.

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

CSS codes

.text {color:#bad3ee;}

.background {background-color:#bad3ee;}

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

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#060f19
```
#060f19 rgb(6,15,25)
```
#0a1929
```
#0a1929 rgb(10,25,41)
```
#0e2339
```
#0e2339 rgb(14,35,57)
```
#122c49
```
#122c49 rgb(18,44,73)
```
#163658
```
#163658 rgb(22,54,88)
```
#1a3f68
```
#1a3f68 rgb(26,63,104)
```
#1e4978
```
#1e4978 rgb(30,73,120)
```
#215388
```
#215388 rgb(33,83,136)
```
#255c97
```
#255c97 rgb(37,92,151)
```
#2966a7
```
#2966a7 rgb(41,102,167)
```
#2d6fb7
```
#2d6fb7 rgb(45,111,183)
```
#3179c7
```
#3179c7 rgb(49,121,199)
```

Shade Color Variation

#3c83cf
```
#3c83cf rgb(60,131,207)
```
#4c8dd3
```
#4c8dd3 rgb(76,141,211)
```
#5c97d7
```
#5c97d7 rgb(92,151,215)
```
#6ba1db
```
#6ba1db rgb(107,161,219)
```
#7babde
```
#7babde rgb(123,171,222)
```
#8bb5e2
```
#8bb5e2 rgb(139,181,226)
```
#9bbfe6
```
#9bbfe6 rgb(155,191,230)
```
#aac9ea
```
#aac9ea rgb(170,201,234)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#caddf2
```
#caddf2 rgb(202,221,242)
```
#d9e7f6
```
#d9e7f6 rgb(217,231,246)
```
#e9f1fa
```
#e9f1fa rgb(233,241,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#d1d4d7
```
#d1d4d7 rgb(209,212,215)
```
#ced4da
```
#ced4da rgb(206,212,218)
```
#cbd4dd
```
#cbd4dd rgb(203,212,221)
```
#c7d4e1
```
#c7d4e1 rgb(199,212,225)
```
#c4d3e4
```
#c4d3e4 rgb(196,211,228)
```
#c1d3e7
```
#c1d3e7 rgb(193,211,231)
```
#bdd3eb
```
#bdd3eb rgb(189,211,235)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#b7d3f1
```
#b7d3f1 rgb(183,211,241)
```
#b3d3f5
```
#b3d3f5 rgb(179,211,245)
```
#b0d3f8
```
#b0d3f8 rgb(176,211,248)
```
#add2fb
```
#add2fb rgb(173,210,251)
```
#a9d2ff
```
#a9d2ff rgb(169,210,255)
```

Tone Color Variation

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

Dichromacy

#ced1ec Protanopia 1% of men
#d6cdf1 Deuteranopia 1% of men
#bbd6e6 Tritanopia 0.001% of the population

Trichromacy

#c6d1ed Protanomaly 1% of men, 0.01% of women
#cccff0 Deuteranomaly 6% of men, 0.4% of women
#bad5e9 Tritanomaly 0.01% of the population

#bad3ee hex color

#bad3ee Color Information

#bad3ee Color Conversion

Color Schemes with #bad3ee

Alternatives to #bad3ee

#bad3ee Preview

Shades and Tints of #bad3ee

Tones of #bad3ee

Color Blindness Simulator