#badcee hex color

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

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

● #badcee color description : Very soft blue.

The hexadecimal color #badcee has RGB values of R:186, G:220, B:238 and CMYK values of C:0.22, M:0.08, Y:0, K:0.07. Its decimal value is 12246254.

Hex triplet	badcee	`#badcee`
RGB Decimal	186, 220, 238	`rgb(186,220,238)`
RGB Percent	72.9, 86.3, 93.3	`rgb(72.9%,86.3%,93.3%)`
CMYK	22, 8, 0, 7
HSL	200.8°, 60.5, 83.1	`hsl(200.8,60.5%,83.1%)`
HSV (or HSB)	200.8°, 21.8, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.905, -7.317, -12.513
XYZ	61.272, 67.797, 90.742
xyY	0.279, 0.308, 67.797
CIE-LCH	85.905, 14.496, 239.684
CIE-LUV	85.905, -18.263, -18.435
Hunter-Lab	82.339, -11.263, -7.704
Binary	10111010, 11011100, 11101110

#badcee
```
#badcee rgb(186,220,238)
```
#eeccba
```
#eeccba rgb(238,204,186)
```

Complementary Color

#baeee6
```
#baeee6 rgb(186,238,230)
```
#badcee
```
#badcee rgb(186,220,238)
```
#bac2ee
```
#bac2ee rgb(186,194,238)
```

Analogous Color

#eee6ba
```
#eee6ba rgb(238,230,186)
```
#badcee
```
#badcee rgb(186,220,238)
```
#eebac2
```
#eebac2 rgb(238,186,194)
```

Split Complementary Color

#dceeba
```
#dceeba rgb(220,238,186)
```
#badcee
```
#badcee rgb(186,220,238)
```
#eebadc
```
#eebadc rgb(238,186,220)
```

Triadic Color

#baeecc
```
#baeecc rgb(186,238,204)
```
#badcee
```
#badcee rgb(186,220,238)
```
#eebadc
```
#eebadc rgb(238,186,220)
```
#eeccba
```
#eeccba rgb(238,204,186)
```

Tetradic Color

#7dbddf
```
#7dbddf rgb(125,189,223)
```
#91c7e4
```
#91c7e4 rgb(145,199,228)
```
#a6d2e9
```
#a6d2e9 rgb(166,210,233)
```
#badcee
```
#badcee rgb(186,220,238)
```
#cee6f3
```
#cee6f3 rgb(206,230,243)
```
#e3f1f8
```
#e3f1f8 rgb(227,241,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Monochromatic Color

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

#bae9ee
```
#bae9ee rgb(186,233,238)
```
#bae5ee
```
#bae5ee rgb(186,229,238)
```
#bae0ee
```
#bae0ee rgb(186,224,238)
```
#badcee
```
#badcee rgb(186,220,238)
```
#bad8ee
```
#bad8ee rgb(186,216,238)
```
#bad3ee
```
#bad3ee rgb(186,211,238)
```
#bacfee
```
#bacfee rgb(186,207,238)
```

Similar Colors

Text with hexadecimal color #badcee

This text has a font color of #badcee.

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

#badcee background color

This paragraph has a background color of #badcee.

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

#badcee border color

This element has a border color of #badcee.

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

CSS codes

.text {color:#badcee;}

.background {background-color:#badcee;}

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

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

#02070a
```
#02070a rgb(2,7,10)
```
#061319
```
#061319 rgb(6,19,25)
```
#0a1e29
```
#0a1e29 rgb(10,30,41)
```
#0e2a39
```
#0e2a39 rgb(14,42,57)
```
#123649
```
#123649 rgb(18,54,73)
```
#164158
```
#164158 rgb(22,65,88)
```
#1a4d68
```
#1a4d68 rgb(26,77,104)
```
#1e5978
```
#1e5978 rgb(30,89,120)
```
#216488
```
#216488 rgb(33,100,136)
```
#257097
```
#257097 rgb(37,112,151)
```
#297ba7
```
#297ba7 rgb(41,123,167)
```
#2d87b7
```
#2d87b7 rgb(45,135,183)
```
#3193c7
```
#3193c7 rgb(49,147,199)
```

Shade Color Variation

#3c9ccf
```
#3c9ccf rgb(60,156,207)
```
#4ca4d3
```
#4ca4d3 rgb(76,164,211)
```
#5cacd7
```
#5cacd7 rgb(92,172,215)
```
#6bb4db
```
#6bb4db rgb(107,180,219)
```
#7bbcde
```
#7bbcde rgb(123,188,222)
```
#8bc4e2
```
#8bc4e2 rgb(139,196,226)
```
#9bcce6
```
#9bcce6 rgb(155,204,230)
```
#aad4ea
```
#aad4ea rgb(170,212,234)
```
#badcee
```
#badcee rgb(186,220,238)
```
#cae4f2
```
#cae4f2 rgb(202,228,242)
```
#d9ecf6
```
#d9ecf6 rgb(217,236,246)
```
#e9f4fa
```
#e9f4fa rgb(233,244,250)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#d1d5d7
```
#d1d5d7 rgb(209,213,215)
```
#ced6da
```
#ced6da rgb(206,214,218)
```
#cbd7dd
```
#cbd7dd rgb(203,215,221)
```
#c7d8e1
```
#c7d8e1 rgb(199,216,225)
```
#c4d9e4
```
#c4d9e4 rgb(196,217,228)
```
#c1dae7
```
#c1dae7 rgb(193,218,231)
```
#bddbeb
```
#bddbeb rgb(189,219,235)
```
#badcee
```
#badcee rgb(186,220,238)
```
#b7ddf1
```
#b7ddf1 rgb(183,221,241)
```
#b3def5
```
#b3def5 rgb(179,222,245)
```
#b0dff8
```
#b0dff8 rgb(176,223,248)
```
#ade0fb
```
#ade0fb rgb(173,224,251)
```
#a9e1ff
```
#a9e1ff rgb(169,225,255)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd6d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d7eb Protanopia 1% of men
#e0d3f2 Deuteranopia 1% of men
#bddded Tritanopia 0.001% of the population

Trichromacy

#ccd9ec Protanomaly 1% of men, 0.01% of women
#d2d6f0 Deuteranomaly 6% of men, 0.4% of women
#bcdded Tritanomaly 0.01% of the population

#badcee hex color

#badcee Color Information

#badcee Color Conversion

Color Schemes with #badcee

Alternatives to #badcee

#badcee Preview

Shades and Tints of #badcee

Tones of #badcee

Color Blindness Simulator