#badbee hex color

In a RGB color space, hex #badbee is composed of 72.9% red, 85.9% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 8% magenta, 0% yellow and 6.7% black. It has a hue angle of 201.9 degrees, a saturation of 60.5% and a lightness of 83.1%. #badbee color hex could be obtained by blending #ffffff with #75b7dd. 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

● #badbee color description : Very soft blue.

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

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

CIE-LAB	85.642, -6.8, -12.906
XYZ	61.01, 67.274, 90.655
xyY	0.279, 0.307, 67.274
CIE-LCH	85.642, 14.588, 242.218
CIE-LUV	85.642, -17.815, -19.148
Hunter-Lab	82.021, -10.76, -8.117
Binary	10111010, 11011011, 11101110

#badbee
```
#badbee rgb(186,219,238)
```
#eecdba
```
#eecdba rgb(238,205,186)
```

Complementary Color

#baeee7
```
#baeee7 rgb(186,238,231)
```
#badbee
```
#badbee rgb(186,219,238)
```
#bac1ee
```
#bac1ee rgb(186,193,238)
```

Analogous Color

#eee7ba
```
#eee7ba rgb(238,231,186)
```
#badbee
```
#badbee rgb(186,219,238)
```
#eebac1
```
#eebac1 rgb(238,186,193)
```

Split Complementary Color

#dbeeba
```
#dbeeba rgb(219,238,186)
```
#badbee
```
#badbee rgb(186,219,238)
```
#eebadb
```
#eebadb rgb(238,186,219)
```

Triadic Color

#baeecd
```
#baeecd rgb(186,238,205)
```
#badbee
```
#badbee rgb(186,219,238)
```
#eebadb
```
#eebadb rgb(238,186,219)
```
#eecdba
```
#eecdba rgb(238,205,186)
```

Tetradic Color

#7dbbdf
```
#7dbbdf rgb(125,187,223)
```
#91c6e4
```
#91c6e4 rgb(145,198,228)
```
#a6d0e9
```
#a6d0e9 rgb(166,208,233)
```
#badbee
```
#badbee rgb(186,219,238)
```
#cee6f3
```
#cee6f3 rgb(206,230,243)
```
#e3f0f8
```
#e3f0f8 rgb(227,240,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Monochromatic Color

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

#bae8ee
```
#bae8ee rgb(186,232,238)
```
#bae4ee
```
#bae4ee rgb(186,228,238)
```
#badfee
```
#badfee rgb(186,223,238)
```
#badbee
```
#badbee rgb(186,219,238)
```
#bad7ee
```
#bad7ee rgb(186,215,238)
```
#bad2ee
```
#bad2ee rgb(186,210,238)
```
#baceee
```
#baceee rgb(186,206,238)
```

Similar Colors

Text with hexadecimal color #badbee

This text has a font color of #badbee.

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

#badbee background color

This paragraph has a background color of #badbee.

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

#badbee border color

This element has a border color of #badbee.

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

CSS codes

.text {color:#badbee;}

.background {background-color:#badbee;}

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

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)
```
#061219
```
#061219 rgb(6,18,25)
```
#0a1e29
```
#0a1e29 rgb(10,30,41)
```
#0e2939
```
#0e2939 rgb(14,41,57)
```
#123549
```
#123549 rgb(18,53,73)
```
#164058
```
#164058 rgb(22,64,88)
```
#1a4b68
```
#1a4b68 rgb(26,75,104)
```
#1e5778
```
#1e5778 rgb(30,87,120)
```
#216288
```
#216288 rgb(33,98,136)
```
#256e97
```
#256e97 rgb(37,110,151)
```
#2979a7
```
#2979a7 rgb(41,121,167)
```
#2d84b7
```
#2d84b7 rgb(45,132,183)
```
#3190c7
```
#3190c7 rgb(49,144,199)
```

Shade Color Variation

#3c99cf
```
#3c99cf rgb(60,153,207)
```
#4ca2d3
```
#4ca2d3 rgb(76,162,211)
```
#5caad7
```
#5caad7 rgb(92,170,215)
```
#6bb2db
```
#6bb2db rgb(107,178,219)
```
#7bbade
```
#7bbade rgb(123,186,222)
```
#8bc2e2
```
#8bc2e2 rgb(139,194,226)
```
#9bcbe6
```
#9bcbe6 rgb(155,203,230)
```
#aad3ea
```
#aad3ea rgb(170,211,234)
```
#badbee
```
#badbee rgb(186,219,238)
```
#cae3f2
```
#cae3f2 rgb(202,227,242)
```
#d9ebf6
```
#d9ebf6 rgb(217,235,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 #a9dfff is the most saturated one.

#d1d5d7
```
#d1d5d7 rgb(209,213,215)
```
#ced6da
```
#ced6da rgb(206,214,218)
```
#cbd7dd
```
#cbd7dd rgb(203,215,221)
```
#c7d7e1
```
#c7d7e1 rgb(199,215,225)
```
#c4d8e4
```
#c4d8e4 rgb(196,216,228)
```
#c1d9e7
```
#c1d9e7 rgb(193,217,231)
```
#bddaeb
```
#bddaeb rgb(189,218,235)
```
#badbee
```
#badbee rgb(186,219,238)
```
#b7dcf1
```
#b7dcf1 rgb(183,220,241)
```
#b3ddf5
```
#b3ddf5 rgb(179,221,245)
```
#b0def8
```
#b0def8 rgb(176,222,248)
```
#addffb
```
#addffb rgb(173,223,251)
```
#a9dfff
```
#a9dfff rgb(169,223,255)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ced5d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d6eb Protanopia 1% of men
#dfd3f2 Deuteranopia 1% of men
#bddded Tritanopia 0.001% of the population

Trichromacy

#cbd8ec Protanomaly 1% of men, 0.01% of women
#d1d5f0 Deuteranomaly 6% of men, 0.4% of women
#bcdced Tritanomaly 0.01% of the population

#badbee hex color

#badbee Color Information

#badbee Color Conversion

Color Schemes with #badbee

Alternatives to #badbee

#badbee Preview

Shades and Tints of #badbee

Tones of #badbee

Color Blindness Simulator