#badfef hex color

In a RGB color space, hex #badfef is composed of 72.9% red, 87.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 6.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 198.1 degrees, a saturation of 62.4% and a lightness of 83.3%. #badfef color hex could be obtained by blending #ffffff with #75bfdf. 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

● #badfef color description : Very soft blue.

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

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

CIE-LAB	86.724, -8.645, -11.818
XYZ	62.214, 69.445, 91.783
xyY	0.278, 0.311, 69.445
CIE-LCH	86.724, 14.643, 233.813
CIE-LUV	86.724, -19.628, -17.119
Hunter-Lab	83.334, -12.572, -6.968
Binary	10111010, 11011111, 11101111

#badfef
```
#badfef rgb(186,223,239)
```
#efcaba
```
#efcaba rgb(239,202,186)
```

Complementary Color

#baefe5
```
#baefe5 rgb(186,239,229)
```
#badfef
```
#badfef rgb(186,223,239)
```
#bac5ef
```
#bac5ef rgb(186,197,239)
```

Analogous Color

#efe5ba
```
#efe5ba rgb(239,229,186)
```
#badfef
```
#badfef rgb(186,223,239)
```
#efbac5
```
#efbac5 rgb(239,186,197)
```

Split Complementary Color

#dfefba
```
#dfefba rgb(223,239,186)
```
#badfef
```
#badfef rgb(186,223,239)
```
#efbadf
```
#efbadf rgb(239,186,223)
```

Triadic Color

#baefca
```
#baefca rgb(186,239,202)
```
#badfef
```
#badfef rgb(186,223,239)
```
#efbadf
```
#efbadf rgb(239,186,223)
```
#efcaba
```
#efcaba rgb(239,202,186)
```

Tetradic Color

#7cc2e1
```
#7cc2e1 rgb(124,194,225)
```
#91cce5
```
#91cce5 rgb(145,204,229)
```
#a5d5ea
```
#a5d5ea rgb(165,213,234)
```
#badfef
```
#badfef rgb(186,223,239)
```
#cfe9f4
```
#cfe9f4 rgb(207,233,244)
```
#e3f2f9
```
#e3f2f9 rgb(227,242,249)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Monochromatic Color

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

#baecef
```
#baecef rgb(186,236,239)
```
#bae8ef
```
#bae8ef rgb(186,232,239)
```
#bae3ef
```
#bae3ef rgb(186,227,239)
```
#badfef
```
#badfef rgb(186,223,239)
```
#badbef
```
#badbef rgb(186,219,239)
```
#bad6ef
```
#bad6ef rgb(186,214,239)
```
#bad2ef
```
#bad2ef rgb(186,210,239)
```

Similar Colors

Text with hexadecimal color #badfef

This text has a font color of #badfef.

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

#badfef background color

This paragraph has a background color of #badfef.

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

#badfef border color

This element has a border color of #badfef.

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

CSS codes

.text {color:#badfef;}

.background {background-color:#badfef;}

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

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 #fafdfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#06141b
```
#06141b rgb(6,20,27)
```
#0a212a
```
#0a212a rgb(10,33,42)
```
#0e2d3a
```
#0e2d3a rgb(14,45,58)
```
#11394a
```
#11394a rgb(17,57,74)
```
#15455a
```
#15455a rgb(21,69,90)
```
#19526a
```
#19526a rgb(25,82,106)
```
#1c5e7a
```
#1c5e7a rgb(28,94,122)
```
#206a8a
```
#206a8a rgb(32,106,138)
```
#24769a
```
#24769a rgb(36,118,154)
```
#2782aa
```
#2782aa rgb(39,130,170)
```
#2b8fba
```
#2b8fba rgb(43,143,186)
```
#2f9bca
```
#2f9bca rgb(47,155,202)
```

Shade Color Variation

#3ba4d1
```
#3ba4d1 rgb(59,164,209)
```
#4babd5
```
#4babd5 rgb(75,171,213)
```
#5ab3d9
```
#5ab3d9 rgb(90,179,217)
```
#6abadd
```
#6abadd rgb(106,186,221)
```
#7ac1e0
```
#7ac1e0 rgb(122,193,224)
```
#8ac9e4
```
#8ac9e4 rgb(138,201,228)
```
#9ad0e8
```
#9ad0e8 rgb(154,208,232)
```
#aad8eb
```
#aad8eb rgb(170,216,235)
```
#badfef
```
#badfef rgb(186,223,239)
```
#cae6f3
```
#cae6f3 rgb(202,230,243)
```
#daeef6
```
#daeef6 rgb(218,238,246)
```
#eaf5fa
```
#eaf5fa rgb(234,245,250)
```
#fafdfe
```
#fafdfe rgb(250,253,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 #ade4fc is the most saturated one.

#d4d5d5
```
#d4d5d5 rgb(212,213,213)
```
#d1d6d8
```
#d1d6d8 rgb(209,214,216)
```
#ced7db
```
#ced7db rgb(206,215,219)
```
#cad9df
```
#cad9df rgb(202,217,223)
```
#c7dae2
```
#c7dae2 rgb(199,218,226)
```
#c4dbe5
```
#c4dbe5 rgb(196,219,229)
```
#c1dce8
```
#c1dce8 rgb(193,220,232)
```
#bddeec
```
#bddeec rgb(189,222,236)
```
#badfef
```
#badfef rgb(186,223,239)
```
#b7e0f2
```
#b7e0f2 rgb(183,224,242)
```
#b3e2f6
```
#b3e2f6 rgb(179,226,246)
```
#b0e3f9
```
#b0e3f9 rgb(176,227,249)
```
#ade4fc
```
#ade4fc rgb(173,228,252)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d0d8db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d9eb Protanopia 1% of men
#e3d5f3 Deuteranopia 1% of men
#bde0f0 Tritanopia 0.001% of the population

Trichromacy

#cedbed Protanomaly 1% of men, 0.01% of women
#d4d9f1 Deuteranomaly 6% of men, 0.4% of women
#bcdff0 Tritanomaly 0.01% of the population

#badfef hex color

#badfef Color Information

#badfef Color Conversion

Color Schemes with #badfef

Alternatives to #badfef

#badfef Preview

Shades and Tints of #badfef

Tones of #badfef

Color Blindness Simulator