#badeef hex color

In a RGB color space, hex #badeef is composed of 72.9% red, 87.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 7.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 199.2 degrees, a saturation of 62.4% and a lightness of 83.3%. #badeef color hex could be obtained by blending #ffffff with #75bddf. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 87
- B 94
RGB color chart
- C 22
- M 7
- Y 0
- K 6
CMYK color chart

● #badeef color description : Very soft blue.

The hexadecimal color #badeef has RGB values of R:186, G:222, B:239 and CMYK values of C:0.22, M:0.07, Y:0, K:0.06. Its decimal value is 12246767.

Hex triplet	badeef	`#badeef`
RGB Decimal	186, 222, 239	`rgb(186,222,239)`
RGB Percent	72.9, 87.1, 93.7	`rgb(72.9%,87.1%,93.7%)`
CMYK	22, 7, 0, 6
HSL	199.2°, 62.4, 83.3	`hsl(199.2,62.4%,83.3%)`
HSV (or HSB)	199.2°, 22.2, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.46, -8.131, -12.211
XYZ	61.948, 68.912, 91.694
xyY	0.278, 0.31, 68.912
CIE-LCH	86.46, 14.671, 236.343
CIE-LUV	86.46, -19.181, -17.831
Hunter-Lab	83.013, -12.07, -7.381
Binary	10111010, 11011110, 11101111

#badeef
```
#badeef rgb(186,222,239)
```
#efcbba
```
#efcbba rgb(239,203,186)
```

Complementary Color

#baefe6
```
#baefe6 rgb(186,239,230)
```
#badeef
```
#badeef rgb(186,222,239)
```
#bac4ef
```
#bac4ef rgb(186,196,239)
```

Analogous Color

#efe6ba
```
#efe6ba rgb(239,230,186)
```
#badeef
```
#badeef rgb(186,222,239)
```
#efbac4
```
#efbac4 rgb(239,186,196)
```

Split Complementary Color

#deefba
```
#deefba rgb(222,239,186)
```
#badeef
```
#badeef rgb(186,222,239)
```
#efbade
```
#efbade rgb(239,186,222)
```

Triadic Color

#baefcb
```
#baefcb rgb(186,239,203)
```
#badeef
```
#badeef rgb(186,222,239)
```
#efbade
```
#efbade rgb(239,186,222)
```
#efcbba
```
#efcbba rgb(239,203,186)
```

Tetradic Color

#7cc0e1
```
#7cc0e1 rgb(124,192,225)
```
#91cae5
```
#91cae5 rgb(145,202,229)
```
#a5d4ea
```
#a5d4ea rgb(165,212,234)
```
#badeef
```
#badeef rgb(186,222,239)
```
#cfe8f4
```
#cfe8f4 rgb(207,232,244)
```
#e3f2f9
```
#e3f2f9 rgb(227,242,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Monochromatic Color

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

#baebef
```
#baebef rgb(186,235,239)
```
#bae7ef
```
#bae7ef rgb(186,231,239)
```
#bae2ef
```
#bae2ef rgb(186,226,239)
```
#badeef
```
#badeef rgb(186,222,239)
```
#badaef
```
#badaef rgb(186,218,239)
```
#bad5ef
```
#bad5ef rgb(186,213,239)
```
#bad1ef
```
#bad1ef rgb(186,209,239)
```

Similar Colors

Text with hexadecimal color #badeef

This text has a font color of #badeef.

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

#badeef background color

This paragraph has a background color of #badeef.

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

#badeef border color

This element has a border color of #badeef.

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

CSS codes

.text {color:#badeef;}

.background {background-color:#badeef;}

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

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

#02080b
```
#02080b rgb(2,8,11)
```
#06141b
```
#06141b rgb(6,20,27)
```
#0a202a
```
#0a202a rgb(10,32,42)
```
#0e2c3a
```
#0e2c3a rgb(14,44,58)
```
#11384a
```
#11384a rgb(17,56,74)
```
#15445a
```
#15445a rgb(21,68,90)
```
#19506a
```
#19506a rgb(25,80,106)
```
#1c5c7a
```
#1c5c7a rgb(28,92,122)
```
#20688a
```
#20688a rgb(32,104,138)
```
#24749a
```
#24749a rgb(36,116,154)
```
#2780aa
```
#2780aa rgb(39,128,170)
```
#2b8cba
```
#2b8cba rgb(43,140,186)
```
#2f98ca
```
#2f98ca rgb(47,152,202)
```

Shade Color Variation

#3ba1d1
```
#3ba1d1 rgb(59,161,209)
```
#4ba9d5
```
#4ba9d5 rgb(75,169,213)
```
#5ab0d9
```
#5ab0d9 rgb(90,176,217)
```
#6ab8dd
```
#6ab8dd rgb(106,184,221)
```
#7ac0e0
```
#7ac0e0 rgb(122,192,224)
```
#8ac7e4
```
#8ac7e4 rgb(138,199,228)
```
#9acfe8
```
#9acfe8 rgb(154,207,232)
```
#aad6eb
```
#aad6eb rgb(170,214,235)
```
#badeef
```
#badeef rgb(186,222,239)
```
#cae6f3
```
#cae6f3 rgb(202,230,243)
```
#daedf6
```
#daedf6 rgb(218,237,246)
```
#eaf5fa
```
#eaf5fa rgb(234,245,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#d4d5d5
```
#d4d5d5 rgb(212,213,213)
```
#d1d6d8
```
#d1d6d8 rgb(209,214,216)
```
#ced7db
```
#ced7db rgb(206,215,219)
```
#cad8df
```
#cad8df rgb(202,216,223)
```
#c7d9e2
```
#c7d9e2 rgb(199,217,226)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#c1dce8
```
#c1dce8 rgb(193,220,232)
```
#bdddec
```
#bdddec rgb(189,221,236)
```
#badeef
```
#badeef rgb(186,222,239)
```
#b7dff2
```
#b7dff2 rgb(183,223,242)
```
#b3e0f6
```
#b3e0f6 rgb(179,224,246)
```
#b0e2f9
```
#b0e2f9 rgb(176,226,249)
```
#ade3fc
```
#ade3fc rgb(173,227,252)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0d7da Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d8eb Protanopia 1% of men
#e2d5f3 Deuteranopia 1% of men
#bddfef Tritanopia 0.001% of the population

Trichromacy

#cddaed Protanomaly 1% of men, 0.01% of women
#d3d8f1 Deuteranomaly 6% of men, 0.4% of women
#bcdfef Tritanomaly 0.01% of the population

#badeef hex color

#badeef Color Information

#badeef Color Conversion

Color Schemes with #badeef

Alternatives to #badeef

#badeef Preview

Shades and Tints of #badeef

Tones of #badeef

Color Blindness Simulator