#badde1 hex color

In a RGB color space, hex #badde1 is composed of 72.9% red, 86.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 1.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 186.2 degrees, a saturation of 39.4% and a lightness of 80.6%. #badde1 color hex could be obtained by blending #ffffff with #75bbc3. Closest websafe color is: #cccccc.

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

● #badde1 color description : Light grayish cyan.

The hexadecimal color #badde1 has RGB values of R:186, G:221, B:225 and CMYK values of C:0.17, M:0.02, Y:0, K:0.12. Its decimal value is 12246497.

Hex triplet	badde1	`#badde1`
RGB Decimal	186, 221, 225	`rgb(186,221,225)`
RGB Percent	72.9, 86.7, 88.2	`rgb(72.9%,86.7%,88.2%)`
CMYK	17, 2, 0, 12
HSL	186.2°, 39.4, 80.6	`hsl(186.2,39.4%,80.6%)`
HSV (or HSB)	186.2°, 17.3, 88.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.799, -10.604, -5.8
XYZ	59.694, 67.587, 81.131
xyY	0.286, 0.324, 67.587
CIE-LCH	85.799, 12.087, 208.679
CIE-LUV	85.799, -18.429, -7.17
Hunter-Lab	82.211, -14.261, -0.963
Binary	10111010, 11011101, 11100001

#badde1
```
#badde1 rgb(186,221,225)
```
#e1beba
```
#e1beba rgb(225,190,186)
```

Complementary Color

#bae1d2
```
#bae1d2 rgb(186,225,210)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#bacae1
```
#bacae1 rgb(186,202,225)
```

Analogous Color

#e1d2ba
```
#e1d2ba rgb(225,210,186)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#e1baca
```
#e1baca rgb(225,186,202)
```

Split Complementary Color

#dde1ba
```
#dde1ba rgb(221,225,186)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#e1badd
```
#e1badd rgb(225,186,221)
```

Triadic Color

#bae1be
```
#bae1be rgb(186,225,190)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#e1badd
```
#e1badd rgb(225,186,221)
```
#e1beba
```
#e1beba rgb(225,190,186)
```

Tetradic Color

#85c3ca
```
#85c3ca rgb(133,195,202)
```
#96cbd2
```
#96cbd2 rgb(150,203,210)
```
#a8d4d9
```
#a8d4d9 rgb(168,212,217)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#cce6e9
```
#cce6e9 rgb(204,230,233)
```
#deeff0
```
#deeff0 rgb(222,239,240)
```
#eff7f8
```
#eff7f8 rgb(239,247,248)
```

Monochromatic Color

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

#bae1db
```
#bae1db rgb(186,225,219)
```
#bae1df
```
#bae1df rgb(186,225,223)
```
#bae0e1
```
#bae0e1 rgb(186,224,225)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#badae1
```
#badae1 rgb(186,218,225)
```
#bad7e1
```
#bad7e1 rgb(186,215,225)
```
#bad3e1
```
#bad3e1 rgb(186,211,225)
```

Similar Colors

Text with hexadecimal color #badde1

This text has a font color of #badde1.

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

#badde1 background color

This paragraph has a background color of #badde1.

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

#badde1 border color

This element has a border color of #badde1.

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

CSS codes

.text {color:#badde1;}

.background {background-color:#badde1;}

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

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, #060c0d is the darkest color, while #feffff is the lightest one.

#060c0d
```
#060c0d rgb(6,12,13)
```
#0c191b
```
#0c191b rgb(12,25,27)
```
#122628
```
#122628 rgb(18,38,40)
```
#173336
```
#173336 rgb(23,51,54)
```
#1d4044
```
#1d4044 rgb(29,64,68)
```
#234d51
```
#234d51 rgb(35,77,81)
```
#295a5f
```
#295a5f rgb(41,90,95)
```
#2f666d
```
#2f666d rgb(47,102,109)
```
#35737a
```
#35737a rgb(53,115,122)
```
#3b8088
```
#3b8088 rgb(59,128,136)
```
#418d96
```
#418d96 rgb(65,141,150)
```
#479aa3
```
#479aa3 rgb(71,154,163)
```
#4da7b1
```
#4da7b1 rgb(77,167,177)
```

Shade Color Variation

#5aaeb7
```
#5aaeb7 rgb(90,174,183)
```
#68b5bd
```
#68b5bd rgb(104,181,189)
```
#76bbc3
```
#76bbc3 rgb(118,187,195)
```
#83c2c9
```
#83c2c9 rgb(131,194,201)
```
#91c9cf
```
#91c9cf rgb(145,201,207)
```
#9fd0d5
```
#9fd0d5 rgb(159,208,213)
```
#acd6db
```
#acd6db rgb(172,214,219)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#c8e4e7
```
#c8e4e7 rgb(200,228,231)
```
#d5eaed
```
#d5eaed rgb(213,234,237)
```
#e3f1f3
```
#e3f1f3 rgb(227,241,243)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cdcece
```
#cdcece rgb(205,206,206)
```
#c9d1d2
```
#c9d1d2 rgb(201,209,210)
```
#c5d4d6
```
#c5d4d6 rgb(197,212,214)
```
#c2d7d9
```
#c2d7d9 rgb(194,215,217)
```
#bedadd
```
#bedadd rgb(190,218,221)
```
#badde1
```
#badde1 rgb(186,221,225)
```
#b6e0e5
```
#b6e0e5 rgb(182,224,229)
```
#b2e3e9
```
#b2e3e9 rgb(178,227,233)
```
#afe6ec
```
#afe6ec rgb(175,230,236)
```
#abe9f0
```
#abe9f0 rgb(171,233,240)
```
#a7ecf4
```
#a7ecf4 rgb(167,236,244)
```
#a3eff8
```
#a3eff8 rgb(163,239,248)
```
#9ff2fc
```
#9ff2fc rgb(159,242,252)
```

Tone Color Variation

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

Dichromacy

#dad7de Protanopia 1% of men
#e6d2e6 Deuteranopia 1% of men
#c0ddec Tritanopia 0.001% of the population

Trichromacy

#ced9df Protanomaly 1% of men, 0.01% of women
#d6d6e4 Deuteranomaly 6% of men, 0.4% of women
#bddde8 Tritanomaly 0.01% of the population

#badde1 hex color

#badde1 Color Information

#badde1 Color Conversion

Color Schemes with #badde1

Alternatives to #badde1

#badde1 Preview

Shades and Tints of #badde1

Tones of #badde1

Color Blindness Simulator