#badfe1 hex color

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

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

● #badfe1 color description : Light grayish cyan.

The hexadecimal color #badfe1 has RGB values of R:186, G:223, B:225 and CMYK values of C:0.17, M:0.01, Y:0, K:0.12. Its decimal value is 12247009.

Hex triplet	badfe1	`#badfe1`
RGB Decimal	186, 223, 225	`rgb(186,223,225)`
RGB Percent	72.9, 87.5, 88.2	`rgb(72.9%,87.5%,88.2%)`
CMYK	17, 1, 0, 12
HSL	183.1°, 39.4, 80.6	`hsl(183.1,39.4%,80.6%)`
HSV (or HSB)	183.1°, 17.3, 88.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.33, -11.625, -5.017
XYZ	60.225, 68.649, 81.308
xyY	0.287, 0.327, 68.649
CIE-LCH	86.33, 12.661, 203.346
CIE-LUV	86.33, -19.348, -5.775
Hunter-Lab	82.855, -15.249, -0.184
Binary	10111010, 11011111, 11100001

#badfe1
```
#badfe1 rgb(186,223,225)
```
#e1bcba
```
#e1bcba rgb(225,188,186)
```

Complementary Color

#bae1d0
```
#bae1d0 rgb(186,225,208)
```
#badfe1
```
#badfe1 rgb(186,223,225)
```
#bacce1
```
#bacce1 rgb(186,204,225)
```

Analogous Color

#e1d0ba
```
#e1d0ba rgb(225,208,186)
```
#badfe1
```
#badfe1 rgb(186,223,225)
```
#e1bacc
```
#e1bacc rgb(225,186,204)
```

Split Complementary Color

#dfe1ba
```
#dfe1ba rgb(223,225,186)
```
#badfe1
```
#badfe1 rgb(186,223,225)
```
#e1badf
```
#e1badf rgb(225,186,223)
```

Triadic Color

#bae1bc
```
#bae1bc rgb(186,225,188)
```
#badfe1
```
#badfe1 rgb(186,223,225)
```
#e1badf
```
#e1badf rgb(225,186,223)
```
#e1bcba
```
#e1bcba rgb(225,188,186)
```

Tetradic Color

#85c6ca
```
#85c6ca rgb(133,198,202)
```
#96cfd2
```
#96cfd2 rgb(150,207,210)
```
#a8d7d9
```
#a8d7d9 rgb(168,215,217)
```
#badfe1
```
#badfe1 rgb(186,223,225)
```
#cce7e9
```
#cce7e9 rgb(204,231,233)
```
#deeff0
```
#deeff0 rgb(222,239,240)
```
#eff8f8
```
#eff8f8 rgb(239,248,248)
```

Monochromatic Color

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

#bae1d9
```
#bae1d9 rgb(186,225,217)
```
#bae1dd
```
#bae1dd rgb(186,225,221)
```
#bae1e0
```
#bae1e0 rgb(186,225,224)
```
#badfe1
```
#badfe1 rgb(186,223,225)
```
#badce1
```
#badce1 rgb(186,220,225)
```
#bad9e1
```
#bad9e1 rgb(186,217,225)
```
#bad5e1
```
#bad5e1 rgb(186,213,225)
```

Similar Colors

Text with hexadecimal color #badfe1

This text has a font color of #badfe1.

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

#badfe1 background color

This paragraph has a background color of #badfe1.

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

#badfe1 border color

This element has a border color of #badfe1.

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

CSS codes

.text {color:#badfe1;}

.background {background-color:#badfe1;}

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

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

#060d0d
```
#060d0d rgb(6,13,13)
```
#0c1a1b
```
#0c1a1b rgb(12,26,27)
```
#122728
```
#122728 rgb(18,39,40)
```
#173436
```
#173436 rgb(23,52,54)
```
#1d4244
```
#1d4244 rgb(29,66,68)
```
#234f51
```
#234f51 rgb(35,79,81)
```
#295c5f
```
#295c5f rgb(41,92,95)
```
#2f6a6d
```
#2f6a6d rgb(47,106,109)
```
#35777a
```
#35777a rgb(53,119,122)
```
#3b8488
```
#3b8488 rgb(59,132,136)
```
#419196
```
#419196 rgb(65,145,150)
```
#479fa3
```
#479fa3 rgb(71,159,163)
```
#4dacb1
```
#4dacb1 rgb(77,172,177)
```

Shade Color Variation

#5ab3b7
```
#5ab3b7 rgb(90,179,183)
```
#68b9bd
```
#68b9bd rgb(104,185,189)
```
#76bfc3
```
#76bfc3 rgb(118,191,195)
```
#83c6c9
```
#83c6c9 rgb(131,198,201)
```
#91cccf
```
#91cccf rgb(145,204,207)
```
#9fd2d5
```
#9fd2d5 rgb(159,210,213)
```
#acd9db
```
#acd9db rgb(172,217,219)
```
#badfe1
```
#badfe1 rgb(186,223,225)
```
#c8e5e7
```
#c8e5e7 rgb(200,229,231)
```
#d5eced
```
#d5eced rgb(213,236,237)
```
#e3f2f3
```
#e3f2f3 rgb(227,242,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 #9ff7fc is the most saturated one.

#cdcece
```
#cdcece rgb(205,206,206)
```
#c9d1d2
```
#c9d1d2 rgb(201,209,210)
```
#c5d5d6
```
#c5d5d6 rgb(197,213,214)
```
#c2d8d9
```
#c2d8d9 rgb(194,216,217)
```
#bedcdd
```
#bedcdd rgb(190,220,221)
```
#badfe1
```
#badfe1 rgb(186,223,225)
```
#b6e2e5
```
#b6e2e5 rgb(182,226,229)
```
#b2e6e9
```
#b2e6e9 rgb(178,230,233)
```
#afe9ec
```
#afe9ec rgb(175,233,236)
```
#abedf0
```
#abedf0 rgb(171,237,240)
```
#a7f0f4
```
#a7f0f4 rgb(167,240,244)
```
#a3f4f8
```
#a3f4f8 rgb(163,244,248)
```
#9ff7fc
```
#9ff7fc rgb(159,247,252)
```

Tone Color Variation

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

Dichromacy

#dcd8de Protanopia 1% of men
#e8d4e6 Deuteranopia 1% of men
#c0deee Tritanopia 0.001% of the population

Trichromacy

#cfdbdf Protanomaly 1% of men, 0.01% of women
#d7d8e4 Deuteranomaly 6% of men, 0.4% of women
#bedee9 Tritanomaly 0.01% of the population

#badfe1 hex color

#badfe1 Color Information

#badfe1 Color Conversion

Color Schemes with #badfe1

Alternatives to #badfe1

#badfe1 Preview

Shades and Tints of #badfe1

Tones of #badfe1

Color Blindness Simulator