#badbe0 hex color

In a RGB color space, hex #badbe0 is composed of 72.9% red, 85.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 2.2% magenta, 0% yellow and 12.2% black. It has a hue angle of 187.9 degrees, a saturation of 38% and a lightness of 80.4%. #badbe0 color hex could be obtained by blending #ffffff with #75b7c1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 86
- B 88
RGB color chart
- C 17
- M 2
- Y 0
- K 12
CMYK color chart

● #badbe0 color description : Light grayish cyan.

The hexadecimal color #badbe0 has RGB values of R:186, G:219, B:224 and CMYK values of C:0.17, M:0.02, Y:0, K:0.12. Its decimal value is 12245984.

Hex triplet	badbe0	`#badbe0`
RGB Decimal	186, 219, 224	`rgb(186,219,224)`
RGB Percent	72.9, 85.9, 87.8	`rgb(72.9%,85.9%,87.8%)`
CMYK	17, 2, 0, 12
HSL	187.9°, 38, 80.4	`hsl(187.9,38%,80.4%)`
HSV (or HSB)	187.9°, 17, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.242, -9.787, -6.095
XYZ	59.033, 66.483, 80.239
xyY	0.287, 0.323, 66.483
CIE-LCH	85.242, 11.53, 211.913
CIE-LUV	85.242, -17.485, -7.761
Hunter-Lab	81.537, -13.455, -1.27
Binary	10111010, 11011011, 11100000

#badbe0
```
#badbe0 rgb(186,219,224)
```
#e0bfba
```
#e0bfba rgb(224,191,186)
```

Complementary Color

#bae0d2
```
#bae0d2 rgb(186,224,210)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#bac8e0
```
#bac8e0 rgb(186,200,224)
```

Analogous Color

#e0d2ba
```
#e0d2ba rgb(224,210,186)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#e0bac8
```
#e0bac8 rgb(224,186,200)
```

Split Complementary Color

#dbe0ba
```
#dbe0ba rgb(219,224,186)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#e0badb
```
#e0badb rgb(224,186,219)
```

Triadic Color

#bae0bf
```
#bae0bf rgb(186,224,191)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#e0badb
```
#e0badb rgb(224,186,219)
```
#e0bfba
```
#e0bfba rgb(224,191,186)
```

Tetradic Color

#85bfc8
```
#85bfc8 rgb(133,191,200)
```
#97c9d0
```
#97c9d0 rgb(151,201,208)
```
#a8d2d8
```
#a8d2d8 rgb(168,210,216)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#cce4e8
```
#cce4e8 rgb(204,228,232)
```
#ddedf0
```
#ddedf0 rgb(221,237,240)
```
#eff7f8
```
#eff7f8 rgb(239,247,248)
```

Monochromatic Color

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

#bae0dc
```
#bae0dc rgb(186,224,220)
```
#bae0df
```
#bae0df rgb(186,224,223)
```
#badee0
```
#badee0 rgb(186,222,224)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#bad8e0
```
#bad8e0 rgb(186,216,224)
```
#bad5e0
```
#bad5e0 rgb(186,213,224)
```
#bad2e0
```
#bad2e0 rgb(186,210,224)
```

Similar Colors

Text with hexadecimal color #badbe0

This text has a font color of #badbe0.

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

#badbe0 background color

This paragraph has a background color of #badbe0.

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

#badbe0 border color

This element has a border color of #badbe0.

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

CSS codes

.text {color:#badbe0;}

.background {background-color:#badbe0;}

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

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, #050b0c is the darkest color, while #fefefe is the lightest one.

#050b0c
```
#050b0c rgb(5,11,12)
```
#0c181a
```
#0c181a rgb(12,24,26)
```
#122427
```
#122427 rgb(18,36,39)
```
#183135
```
#183135 rgb(24,49,53)
```
#1e3e42
```
#1e3e42 rgb(30,62,66)
```
#244a50
```
#244a50 rgb(36,74,80)
```
#2a575d
```
#2a575d rgb(42,87,93)
```
#30636b
```
#30636b rgb(48,99,107)
```
#367078
```
#367078 rgb(54,112,120)
```
#3c7c86
```
#3c7c86 rgb(60,124,134)
```
#428994
```
#428994 rgb(66,137,148)
```
#4895a1
```
#4895a1 rgb(72,149,161)
```
#4ea2af
```
#4ea2af rgb(78,162,175)
```

Shade Color Variation

#5baab5
```
#5baab5 rgb(91,170,181)
```
#69b1bc
```
#69b1bc rgb(105,177,188)
```
#76b8c2
```
#76b8c2 rgb(118,184,194)
```
#84bfc8
```
#84bfc8 rgb(132,191,200)
```
#91c6ce
```
#91c6ce rgb(145,198,206)
```
#9fcdd4
```
#9fcdd4 rgb(159,205,212)
```
#acd4da
```
#acd4da rgb(172,212,218)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#c8e2e6
```
#c8e2e6 rgb(200,226,230)
```
#d5e9ec
```
#d5e9ec rgb(213,233,236)
```
#e3f0f2
```
#e3f0f2 rgb(227,240,242)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c9d0d1
```
#c9d0d1 rgb(201,208,209)
```
#c6d2d4
```
#c6d2d4 rgb(198,210,212)
```
#c2d5d8
```
#c2d5d8 rgb(194,213,216)
```
#bed8dc
```
#bed8dc rgb(190,216,220)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#b6dee4
```
#b6dee4 rgb(182,222,228)
```
#b2e1e8
```
#b2e1e8 rgb(178,225,232)
```
#aee4ec
```
#aee4ec rgb(174,228,236)
```
#abe6ef
```
#abe6ef rgb(171,230,239)
```
#a7e9f3
```
#a7e9f3 rgb(167,233,243)
```
#a3ecf7
```
#a3ecf7 rgb(163,236,247)
```
#9feffb
```
#9feffb rgb(159,239,251)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cdd4d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d5dd Protanopia 1% of men
#e4d1e5 Deuteranopia 1% of men
#bfdbeb Tritanopia 0.001% of the population

Trichromacy

#cdd7de Protanomaly 1% of men, 0.01% of women
#d4d4e3 Deuteranomaly 6% of men, 0.4% of women
#bddbe7 Tritanomaly 0.01% of the population

#badbe0 hex color

#badbe0 Color Information

#badbe0 Color Conversion

Color Schemes with #badbe0

Alternatives to #badbe0

#badbe0 Preview

Shades and Tints of #badbe0

Tones of #badbe0

Color Blindness Simulator