#bafdfe hex color

In a RGB color space, hex #bafdfe is composed of 72.9% red, 99.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 180.9 degrees, a saturation of 97.1% and a lightness of 86.3%. #bafdfe color hex could be obtained by blending #ffffff with #75fbfd. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 73
- G 99
- B 100
RGB color chart
- C 27
- M 0
- Y 0
- K 0
CMYK color chart

● #bafdfe color description : Very soft cyan.

The hexadecimal color #bafdfe has RGB values of R:186, G:253, B:254 and CMYK values of C:0.27, M:0, Y:0, K:0. Its decimal value is 12254718.

Hex triplet	bafdfe	`#bafdfe`
RGB Decimal	186, 253, 254	`rgb(186,253,254)`
RGB Percent	72.9, 99.2, 99.6	`rgb(72.9%,99.2%,99.6%)`
CMYK	27, 0, 0, 0
HSL	180.9°, 97.1, 86.3	`hsl(180.9,97.1%,86.3%)`
HSV (or HSB)	180.9°, 26.8, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.095, -20.42, -7.208
XYZ	73.26, 87.843, 106.856
xyY	0.273, 0.328, 87.843
CIE-LCH	95.095, 21.655, 199.444
CIE-LUV	95.095, -32.906, -7.915
Hunter-Lab	93.724, -24.493, -1.99
Binary	10111010, 11111101, 11111110

#bafdfe
```
#bafdfe rgb(186,253,254)
```
#febbba
```
#febbba rgb(254,187,186)
```

Complementary Color

#bafedd
```
#bafedd rgb(186,254,221)
```
#bafdfe
```
#bafdfe rgb(186,253,254)
```
#badbfe
```
#badbfe rgb(186,219,254)
```

Analogous Color

#feddba
```
#feddba rgb(254,221,186)
```
#bafdfe
```
#bafdfe rgb(186,253,254)
```
#febadb
```
#febadb rgb(254,186,219)
```

Split Complementary Color

#fdfeba
```
#fdfeba rgb(253,254,186)
```
#bafdfe
```
#bafdfe rgb(186,253,254)
```
#febafd
```
#febafd rgb(254,186,253)
```

Triadic Color

#bafebb
```
#bafebb rgb(186,254,187)
```
#bafdfe
```
#bafdfe rgb(186,253,254)
```
#febafd
```
#febafd rgb(254,186,253)
```
#febbba
```
#febbba rgb(254,187,186)
```

Tetradic Color

#6ffbfd
```
#6ffbfd rgb(111,251,253)
```
#88fcfd
```
#88fcfd rgb(136,252,253)
```
#a1fcfe
```
#a1fcfe rgb(161,252,254)
```
#bafdfe
```
#bafdfe rgb(186,253,254)
```
#d3fefe
```
#d3fefe rgb(211,254,254)
```
#ecfeff
```
#ecfeff rgb(236,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bafeee
```
#bafeee rgb(186,254,238)
```
#bafef4
```
#bafef4 rgb(186,254,244)
```
#bafef9
```
#bafef9 rgb(186,254,249)
```
#bafdfe
```
#bafdfe rgb(186,253,254)
```
#baf7fe
```
#baf7fe rgb(186,247,254)
```
#baf2fe
```
#baf2fe rgb(186,242,254)
```
#baecfe
```
#baecfe rgb(186,236,254)
```

Similar Colors

Text with hexadecimal color #bafdfe

This text has a font color of #bafdfe.

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

#bafdfe background color

This paragraph has a background color of #bafdfe.

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

#bafdfe border color

This element has a border color of #bafdfe.

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

CSS codes

.text {color:#bafdfe;}

.background {background-color:#bafdfe;}

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

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, #000808 is the darkest color, while #f4ffff is the lightest one.

#000808
```
#000808 rgb(0,8,8)
```
#001b1c
```
#001b1c rgb(0,27,28)
```
#012e2f
```
#012e2f rgb(1,46,47)
```
#014142
```
#014142 rgb(1,65,66)
```
#015456
```
#015456 rgb(1,84,86)
```
#026769
```
#026769 rgb(2,103,105)
```
#027b7c
```
#027b7c rgb(2,123,124)
```
#028e90
```
#028e90 rgb(2,142,144)
```
#02a1a3
```
#02a1a3 rgb(2,161,163)
```
#03b4b6
```
#03b4b6 rgb(3,180,182)
```
#03c7ca
```
#03c7ca rgb(3,199,202)
```
#03dadd
```
#03dadd rgb(3,218,221)
```
#03edf0
```
#03edf0 rgb(3,237,240)
```

Shade Color Variation

#0cf8fb
```
#0cf8fb rgb(12,248,251)
```
#1ff9fc
```
#1ff9fc rgb(31,249,252)
```
#33f9fc
```
#33f9fc rgb(51,249,252)
```
#46fafc
```
#46fafc rgb(70,250,252)
```
#59fafd
```
#59fafd rgb(89,250,253)
```
#6dfbfd
```
#6dfbfd rgb(109,251,253)
```
#80fbfd
```
#80fbfd rgb(128,251,253)
```
#93fcfd
```
#93fcfd rgb(147,252,253)
```
#a7fcfe
```
#a7fcfe rgb(167,252,254)
```
#bafdfe
```
#bafdfe rgb(186,253,254)
```
#cdfefe
```
#cdfefe rgb(205,254,254)
```
#e1feff
```
#e1feff rgb(225,254,255)
```
#f4ffff
```
#f4ffff rgb(244,255,255)
```

Tint Color Variation

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

#dadede
```
#dadede rgb(218,222,222)
```
#d8e0e0
```
#d8e0e0 rgb(216,224,224)
```
#d5e3e3
```
#d5e3e3 rgb(213,227,227)
```
#d2e5e6
```
#d2e5e6 rgb(210,229,230)
```
#d0e8e8
```
#d0e8e8 rgb(208,232,232)
```
#cdebeb
```
#cdebeb rgb(205,235,235)
```
#caedee
```
#caedee rgb(202,237,238)
```
#c7f0f1
```
#c7f0f1 rgb(199,240,241)
```
#c5f3f3
```
#c5f3f3 rgb(197,243,243)
```
#c2f5f6
```
#c2f5f6 rgb(194,245,246)
```
#bff8f9
```
#bff8f9 rgb(191,248,249)
```
#bdfafb
```
#bdfafb rgb(189,250,251)
```
#bafdfe
```
#bafdfe rgb(186,253,254)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#e0eded Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3f0f7 Protanopia 1% of men
#fbedff Deuteranopia 1% of men
#dcf5ff Tritanopia 0.001% of the population

Trichromacy

#def4f9 Protanomaly 1% of men, 0.01% of women
#e3f2fe Deuteranomaly 6% of men, 0.4% of women
#d0f8fe Tritanomaly 0.01% of the population

#bafdfe hex color

#bafdfe Color Information

#bafdfe Color Conversion

Color Schemes with #bafdfe

Alternatives to #bafdfe

#bafdfe Preview

Shades and Tints of #bafdfe

Tones of #bafdfe

Color Blindness Simulator